-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
360 lines (342 loc) · 19.3 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
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
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
<!--
This goofy site wouldn't have been possible without dependence on
the following libraries and inspiration code. All code used in this site has been
modified from the original and is available for reuse with reference to
the original author:
- Robbie Talenti's 'Vaporwave Loader' (https://codepen.io/sangra4l/pen/zaPVjW)
- Chris Rickel's 'Interference' (https://codepen.io/cRckls/pen/tvbgG)
- Sparkpin's Windows 2000 Dialog (https://codepen.io/sparkpin/pen/VbMmBW)
- F. Permadi's guide on HTML5 Canvas (https://goo.gl/ZJqJLJ)
- Niklaus Gerber's PreLoadMe (https://github.com/niklausgerber/PreLoadMe)
- Materialize (https://materializecss.com/)
-->
<!DOCTYPE html>
<html>
<head>
<title>
HackRiddle 2019 // February 9 and 10 // Daytona Beach, FL
</title>
<!-- G o o g l e ' s f o n t s -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Orbitron:400,700,900|Yellowtail" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<!-- s t y l e s -->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<link type="text/css" rel="stylesheet" href="css/styles.css" media="screen,projection" />
<link type="text/css" rel="stylesheet" href="css/glitch.css" media="screen,projection" />
<link type="text/css" rel="stylesheet" href="css/glitch2.css" media="screen,projection" />
<link id="stylesheet" rel="stylesheet" type="text/css" href="" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#d100b1">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
</head>
<body class="row wrapper">
<div id="preloader">
<div class="loader-container">
<div class="sun-container">
<div class="sun">
<div class="bars">
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
<div class="bar"></div>
</div>
</div>
<div class="sun-plane">
<img src="graphics/plane.png" />
</div>
</div>
</div>
</div>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:absolute;right:10px;top:0;width:10%;z-index:100"
href="https://mlh.io/seasons/na-2019/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2019-season&utm_content=gray"
target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2019/mlh-trust-badge-2019-gray.svg"
alt="Major League Hacking 2019 Hackathon Season" style="width:100%"></a>
<div class="col s12 m10 offset-m1 main-content">
<div class="container">
<div class="row">
<div class="col m4 s12">
<img src="graphics/header_site.png" style="max-width: 100%; max-height: 100vh;" />
<div class="info-container">
<h3>Feb. 9th, 2019 - Feb. 10th, 2019</h3>
<h3>Mori Hosseini Student Union, Embry-Riddle Aeronautical University</h3>
<br>
<div class="col s12">
<a href="https://goo.gl/forms/WWszQzuOoCkIl9hb2" class="button btn btn-large full" width="100%">Register</a>
</div>
</div>
<a href="javascript:createCanvasOverlay('rgba(0,0,0,0)');">
<img src="stickers/bust.png" />
</a>
<div class="hide-on-small-only">
<div class="col s12">
<img class="side-image" src="graphics/slingshot.png" />
</div>
<div class="col s12">
<img class="side-image" src="graphics/studentunion.png" />
</div>
<div class="col s12">
<img style="width: 100%;" class="side-image" src="graphics/speedway.png" />
</div>
<div class="col s12">
<img class="side-image" src="graphics/car.png" />
</div>
</div>
</div>
<div class="col s12 m8">
<div class="tabs-bar">
<a href="#about">About</a>
<a href="#schedule">Schedule</a>
<a href="#faq">FAQ</a>
<a href="#partners">Partners</a>
</div>
<div class="info-container">
<span class="title">What is HackRiddle?</span>
<p>HackRiddle is a 24 hour hackathon taking place February 9th at Embry-Riddle Aeronautical
University that plans to bring together over 200 students from across the nation to work on
anything they set their mind to. With great sponsors, judges, mentors, and industry
leaders,
HackRiddle will be an innovation packed weekend for everyone in attendance!
</p>
</div>
<div class="info-container">
<a class="anchor" name="schedule"></a>
<span class="title">Schedule</span>
<p><i>February 9th, 2019</i></p>
<p>Breakfast: 9:00 AM</p>
<p>Check in: 9:00 AM - 11:30 AM</p>
<p>Opening Ceremonies: 11:30 AM</p>
<p>Hacking begins: 12:00 PM</p>
<p>Lunch: 12:00 PM</p>
<p>Workshop_0: Python Workshop: 12:30 PM</p>
<p>Workshop_1: Version Control: 1:30 PM</p>
<p>Workshop_2: Backend Development: 2:00 PM</p>
<p>Workshop_3: Frontend Development Workshop: 3:00 PM</p>
<p>Presentation_0: Branding Your Project: 4:00 PM</p>
<p>Presentation_1: Game Development: 4:30 PM</p>
<p>Dinner: 5:30 PM</p>
<p>Cup Stacking: 8:30 PM</p>
<p>Swag Drop: 10:00 PM</p>
<p>Paper Airplane Contest: 11:00 PM</p>
<hr>
<p><i>February 10th, 2019</i></p>
<p>Midnight Snack: 12:00 AM</p>
<p>Smash Tournament: 2:00 AM</p>
<p>Breakfast: 8:00 AM</p>
<p>Devpost Submissions are due: 11:00 AM</p>
<p>Stressful music will play to rush you to the finish: 11:30 AM</p>
<p>Hacking Ends: 12:00 PM</p>
<p>Lunch: 12:00 PM</p>
<p>Demos: 1:00 PM - 3:00 PM</p>
<p>Closing Ceremonies and Awards: 3:30 PM</p>
</div>
<div class="info-container">
<a class="anchor" name="faq"></a>
<span class="title">FAQ</span>
<div class="row">
<div class="panel col s12">
<h5 class="center">How do I sign up for HackRiddle?</h5>
<p class="light">
<center>
HackRiddle accepts attendees to the event after reviewing individual
applications. You can <a href="https://goo.gl/forms/WWszQzuOoCkIl9hb2" class="blacklink"
target="_blank">register here!</a>
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">Who can attend?</h5>
<p class="light">
<center>
HackRiddle is open to any currently enrolled student at any college. Non-ERAU Students must
be at least 18 years old. Unfortunately, at this time, high schoolers (who are
younger than 18 years old) cannot attend.
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">How much does it cost to attend HackRiddle?</h5>
<p class="light">
<center>
HackRiddle is entirely free, with no fees for admission. Food, swag, and
accommodations will all be provided for you with no charge.
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">What if it's my first hackathon?</h5>
<p class="light">
<center>
No worries! HackRiddle is beginner friendly, so no experience necessary! There
will be plenty of workshops and mentors on hand to help you bring your wildest
dreams into creation!
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">What if I don't have a team?</h5>
<p class="light">
<center>
Dont worry! We will have team forming events that will help you bring together
your dream team! Feel free to join any team. Max team size is 4 hackers.
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">What can I build?</h5>
<p class="light">
<center>
Software for the web, mobile, or dekstop as well as hardware such
microcontrollers or wearables. Projects will be judged evenly, independent of
platform!
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">What should I bring?</h5>
<p class="light">
<center>
Bring your Student ID for check in, along with your laptop and charger for
hacking. You can bring a sleeping bag and pillow if you want to sleep, as well
as any hardware that will help your project. Don't be afraid to represent your
school!
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">Do you provide hardware?</h5>
<p class="light">
<center>
If you are planning to work on a hardware hack, feel free to bring anything you
think you'll need. We will be featuring the MLH Hardware Lab at our event!
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">Can I start working on my hack <i>before</i> HackRiddle?</h5>
<p class="light">
<center>
Unfortunately, all work on your hacks must be done during the 24 hour event.
Projects that have been worked on before the start of the event won't be
allowed to enter for judging.
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">Is there a Code of Conduct?</h5>
<p class="light">
<center>
We want all hackers to have a great time at HackRiddle, so we will be using the
MLH Code of Conduct. <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf"
class="blacklink" target="_new">You can read it here.</a>
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">I'm interested in being a sponsor or a partner!</h5>
<p class="light">
<center>
Being a sponsor/partner of HackRiddle has tons of benefits. Get in touch with
us at <a href="mailto:[email protected]" class="blacklink" target="_blank">[email protected]</a>!
</center>
</p>
</div>
<div class="panel col s12">
<h5 class="center">I have a question that you haven't answered!</h5>
<p class="light">
<center>
We want to create an incredible HackRiddle experience for both new and seasoned
hackers. Reach out to the organizing team at <a href="mailto:[email protected]"
class="blacklink" target="_blank">[email protected]</a> and we'll get you
squared away.
</center>
</p>
</div>
</div>
</div>
<div class="info-container">
<a class="anchor" name="partners"></a>
<span class="title">Partners</span>
<br><br>
<div class="row">
<div class="col s12 center">
<img class="filter" src="logos/Collins-Aerospace_Primary_Logo_White.png" width="90%" />
</div>
</div>
<div class="row">
<div class="col s8 offset-s2 center">
<img class="filter" src="logos/gulfstream_logo.png" width="90%" />
</div>
</div>
<div class="row">
<div class="col s8 offset-s2 center">
<a href="http://hackp.ac/mlh-stickermule-hackathons" target="_blank">
<img class="filter" src="logos/stickermule_logo.png" width="90%" />
</a>
</div>
</div>
<div class="row">
<div class="col s4 center">
<img class="filter" src="logos/mlh-logo-color.png" width="100%" />
</div>
<div class="col s8 center">
<img class="filter" src="logos/erau_logo_db.png" width="80%" />
</div>
</div>
</div>
</div>
</div>
</div>
<img style="width: 80px;" onclick="setStyleSheet('css/windows.css')" src="graphics/windows.png" />
<div class="scanline"></div>
</div>
<script>
function setStyleSheet(url) {
var audio = new Audio(
'https://www.soundboard.com/mediafiles/22/229358-2e18d975-a7ce-414d-9c8c-cf8cfb285ad9.mp3');
audio.play();
var imgs = document.getElementsByTagName("img");
for (var i = 0, l = imgs.length; i < l; i++) {
imgs[i].src =
"https://cdn.pixilart.com/photos/large/7b5568100c95d05.png";
}
var stylesheet = document.getElementById("stylesheet");
stylesheet.setAttribute('href', url);
}
</script>
<!--JavaScript at end of body for optimized loading-->
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/art.js"></script>
<!-- jQuery Plugin -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<!-- Preloader -->
<script type="text/javascript">
//<![CDATA[
$(window).on('load', function () { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('body').delay(350).css({
'overflow': 'visible'
});
})
//]]>
</script>
</body>
</html>