-
Notifications
You must be signed in to change notification settings - Fork 0
/
google1.html
135 lines (118 loc) · 4.21 KB
/
google1.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-156694575-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-156694575-1');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mentor & Mentee</title>
<link rel="stylesheet" href="css/style-google.css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato|Quicksand|Roboto:100|Trade+Winds&display=swap" rel="stylesheet">
<link rel="icon" type="image/png" href="google.png" sizes="16x16" />
</head>
<body class="new-student">
<br><br>
<div class="title-block">
Time to pick your mentor! We ask the old students to write three things about themselves. Choose someone from below.
<br><br>
<div id="group1">
<div class="mentor-block" onclick="openMatch()">
Martial arts enthusiast. <br>
Major in computer science and visual arts. <br>
Working on reducing my screentime. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
I know where to get the best potatoes. <br>
Guitarist at a band. <br>
And I know where to get good hikes. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
Phd in Earth History. <br>
Learning new languages is my hobby. <br>
I make my own clothes. <br>
</div>
</div>
<div id="group2" style="display:none">
<div class="mentor-block" onclick="openMatch()">
Major in Mars Agriculture. <br>
I like taking long walks. <br>
I grow my own kales. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
Space triathlon trainer. <br>
I'm a big introvert. <br>
I like reading fictions. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
Phd in Attention Economy. <br>
Always trying new restaurants on Mars. <br>
Not good at writing bios. <br>
</div>
</div>
<div id="group3" style="display:none">
<div class="mentor-block" onclick="openMatch()">
Martial arts enthusiast. <br>
Major in computer science and visual arts. <br>
Working on reducing my screentime. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
I know where to get the best potatoes. <br>
Guitarist at a band. <br>
And I know where to get good hikes. <br>
</div>
<br>
<div class="mentor-block" onclick="openMatch()">
Phd in Earth History. <br>
Learning new languages is my hobby. <br>
I make my own clothes. <br>
</div>
</div>
<br>
<span class="new-group" onclick="showNewGroup()">Show me a new group</span>
<script>
function showNewGroup(){
if (document.getElementById('group1').innerHTML != document.getElementById('group2').innerHTML){
document.getElementById('group1').innerHTML = document.getElementById('group2').innerHTML;
}
else{
document.getElementById('group1').innerHTML = document.getElementById('group3').innerHTML;
}
}
function openMatch(){
window.open('google4.html', "_self");
}
</script>
<br><br>
<a href="google.html">Back to menu</a>
</div>
<br><br><br><br>
<br><br><br><br>
<a href="index.html" class="tail" target="_blank">©Mars University 2200</a>
<br>
</body>
<!-- <script type="text/javascript">
let test = document.getElementById("movehover");
let move = document.getElementById("movetext");
// This handler will be executed only once when the cursor
// moves over the unordered list
test.addEventListener("mouseover", function( event ) {
// highlight the mouseenter target
move.style.color = "purple";
// reset the color after a short delay
setTimeout(function() {
move.style.color = "";
}, 500);
}, false);
</script> -->
</html>