-
Notifications
You must be signed in to change notification settings - Fork 12
/
Copy pathhistory.html
294 lines (254 loc) · 20 KB
/
history.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
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
<html>
<head>
<title>TerribleHack History</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div class="content">
<h1>TerribleHack History</h1>
<h3>TerribleHack has a long and storied history. Here's a taste of it!</h3>
<h2 id="w2015">(March 2015) The First TerribleHack</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/w2015.jpg')" href="w2015"><span>View the March 2015 site</span></a>
</p>
<p>The first one! It was so haphazard that we booked a lecture hall that didn't have outlets in it, so we asked people to bring their own power bars and extension cords to get power from the front of the room. You can <a href="https://www.davepagurek.com/blog/terriblehack/">read about some of the hacks people made in this blog post.</a></p>
<h2 id="f2015">(October 2015) TerribleHack II</h2>
<p>We tried to 3D print a trophy for this one. It turned out small and kind of not great. Fitting, I suppose?</p>
<div class="row">
<div class="column expand">
<img class="full" src="history/realshit.jpg" />
</div>
<div class="column expand">
<img class="full" src="history/realshit2.jpg" />
</div>
</div>
<h2 id="w2016">(March 2016) TerribleHack III</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/w2016.jpg')" href="w2016"><span>View the March 2016 Site</span></a>
</p>
<p>I was on a coop term for this one, but thankfully some other students were interested enough in making a TerribleHack happen anyway!</p>
<h2 id="s2016">(July 2016) TerribleHack IV: A New Joke</h2>
<p>Buckle up, this is a wild one.</p>
<div class="row">
<div class="column expand">
<p>To the right you'll see the list of "awards" we were going to give out. You may notice that one of them is sponsored by Zynga, the company responsible for Farmville and a bunch of other social games that are much less remembered. That's right, we gained enough notoriety that Zynga <em>reached out to us</em> and asked if <em>they</em> could give <em>us</em> money to be a part of the next TerribleHack!</p>
<p>I like to think they knew they were going to be the butt of the joke a bit. They sent some developers to Waterloo for the event along with some leftover t-shirts from failed game projects to give out. They were nice guys; they even participated and made a dank game of their own.</p>
</div>
<div class="column">
<img class="full" src="history/zynga.png" />
</div>
</div>
<p>This year we also made our own t-shirts to give to people, but designed in the most pure, democratic way: an open Facebook poll.</p>
<div class="row">
<div class="column expand">
<img class="full" src="history/democracy.png" />
</div>
<div class="column expand">
<img class="full" src="history/americas-next-top-model.png" />
</div>
</div>
<p>To my extreme regret, the idea that won (by a landslide) was a meta-joke referencing a different option in the poll. Instead of having "frontend developer" on the front and "backend developer" on the back, why not switch it so it says back on the front and front on the back?</p>
<p align="center">
<img class="full" src="history/thereference.png" />
</p>
<p>So now we all had these shirts that were kind of funny at TerribleHack, required explanation everywhere else, and were not quite funny enough to justify the effort of that explanation. It really do be like that sometimes.</p>
<div class="row">
<div class="column expand">
<iframe class="full" width="560" height="315" src="https://www.youtube.com/embed/ZxGFS81d2fg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="column expand">
<p>We also had a robot wrestling contest, also sponsored by Zynga. Why? Because we had a bunch of leftover robot kits from an earlier, failed educational hackathon we tried to run and we wanted to make back some of the cost by selling people the kits.</p>
</div>
</div>
<h2 id="f2016">(November 2016) TerribleHack V</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/f2016.jpg')" href="f2016"><span>View the November 2016 Site</span></a>
</p>
<p>This is another one that happened while I was on coop, and it solidified the original team of organizers as the clear B team, because this one was probably the most professional TerribleHack to date! It had Google and Shopify sponsoring it (mind boggling!), actual catered lunch (I hear they had shawarma!), and limited registration (oh no!!)</p>
<p>After this point, we decided it's probably for the best to sacrifice professionalism for the sake of being able to support having everyone involved. This means this was the first and last TerribleHack to have actual good catering. But it was great while it lasted!</p>
<h2>(March 2017) TerribleHack the 6ix</h2>
<p>The joke for this one was just that it's the sixth event, and Drake talks about The 6ix. That's it. That's the joke.</p>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/w2017.png')" href="w2017"><span>View the March 2017 Site</span></a>
</p>
<div class="row">
<div class="column expand">
<a href="history/mathnews.jpg" target="_blank"><img class="full" src="history/mathnews.jpg" /></a>
</div>
<div class="column expand">
<p>That's right, the website for this one is a photo of Yu Chen taking a photo of a whiteboard with a drawing of the site on it. And yes, we made the buttons on the whiteboard actually clickable. The cutout of Richard Stallman on the wall was created as "study notes" <a href="history/openbook.png" target="_blank">that I took into an open book exam with me</a> this term.</p>
<p>By this point, TerribleHack appears to be mainstream enough that, in anticipation for the event, the treasured University of Waterloo publication <em>MathNEWS</em> wrote an article with project ideas! You can <a href="history/mathnews.jpg" target="_blank">see the article larger</a> to read the suggestions.</p>
</div>
</div>
<div class="row">
<div class="column expand">
<p>Although Shopify didn't actually sponsor us this time, they did let us do our hackathon in their nice Uptown Waterloo building! It's all wood, which made it even more concerning when one team, building a <a href="https://devpost.com/software/smoke-detector-detector" target="_blank">smoke detector detector</a>, asked whether or not they could start a fire indoors to test their project. We respectfully asked if they might test it outside instead.</p>
</div>
<div class="column expand">
<img class="full" src="history/shopify.jpg" />
</div>
</div>
<p>We didn't have real prizes for anyone this time (assuming the "trophies" from before are "real prizes") but we did walk across the street to get some cookies from the grocery store to give to everyone!</p>
<h2 id="s2017">(August 2017) TerribleHack 7?</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/s2017.jpg')" href="s2017"><span>View the August 2017 Site</span></a>
</p>
<p>This is another one that happened while I was on coop. It is perhaps the most TerribleHack of all TerribleHacks in that it never ended up actually happening.</p>
<h2 id="f2017">(November 2017) TerribleHack 8 and TerribleHack X</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/f2017.png')" href="f2017"><span>View the November 2017 Site</span></a>
</p>
<p>Remember in 2017 when Apple launched the iPhone 8 and the iPhone X at the same time? With the iPhone 9 mysteriously missing? We did the same thing this year, calling our next event both 8 and X at the same time, skipping 9. <a href="f2017" target="_blank">Our website</a> is a direct parody of <a href="http://web.archive.org/web/20171115213411/https://www.apple.com/iphone-x/" target="_blank">the iPhone X website at the time.</a>
<p>This is the exact moment that we lost track of what number TerribleHack we're on. All numbers from this point on are guesses at best.</p>
<h2 id="s2018">(July 2018) TerribleHack XI</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/s2018.png')" href="s2018"><span>View the July 2018 Site</span></a>
</p>
<div class="row">
<div class="column expand">
<p>For this one, we pretended to launch a new cryptocurrency called TerribleHackCoin, or THC for short. Our whole premise is that instead of a blockchain, we record transactions in <a href="https://docs.google.com/spreadsheets/d/10JYBJx8uuxg4W3apHnTI7auhU29KGlxSfLz2lyrEZeg/edit#gid=0" target="_blank">a universally editable Google Sheet</a> ("use the honour system," our site reminds you as you try to open the spreadsheet!)</p>
<p>In previous hackathons, we used Tilt to let people donate to help pay for food. After <a href="https://en.wikipedia.org/wiki/Tilt.com#Airbnb_acquisition" target="_blank">Tilt's shutdown</a> (RIP) we had to switch to other platforms. Unfortunately, pretending to be a scam cryptocurrency does not make platforms want to help us collect money. I think it was worth it for the joke.</p>
</div>
<div class="column expand">
<img class="full" src="history/thc.png" />
</div>
</div>
<p>A notable hack this year involved a <a href="https://www.youtube.com/watch?v=4386BAheHnE&t=7s" target="_blank">cryptocurrency that you mine by dabbing while holding your phone.</a> Naturally, this meant that a few people in the lecture hall were constantly dabbing throughout the event in order to test their project.</p>
<h2 id="f2018">(October 2018) TerribleHack XII?</h2>
<div class="row">
<div class="column double">
<p>I was on my last coop work term for this one. Although I don't know how this one went down, the website folder for this one just has one image file and nothing else, which appears to also not have the correct number in it, so it sounds like a typical TerribleHack.</p>
</div>
<div class="column expand">
<img class="full" src="history/xii.png" />
</div>
</div>
<h2 id="w2019">(March 2019) TerribleHack XIII</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/w2019.png')" href="w2019"><span>View the March 2019 Site</span></a>
</p>
<p>For this one, we pretended to be a stealth startup. <a href="w2019" target="_blank">Our website is a job application form.</a> Uploading a resume looks like it works at first, but shows you a preview that likely does not match the resume you actually uploaded. (Try it, I dare you!)</p>
<div class="row">
<div class="column expand">
<p>No one comes to TerribleHack for its food. So, rather than attempting to get <em>good</em> food for lunch, we tried to get <em>funny</em> food instead, and ordered a 6-foot-long sub from the Subway next to the university (plus a few 3-foot subs as a contingency plan.)</p>
<p>Unfortunately, the event took place in the middle of a later Winter storm in the Kitchener-Waterloo region, so we had to carry our very long subs across a parking lot made treacherously slippery from freezing rain. With the difficulty of coordinating multiple people per sandwich box and with the cardboard box handles tearing uncomfortably quickly, getting the food to the event was a challenge. We also were given mayonnaise and mustard in comically large vats. Without any good way of getting it out, anyone who wanted condiments had to reach on in with a normal sized plastic utensil.</p>
</div>
<div class="column expand">
<p><img class="full" src="history/12ft.png" /></p>
<p><img class="full" src="history/subs.jpg" /></p>
</div>
</div>
<div class="row">
<div class="column expand">
<img class="full" src="history/mixtape.jpg" />
</div>
<div class="column expand">
<p>We raised some money for this one by offering people a mixtape they could buy, the album art for which is shown to the left. It's a compilation album from our band, <a href="https://soundcloud.com/dont-cross-me" target="_blank">Don't Cross Me</a>, a band that records bad covers of pop songs. I think we may have also thrown in a "bonus track," which was a one-take rendition of the Bill Nye the Science Guy theme.</p>
</div>
</div>
<div class="row">
<div class="column triple">
<p>Ena drew some geese that turned into stickers for the event. Unlike in previous events, when we accidentally printed stickers so cheaply that the colour wears off or when we printed them way too big (think the size of your hand), these were actually executed really well!</p>
</div>
<div class="column expand">
<img class="full" src="history/stickers.jpg" />
</div>
</div>
<p>As this was our last term at the University of Waterloo, we wanted to remedy our mistakes and right our t-shirt wrongs. We decided to print t-shirts again, but this time, with "frontend developer" on the <em>front</em> and "backend developer" on the <em>back.</em>. The shirt itself is not funny, but at least instead of prompting a conversation that leads to a disappointing joke, it prompts a conversation about the history of TerribleHack, in which we are the butt of the joke. That seems better to me.</p>
<div class="row">
<div class="column expand">
<img class="full" src="history/white-shirt-front.jpg" />
<p align="center"><em>The front</em></p>
</div>
<div class="column expand">
<img class="full" src="history/white-shirt-back.jpg" />
<p align="center"><em>The back</em></p>
</div>
</div>
<h2 id="s2020">(May 2020) TerribleHack VR</h2>
<p align="center">
<a class="button website" target="_blank" style="background-image: url('history/s2020.jpg')" href="s2020"><span>View the May 2020 Site</span></a>
</p>
<p>By this point, the organizers had all graduated from Waterloo. Although many would call the outbreak of COVID-19 the biggest twist of the year, one might argue that the revival of TerribleHack as a virtual hackathon was, in fact, the biggest shakeup of 2020.<sup>[citation needed]</sup></p>
<p>As part of the "virtual" theme, we carried on the tradition of pretending we're something other than what we are, and this time we pretended to be a VR... MMO? Metaverse? Something along those lines. If you scroll down on <a href="s2020" target="_blank">the website</a>, you can see a little VR game where you can chase around a cat, talk to strangers, and wait for a bus that only comes when you give up on waiting and leave.</p>
<div class="row">
<div class="column expand">
<video class="full" autoplay muted loop>
<source src="history/vr.mp4" type="video/mp4" />
</video>
</div>
</div>
<div class="row">
<div class="column expand">
<iframe class="full" width="560" height="315" src="https://www.youtube.com/embed/q_2SAlcb9-4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="column expand">
<p>As a side benefit of it being virtual, you can watch the opening ceremonies to the left and <a href="https://www.youtube.com/watch?v=439Ik6CvTo4" target="_blank">watch the demos on YouTube!</a> You can even read the chat and pretend that it's 2020 again and you're experiencing it live along with everyone else, technical difficulties and all!</p>
</div>
</div>
<p id="bobross">In addition to standard hacking, we also watched <a href="https://en.wikipedia.org/wiki/The_Room" target="_blank"><em>The Room</em> (2003)</a> together, and ran a virtual Bob Ross night, where one must use unconventional tools, such as Microsoft Paint instead of traditional paint. Many of the works of art have been captured and preserved below. Click on the images to bask in their full-size glory.</p>
<div class="row">
<div class="column expand">
<a href="history/bobross-ena.png"><img class="full" src="history/bobross-ena.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-maddy.png"><img class="full" src="history/bobross-maddy.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-adam.png"><img class="full" src="history/bobross-adam.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-yangzi.png"><img class="full" src="history/bobross-yangzi.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-luka.png"><img class="full" src="history/bobross-luka.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-dave.png"><img class="full" src="history/bobross-dave.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-maket.png"><img class="full" src="history/bobross-maket.png" /></a>
</div>
</div>
<div class="row">
<div class="column expand">
<a href="history/bobross-ena2.png"><img class="full" src="history/bobross-ena2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-maddy2.png"><img class="full" src="history/bobross-maddy2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-adam2.png"><img class="full" src="history/bobross-adam2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-yangzi2.png"><img class="full" src="history/bobross-yangzi2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-luka2.png"><img class="full" src="history/bobross-luka2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-dave2.png"><img class="full" src="history/bobross-dave2.png" /></a>
</div>
<div class="column expand">
<a href="history/bobross-maket2.png"><img class="full" src="history/bobross-maket2.png" /></a>
</div>
</div>
<p>We also attempted to collaboratively follow along with Bob together in a Google Drawing, all at once. It certainly has a unique aesthetic.</p>
<div class="row">
<div class="column expand">
<p align="center"><em>"We have Bob Ross at home"</em></p>
<a href="history/bobross-communal-target.png"><img class="full" src="history/bobross-communal-target.png" /></a>
</div>
<div class="column expand">
<p align="center"><em>Bob Ross at home:</em></p>
<a href="history/bobross-communal.png"><img class="full" src="history/bobross-communal.png" /></a>
</div>
</div>
<h2 id="present">The Present and Future</h2>
<p>Congrats, you've made it up to the present day!</p>
<p>Although none of the organizers are in school any more, we've decided that we'll continue doing TerribleHack virtually, free for anyone to join! Expect to see more shenanigans in a similar vein, and hopefully you can be a part of the fun next time!</p>
<hr />
<p style="text-align: center"><a href="index.html">Back</a></p>
</div>
</body>
</html>