This repository has been archived by the owner on May 5, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
447 lines (433 loc) · 24.1 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
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Charset attribute for the webpage -->
<meta charset="utf-8">
<!-- Meta, stylesheets and scripts -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=yes">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/mobile.css">
<link rel="icon" href="img/assets/favicon.png">
<!-- For reavel on scroll -->
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<!-- Title -->
<title>Hacklahoma 2020</title>
<!-- Description for search engines -->
<meta name="description" content="Hacklahoma 2020. February 8-9. Come create with us at our third annual hackathon!" />
</head>
<body>
<!-- MLH BADGE -->
<a id="mlh-trust-badge"
style="display:block;max-width:80px;min-width:50px;position:fixed;right:30px;top:0;width:10%;z-index:3"
href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=blue"
target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2020/mlh-trust-badge-2020-blue.svg"
alt="Major League Hacking 2020 Hackathon Season" style="width:100%"></a>
<div class="wrapper">
<div class="pattern-overlay">
</div>
<!-- nav -->
<div class="header-container">
<!-- hamburger -->
<div class="hamburger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
<!-- nav content -->
<a href="https://hacklahoma.org">
<div class="logo-container">
<img src="img/assets/logo2020.png" alt="">
<p>Hacklahoma</p>
</div>
</a>
<div id="nav-background">
</div>
<nav>
<ul class="nav-links">
<!-- <li id="home-tab">Home</li> -->
<li id="about-tab">About</li>
<li id="tracks-tab">Tracks</li>
<li id="faq-tab">FAQ</li>
<!-- <li id="schedule-tab">Schedule</li> -->
<li id="sponserTab">Sponsors</li>
</ul>
</nav>
<div class="background bheader">
<img src="img/assets/rocket-book.png" alt="">
</div>
<!-- header content -->
<div class="section-cover">
<div class="section">
<div class="header-content">
<h1 class="title">
Come with ideas,<br>
leave with inventions.
</h1>
<p class="loc-date">February 8-9, 2020 | Devon Energy Hall, Norman, OK</p>
<p class="register-info">
Thank you for coming to Hacklahoma 2020! <br />
We can't wait to see you next year.
</p>
<!-- <p id="countdown" class="register-info">
Registration has closed
</p> -->
<!-- <p class="register-info">
Stay updated and we'll let you know <br>
when registration opens and more!
</p> -->
<!-- <div class="register"> -->
<!-- <div id="register-button" style="background:#75C079;" class="button"> -->
<!-- <a id="buttonHref" href="./live">
<div style="background:#75C079;" class="button">
<p id="registerButton">Day of Info</p>
</div> </a> -->
<!-- <p id="learnMore" class="learn-more">or <a style="cursor: pointer;" onclick="jump('about')">learn more</a>.</p> -->
<!-- </div> -->
</div>
</div>
</div>
<!-- <div class="background bright">
<img src="img/assets/sample-art-2.png" alt="">
</div> -->
<!-- about content -->
<div class="section-cover" id="about">
<svg class="section-background" preserveAspectRatio="none" x="10" y="0" width="100%" height="100%" viewBox="0 0 1440 665" stroke="none">
<defs>
<pattern id="red" patternUnits="userSpaceOnUse" width="185px" height="185px">
<image xlink:href="img/assets/red-pattern.png" x="0" y="0" width="185px" height="185px" />
</pattern>
</defs>
<path d="M0,0 C616,0 1096,0 1440,100 L1440,665 C1136.70736,651.076176 897.040692,644.114265 721,644.114265 C544.959308,644.114265 304.625975,651.076176 0,665 L0,96 Z"></path>
</svg>
<div class="section">
<div class="about-content">
<h1>What is Hacklahoma?</h1>
<p>University of Oklahoma’s <a href="https://hacklahoma.org">Hacklahoma</a> is known for organizing Oklahoma’s biggest hackathons. Anyone who has an interest in technology attends a hackathon to learn, build and share their creations in a relaxed and collaborative atmosphere. Even those with little to no experience are welcome to attend and learn!</p>
</div>
</div>
<div class="register-container">
<a id="register" style="position:absolute;top: -90px;"></a>
<div class="register-item">
<img src="img/assets/attendee-background.png">
<div class="register-content">
<h1>ATTENDEE</h1>
<p>Participate in Oklahoma’s biggest hackathon and inspire new innovations.</p>
<a><div style="cursor:not-allowed" class="button">
<p>Register</p>
</div></a>
</div>
</div>
<div class="register-item">
<img src="img/assets/mentor-background.png">
<div class="register-content">
<h1>MENTOR</h1>
<p>Provide guidance and advice to hackers as they build solutions to pressing problems in our community.</p>
<a>
<div style="cursor:not-allowed" class="button">
<p>Register</p>
</div></a>
</div>
</div>
<div class="register-item">
<img src="img/assets/volunteer-background.png">
<div class="register-content">
<h1 style="margin-left: -5px;">VOLUNTEER</h1>
<p>Support the hackers and organizers making sure they are well accommodated.</p>
<a>
<div style="cursor:not-allowed" class="button">
<p>Register</p>
</div></a>
</div>
</div>
</div>
</div>
<!-- <div class="background bleft">
<img src="img/assets/sample-art-3.png" alt="">
</div> -->
<!-- tracks content -->
<div class="section-cover" id="tracks">
<svg class="section-background" preserveAspectRatio="none" x="10" y="0" width="100%" height="100%" viewBox="0 0 1440 665" stroke="none">
<pattern id="blue" patternUnits="userSpaceOnUse" width="185px" height="185px">
<image xlink:href="img/assets/blue-pattern.png" x="0" y="0" width="185px" height="185px" />
</pattern>
<path d="M0,0 C616,0 1096,0 1440,100 L1440,665 C1136.70736,651.076176 897.040692,644.114265 721,644.114265 C544.959308,644.114265 304.625975,651.076176 0,665 L0,96 Z"></path>
</svg>
<div class="section">
<div class="track-content">
<h1>TRACKS</h1>
<p class="track-subtitle">These tracks, courtesy of Hack Rice and Django Girls, are guides to help attendees dive in and complete a hack.</p>
<div class="tracks-container">
<a href="https://github.com/jpa99/HR8-First-Timers-Track" target="_blank"><div class="track-item">
<h3>BOTS</h3>
<img src="img/assets/tracks-bot.png" alt="">
</div></a>
<a href="https://github.com/abhmul/DataScienceTrack" target="_blank"><div class="track-item">
<h3>DATA SCIENCE</h3>
<img src="img/assets/tracks-data-science.png" alt="">
</div></a>
<a href="https://tutorial.djangogirls.org/en/" target="_blank"><div class="track-item">
<h3>WEBSITES</h3>
<img src="img/assets/tracks-websites.png" alt="">
</div></a>
</div>
<!-- <p>Click a track to learn more.</p> -->
</div>
</div>
</div>
<!-- <div class="background bright">
<img src="img/assets/sample-art-4.png" alt="">
</div> -->
<!-- faq content -->
<div class="section-cover" id="faq">
<svg class="section-background" preserveAspectRatio="none" x="10" y="0" width="100%" height="100%" viewBox="0 0 1440 665" stroke="none">
<defs>
<pattern id="green" patternUnits="userSpaceOnUse" width="185px" height="185px">
<image xlink:href="img/assets/green-pattern.png" x="0" y="0" width="185px" height="185px" />
</pattern>
</defs>
<path d="M0,0 C616,0 1096,0 1440,100 L1440,665 C1136.70736,651.076176 897.040692,644.114265 721,644.114265 C544.959308,644.114265 304.625975,651.076176 0,665 L0,96 Z"></path>
</svg>
<div class="section">
<div class="faq-content">
<h1>FAQ</h1>
<div class="faq-container">
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Who can attend?</p>
</div>
<div class="faq-item-a">
<p>Any student over the age of 18 can participate, regardless of major, background, or skill level.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Does it cost anything?</p>
</div>
<div class="faq-item-a">
<p>Admissions is completely free! Everything is on us. That means meals, drinks, snacks, sleeping areas, and swag are all taken care of. Just bring yourself and your cool ideas!</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Any travel reimbursements?</p>
</div>
<div class="faq-item-a">
<p>Yes! We will be reimbursing up to $50 for those who keep their physical receipts and submit a project.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>When are projects due?</p>
</div>
<div class="faq-item-a">
<p>Devpost submissions for projects are due at 11:30 AM, but you are allowed to continue working on your project until
12PM. If your Devpost submission is not turned in at 11:30, your project will not be eligible for judging.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Do I need any experience?</p>
</div>
<div id="faq4" class="faq-item-a">
<p>No experience is needed. Whether you're a coder, an artist, or a writer, you'll get to work with various mentors, attend workshops, interact with companies, and learn alongside fellow participants.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Are there teams?</p>
</div>
<div class="faq-item-a">
<p>We encourage everyone to work with a team! Teams may contain up to 4 people. We will also be offering a team-building session at the beginning of the hacking period.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>What should I bring?</p>
</div>
<div class="faq-item-a">
<p>To check in, you must show your Student ID. You should also bring a laptop, chargers, toiletries, a change of clothes, sleeping bag, pillow, and anything else you would need for an overnight weekend. Keep in mind that Hacklahoma will last for 24hrs.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>What is the Code of Conduct?</p>
</div>
<div class="faq-item-a">
<p>Hacklahoma welcomes students from all backgrounds and values the importance of a safe and all-inclusive space. Anyone attending must adhere to the <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" style="font-weight:normal;">MLH Code of Conduct</a>.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Isn't hacking illegal?</p>
</div>
<div class="faq-item-a">
<p>Yes, hacking is illegal. We define a hack as jury-rigging something inelegantly but effectively, usually as a temporary solution to a problem. Like duct taping a hole in a sinking boat to keep it afloat.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Will there be food?</p>
</div>
<div class="faq-item-a">
<p>We will supply food for Saturday’s breakfast, lunch, dinner, and Sunday’s breakfast with plenty of snacks and drinks throughout. All free of charge!</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Can I start my project before?</p>
</div>
<div class="faq-item-a">
<p>No, you cannot work or copy past projects. You can brainstorm ideas and collect whatever software and tools you need, as long as the project is completely new.</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>Do I need to stay for 24hrs?</p>
</div>
<div class="faq-item-a">
<p>No, you’re not confined here. Feel free to go home and get some rest, but be back in time for judging!</p>
</div>
</div>
<!-- -->
<div class="faq-item" onclick="faqClicked(this)">
<img class="faq-item-img" src="img/assets/arrow-down.svg" alt="">
<div class="faq-item-q">
<p>404: Question Not Found</p>
</div>
<div class="faq-item-a">
<p>If your question wasn’t answered, please feel free to contact us via Instagram, Twitter, Facebook or send us an email to <a href="mailto:team@hacklahoma.org" style="font-weight:normal;">team@hacklahoma.org</a>.</p>
</div>
</div>
<div class="faq-column">
</div>
<div class="faq-column">
</div>
<div class="faq-column">
</div>
</div>
</div>
</div>
</div>
<!-- <div class="background bleft">
<img src="img/assets/sample-art-5.png" alt="">
</div> -->
<!-- schedule content -->
<!-- <div class="section-cover" id="schedule">
<svg class="section-background" preserveAspectRatio="none" x="10" y="0" width="100%" height="100%" viewBox="0 0 1440 665" stroke="none">
<pattern id="purple" patternUnits="userSpaceOnUse" width="185px" height="185px">
<image xlink:href="img/assets/purple-pattern.png" x="0" y="0" width="185px" height="185px" />
</pattern>
<path d="M0,0 C616,0 1096,0 1440,100 L1440,665 C1136.70736,651.076176 897.040692,644.114265 721,644.114265 C544.959308,644.114265 304.625975,651.076176 0,665 L0,96 Z"></path>
</svg>
<div class="section">
<div class="schedule-content">
<h1>SCHEDULE</h1>
<div class="schedule-container">
</div>
<p>Schedule and location TBD.</p>
</div>
</div>
</div> -->
<!-- <div class="background bright">
<img src="img/assets/sample-art-6.png" alt="">
</div> -->
<!-- sponsors content -->
<div class="section-cover" id="sponsors">
<svg class="section-background" preserveAspectRatio="none" x="10" y="0" width="100%" height="100%" viewBox="0 0 1440 665" stroke="none">
<pattern id="black" patternUnits="userSpaceOnUse" width="185px" height="185px">
<image xlink:href="img/assets/black-pattern.png" x="0" y="0" width="185px" height="185px" />
</pattern>
<path d="M0,0 C616,0 1096,0 1440,100 L1440,665 C1136.70736,651.076176 897.040692,644.114265 721,644.114265 C544.959308,644.114265 304.625975,651.076176 0,665 L0,96 Z"></path>
</svg>
<div class="section">
<div class="sponsors-content">
<h1>SPONSORS</h1>
<div class="sponsors-container">
<a href="https://www.jpmorgan.com/" target="_blank"><img src="./img/sponsors/jpmc.png" alt="JPMC"></a>
<a href="https://www.northropgrumman.com/" target="_blank"><img src="./img/sponsors/northropGrumman.png" alt="Northrop Grumman"></a>
<a href="https://www.boeing.com/" target="_blank"><img src="./img/sponsors/boeing.png" alt="Boeing"></a>
<a href="https://www.microsoft.com/" target="_blank"><img src="./img/sponsors/microsoft.png" alt="Microsoft"></a>
<a href="https://www.tailwindapp.com" target="_blank"><img src="./img/sponsors/tailwind.png" alt="Tailwind"></a>
<a href="https://www.lexisnexis.com/" target="_blank"><img src="./img/sponsors/lexisNexis.png" alt="Lexis Nexis"></a>
<a href="https://www.kochind.com/" target="_blank"><img src="./img/sponsors/koch.png" alt="Koch"></a>
<a href="https://www.hobbylobby.com/" target="_blank"><img src="./img/sponsors/hobbyLobby.png" alt="Hobby Lobby"></a>
<a href="https://www.agio.com/" target="_blank"><img src="./img/sponsors/agio.png" alt="Agio"></a>
<a href="https://www.redfin.com/" target="_blank"><img src="./img/sponsors/redfin.png" alt="Redfin"></a>
<a href="https://www.paycom.com/" target="_blank"><img src="./img/sponsors/paycom.png" alt="Paycom"></a>
<a href="https://www.powercosts.com/" target="_blank"><img src="./img/sponsors/pci.png" alt="PCI"></a>
<a href="https://www.8VC.com/" target="_blank"><img src="./img/sponsors/8vc.png" alt="8VC"></a>
<a href="http://www.ou.edu/alumni/saa" target="_blank"><img src="./img/sponsors/ouSAA.png" alt="OU SAA"></a>
<a href="https://www.garmin.com/" target="_blank"><img src="./img/sponsors/garmin.png" alt="Garmin"></a>
<a href="https://www.att.com/" target="_blank"><img src="./img/sponsors/att.png" alt="AT&T"></a>
<a href="https://www.1517fund.com/" target="_blank"><img src="./img/sponsors/1517.png" alt="1517"></a>
<a href="https://www.ou.edu/sga" target="_blank"><img src="./img/sponsors/ouSGA.png" alt="OU SGA"></a>
<a href="https://www.liveatcrossou.com/" target="_blank"><img src="./img/sponsors/cross.png" alt="Cross"></a>
</div>
<h1>PARTNERS</h1>
<div class="sponsors-container">
<a href="https://mlh.io/" target="_blank"><img src="./img/sponsors/mlh.png" alt="MLH"></a>
<a href="https://weareasterisk.com/" target="_blank"><img src="./img/sponsors/asterisk.png" alt="Asterisk"></a>
<a href="http://hackp.ac/mlh-stickermule-hackathons" target="_blank"><img src="./img/sponsors/stickerMule.png" alt="Sticker Mule"></a>
<a href="http://www.ou.edu/innovationhub" target="_blank"><img src="./img/sponsors/iHub.png" alt="Innovation Hub"></a>
<a href="https://www.sketch.com/" target="_blank"><img src="./img/sponsors/sketch.png" alt="Sketch"></a>
<a href="https://letsbabble.com/" target="_blank"><img src="./img/sponsors/babble.png" alt="Babble"></a>
<a href="https://starbucks.com/" target="_blank"><img src="./img/sponsors/starbucks.png" alt="Starbucks"></a>
<a href="https://www.buffalowildwings.com/" target="_blank"><img src="./img/sponsors/buffaloWildWings.png" alt="Buffalo Wild Wings"></a>
<a href="https://insomniacookies.com/" target="_blank"><img src="./img/sponsors/insomniaCookies.png" alt="Insomnia Cookies"></a>
</div>
<p>If you are interested in sponsoring, please visit our <a href="sponsor-packet.pdf" target="_blank">Sponsor Packet</a>.</p>
</div>
</div>
</div>
<!-- footer content -->
<div id="footer">
<div class="footer-container">
<div class="footer-left">
<img src="img/assets/logo2020.png">
<div class="footer-left-content">
<h1>HACKLAHOMA</h1>
<p>Made with ♥ in Norman</p>
<div class="footer-social">
<a href="https://twitter.com/hacklahoma"><img src="img/assets/twitter.svg"></a>
<a href="https://instagram.com/hacklahoma"><img src="img/assets/instagram.svg"></a>
<a href="https://facebook.com/hacklahoma"><img style="margin-right: 0px;" src="img/assets/facebook.svg"></a>
</div>
</div>
</div>
<div class="footer-right">
<a href="mailto:team@hacklahoma.org"><p>Contact</p></a>
<a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" target="_blank"><p>Code of Conduct</p>
<a href="https://hacklahoma.org"><p>Hacklahoma</p></a>
<a onclick="jump('top')"><p>Top of Page</p></a>
</div>
</div>
</div>
</div>
<script src="scripts/scripts.js"></script>
</body>
</html>