-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
208 lines (164 loc) · 14.9 KB
/
index.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<html>
<head>
<title>
Happy birthday Tom!
</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<center>
<img src="./top.png"> <br> <br> <br> <br> <br> <br>
<div class="container">
Select a challenge: <br>
<button id="zoom">Zoom</button>
<button id="verification">Verification</button>
<button id="masterchef">Master Chef</button>
<button id="shoes">Shoes</button>
<button id="124">124</button>
<button id="chopin">Chopin</button>
<button id="trails">Trails</button>
<button id="election">Election</button>
<button id="last">The Last Challenge</button>
<div id="question" class="question-none"></div>
</div>
<div id="addl"></div>
<br>
<div class="container">
<label for="answer">Answer: </label>
<input type="text" id="answer" name="answer">
<button id="go" class="button">Check answer!</button>
</div>
<br>
<div id="output" class="empty"></div>
</center>
<script>
var question = document.getElementById("question");
var addl = document.getElementById("addl");
var bzoom = document.getElementById("zoom");
bzoom.onclick = function() {
output.className = "empty";
question.className = "question-zoom";
addl.style.visibility = 'visible';
addl.innerHTML = "<a href=\"https://www.youtube.com/watch?v=E1dXqyNCHYM\" target=\"_blank\">https://www.youtube.com/watch?v=E1dXqyNCHYM</a>";
output.innerHTML = "Type the answer to unlock a message!";
}
var bverification = document.getElementById("verification");
bverification.onclick = function() {
output.className = "empty";
question.className = "question-verification";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var bmasterchef = document.getElementById("masterchef");
bmasterchef.onclick = function() {
output.className = "empty";
question.className = "question-masterchef";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var bshoes = document.getElementById("shoes");
bshoes.onclick = function() {
output.className = "empty";
question.className = "question-shoes";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var b124 = document.getElementById("124");
b124.onclick = function() {
output.className = "empty";
question.className = "question-124";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var bchopin = document.getElementById("chopin");
bchopin.onclick = function() {
output.className = "empty";
question.className = "question-chopin";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var btrails = document.getElementById("trails");
btrails.onclick = function() {
output.className = "empty";
question.className = "question-trails";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var belection = document.getElementById("election");
belection.onclick = function() {
output.className = "empty";
question.className = "question-election";
addl.style.visibility = 'visible';
addl.innerHTML = "If you're using a computer, <a href=\"./files/states.txt\" target=\"_blank\">this text file</a> with each state's electoral votes and connecting states may be helpful.";
output.innerHTML = "Type the answer to unlock a message!";
}
var blast = document.getElementById("last");
blast.onclick = function() {
output.className = "empty";
question.className = "question-last";
addl.style.visibility = 'hidden';
output.innerHTML = "Type the answer to unlock a message!";
}
var ansField = document.getElementById("answer");
var goButton = document.getElementById("go");
goButton.onclick = function() {
var ans = ansField.value
/**********************************
* LOOK RIGHT BELOW THIS COMMENT! *
**********************************/
if (question.className === "question-last" && ans === "Let's go, Tom!!!") {
output.className = "empty";
output.innerHTML = "Congrats on completing this, Tom! <a href=\"https://drive.google.com/file/d/1DHsx4vhPoxH2l--qI2AUvpsyHcLcunYt/view?usp=sharing\" target=\"_blank\">Here's an additional tribute to an absolute legend.</a>";
}
/***********************************
* Go up — you've scrolled too far *
***********************************/
else if (question.className === "question-zoom" && ans.toLowerCase().includes("hey") && ans.toLowerCase().includes("dudes")) {
output.className = "message";
output.innerHTML = "HELLLOOOO TOM!!!<br> <br>as I recently mentioned in my dreams you offered to carry me across a Venus fly trap field... and then you carried me!!! Shows how consciously and subconsciously I view you as such a reliable and thoughtful friend. From day 1 I've admired your adventure seeking spirit and how dedicated you are to what you put your mind to. You're always there for your friends no matter what and in all your interactions with us you build people up with like solid, humorous comportment! Idk how to describe it, but your \"hey bud\" brightens up so many ppl's days and I know it's made me feel better when life is feeling a bit cloudy. Come to think of it, Tom, you're always so cheery and fun...how does he do it????!! - Anastasia <br><br><br>"
+ "Hey dude! Happy bird-day!! Let's hope the only downsizing this year is the number of Ferrero Rochers consumed. In all seriousness, hope you have a great day and can't wait to celebrate with you in person soon! You (and your Mom) were incredible in KDS, and I'm so grateful we met through Kirkland. Can't wait for a spring filled with oreos, Office episodes, original memes, and olive oil!! - Ellie <br> <br> <br>"
+ "Happy birthday Biasi! Hope you have a wonderful day!! Miss hanging out with you two summers back and seeing you in person! Thank you for letting me pet you from time to time, that has really been relaxing as unusual as it seems. This only a true friend would permit!! Since we met in expos we go back as far as college friends can! So good to call you my friend! Hbd!! - Rick";
}
else if (question.className === "question-verification" && ans === "21YRS") {
output.className = "message";
output.innerHTML = "Happy happy birthday Tom!! It is such a joy to witness you carrying your world-famous orange water bottle, talking about your home state (you’re from Colorado right? I don’t think you talk about it enough), beep-bopping as a CS concentrator, shutting down websites with David, and encouraging “GO EDWARD GO!!!!!!” Wishing a year of good memories and fun times to one of the best neighbors anyone could ask for! - Maranda <br><br><br>"
+ "HAPPY BIRTH, TOM!! :D We're incredibly lucky to have such a caring and supportive friend like you! Keep on being your cool self, and hope your bday is as lit 🔥 as you are!! - Kathryn";
}
else if (question.className === "question-masterchef" && ans === "beautiful") {
output.className = "message";
output.innerHTML = "Happy birthday Tom! Can’t wait to see you in Kirkland for realsies. - Michael Baick <br> <br> <br>"
+ "Hey Tom! Happy birthday!! Still remember thinking you were a complete asshole when I first met you lol but have come to appreciate your funny/chill/EXTREMELY HELPFUL personality!! Hope you have an amazing day as the person you are!!! - Fouzia<br><br><br>"
+ "Happy Birthday Tom!!! Hope you have a wonderful day full of celebration and laughter! - Marissa";
}
else if (question.className === "question-shoes" && ans.includes("Tom") && ans.includes("Rebecca")) {
output.className = "message";
output.innerHTML = "Happy Birthday Tom! Though I'm not entirely sure how it happened, I'm so glad we became friends. You keep me on my toes in the best possible way, and though I never know where they will lead, I always look forward to our conversations and other miscellaneous encounters (such as when you stole my phone after CS124 lecture, the photographic evidence of which I encountered when looking for pictures of you in my camera roll, per Edward's request). I hope you have the best day today, and I am looking forward to seeing you in person again soon. At some point we will have to play that Brahms duet that you told me to learn, which I actually did learn over the summer but probably have forgotten at this point. - Rebecca";
}
else if (question.className === "question-124" && ans.includes("Kruskal")) {
output.className = "message";
output.innerHTML = "LET'S GO TOM!!!!!! Happy 21st! Have a legendary one my dude. Miss binging chocolate, eating ramen, doing CS, and playing tons of smash with you. I also noticed that we don't have enough pictures together. This is a problem that requires immediate rectification. - David <br><br><br>"
+ "Happy 21st birthday, Tom!! Thank you for being such an amazing freshman roommate and friend for the last three years. You were hilarious when you showed up to the Kirkland formal in your pajamas. I hope you have a fun and safe year! - Mikey <br><br><br>"
+ "HAPPY BIRTHDAY TOM!! Hope you have a great day bud :D So so glad we got put in the same entryway and became closer in so many classes (s/o to the Race in Politics project in particular)! Thank you for being such a positive force and a great friend. I will always owe you and be grateful for your role in instigating JTV and bringing Wigg H together!! Hope we can -- *gasp* -- hang out soon!! - Sahana";
}
else if (question.className === "question-chopin" && ans.toLowerCase() === "hbd") {
output.className = "message";
output.innerHTML = "Happy B-Earthday.<br><br>Just because it’s your birthday doesn’t mean we should forget about the planet >:D - Elijah <br><br><br>"
+ "Hey Tom,<br><br>Happy birthday, and hopefully this is a great day and the start of a great year for you! I really miss you and everything that used to happen back when we were living together in B-34, but hopefully we’ll get to reunite soon. In the meantime, though, seeing you on Zoom and hearing the weekly “Oh, hey, dudes!” has always been something to look forward to. Just like your screams when you’re losing (to someone who isn’t me) in Smash, your energy never fails to carry over any distance, no matter how long, and make us smile.<br><br>It would be remiss of me, however, not to mention everything else you bring to those around you. We’re so lucky to have a talented pianist, innovative bot maker, patient pset buddy, and understanding and caring friend among us. Thank you for being the person you are, Tom. I can’t wait to see you again and, once things are back to normal, give you a big hug.<br><br>Love,<br>Edward";
}
else if (question.className === "question-trails" && parseFloat(ans) === 0.903) {
output.className = "message";
output.innerHTML = "Happy happy birthday Tom!! Hearing your “hey bud!” upon joining the Kirkland Zoom is always a highlight of my week. Your presence, thoughtfulness, humor, wisdom, and willingness to listen have brought light to so many otherwise-difficult moments, from our abrupt departure from school to a very long election night. I’m so grateful to have grown closer to you over the past year, and I can’t wait for the semester ahead with you. Wishing you a day and year full of nature, sunset runs, chocolate, Multigrain Cheerios, good classes, laughter, peace, and happiness — you deserve the world! - Alia"
}
else if (question.className === "question-election" && ans === "272") {
output.className = "message";
output.innerHTML = "Hey dude! It is your birthday! I spent many months missing being in Kirkland and being able to yell across the wall to you, Edward, and David Chen. But I can't wait to be living with you at 86 Kirkland this semester. You always find a way to make me laugh and have a great time!<br>Happy birthday,<br>Sarah <br> <br> <br>"
+ "Happy birthday Tom!! You are hilarious, so fun to be around, and truly make KPIs sick. Plus, your mom is super cool :) Have a wonderful day and year, and hope to see you in the near future! - Andrea";
}
else {
output.className = "empty";
output.innerHTML = "Incorrect answer!";
}
}
</script>
</body>
</html>