forked from Hacklahoma/Hacklahoma.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
306 lines (296 loc) · 20.7 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
<!doctype html>
<html lang="en">
<head>
<!-- Charset attribute for the webpage -->
<meta charset="utf-8">
<!-- Bootstrap stylesheets and scripts -->
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="styles/bootstrap.min.css">
<link rel="stylesheet" href="styles/main.css">
<link rel="stylesheet" href="styles/mobile.css">
<script type="text/javascript" src="scripts/logo_slide.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="scripts/carousel.min.js"></script>
<script type="text/javascript" src="scripts/bootstrap.min.js"></script>
<!-- Title -->
<title>Hacklahoma 2019</title>
<!-- Favicon -->
<link rel="shortcut icon" href="/img/favicon/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#ffd58a">
<meta name="msapplication-config" content="img/favicon/browserconfig.xml">
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#ffffff">
<!-- Description for search engines. -->
<meta name="description" content="Hacklahoma. February 9-10 2019. Come create with us at our second annual hackathon!" />
<!-- Facebook pixel stuff. -->
<meta property="og:title" content="HACKLAHOMA">
<meta property="og:type" content="website">
<meta property="og:image" content="https://hacklahoma.org/img/facebookCardImage.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/png">
<meta property="og:url" content="https://hacklahoma.org">
<meta property="og:description" content="Hacklahoma. February 9-10 2019. Come create with us at our second annual hackathon!">
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1555823664723200'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1555823664723200&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
<!-- FB Pixel that tracks when people visit our website -->
<script>
fbq('track', 'ViewContent');
</script>
</head>
<body>
<div id="parallax-container">
<img class="parallax display-none" id="parallax-0" src="img/Background.svg">
<img class="parallax display-none" id="parallax-1" src="img/Farthest Hill.svg">
<img class="parallax display-none" id="parallax-2" src="img/Middle Hill.svg">
<img class="parallax display-none" id="parallax-3" src="img/Closest Hill.svg">
</div>
<div id="bee-1" class="bee display-none">
<img src="img/hacklahoma_bee.svg" alt="A Really Cute Bee">
<div id="bee-1-speed-indicator" class="display-none" style="background-color: blue; height: 50px; width: 3px;">
<div id="bee-1-speed" style="background-color: red; height: 100%; width: 3px;"></div>
</div>
<p id="bee-1-stats" class="display-none"></p>
<p id="bee-1-restr" class="display-none"></p>
</div>
<div id="bee-2" class="bee display-none">
<img src="img/hacklahoma_bee.svg" alt="A Really Cute Bee">
<div id="bee-2-speed-indicator" class="display-none" style="background-color: blue; height: 50px; width: 3px;">
<div id="bee-2-speed" style="background-color: red; height: 100%; width: 3px;"></div>
</div>
<p id="bee-2-stats" class="display-none"></p>
<p id="bee-2-restr" class="display-none"></p>
</div>
<nav class="navbar">
<div class="navbar content">
<div class="navbar-half" id="nav-links">
<a class="" href="#about-anchor">About</a>
<a class="" href="#faq-anchor">FAQ</a>
<a class="" href="#sponsors-anchor">Sponsors</a>
</div>
<a class="navbar-logo-link" href="#splash-anchor"><img class="navbar-logo" src="img/hacklahoma19_centered.svg"/></a>
<div class="navbar-half" id="external-links">
<a class="" href="./live/">Live</a>
<a class="" href="./join/">Join the Team</a>
</div>
<a id="mlh-trust-badge" href="https://mlh.io/seasons/na-2019/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2019-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2019/mlh-trust-badge-2019-white.svg" alt="Major League Hacking 2019 Hackathon Season"></a>
</div>
</nav>
<a class="anchor" id="splash-anchor"></a>
<section class="splash">
<img class="splash-logo" src="img/hacklahoma19_centered.svg"/>
<div class="row justify-around" id="title-row">
<h1 class="splash-title">HACKLAHOMA</h1>
</div>
<div class="row justify-around" id="info-row">
<h3>Applications are now closed.</h3>
</div>
<div class="row content justify-between" id="info-row">
<div class="">
<h3>February 9-10, 2019</h3>
</div>
<div class="">
<h3>The University of Oklahoma</h3>
</div>
</div>
</section>
<div class="bg">
<a class="anchor" id="about-anchor"></a>
<section class="about content">
<h3 class="heading">What's Hacklahoma?</h3>
<p>Hacklahoma is an annual 24-hour hackathon held at the University of Oklahoma. Three hundred students from across the country will come to collaborate, build, and share their awesome projects with us! Hacklahoma provides a comfortable learning environment for all hackers to use their creativity and innovation at its full potential. We encourage students from all backgrounds, experience levels, and majors to join us for our second year!</p>
</section>
<a class="anchor" id="faq-anchor"></a>
<section id="faq-background" class="faq">
<div class="content">
<h3 id="faq-heading" class="heading">FAQ</h3>
<div class="faq-desktop">
<div class="bean-pile justify-between">
<div class="bean">
<h5>Sounds cool! But what's a hackathon?</h5>
<p>A hackathon is best described as an “invention marathon”. Anyone who has an interest in technology attends one to learn, build & share their creations over the course of a weekend in a relaxed and welcoming atmosphere. - MLH </p>
</div>
<div class="bean">
<h5>Who can attend?</h5>
<p>Any university student over the age of 18 can participate, regardless of major, background, or skill level. Participants must also abide by the <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct.</a></p>
</div>
<div class="bean">
<h5>Does this cost anything?</h5>
<p>Admission to Hacklahoma is <b>free</b> for all attendees! Food, drinks, and sleeping areas are provided by us. Travel reimbursement will be granted based on our funding.</p>
</div>
<div class="bean">
<h5>Will there be travel reimbursement?</h5>
<p>For those driving to Hacklahoma from outside of the Norman/OKC metro area, we will reimburse up to $30 for travel costs. To maximize reimbursement, we encourage carpooling (ex: a car of four could get up to $120 in reimbursement).</p>
</div>
<div class="bean">
<h5>Can we have teams?</h5>
<p>We encourage everyone to work with a team! Teams may contain up to 4 people. If you don't have one before coming to Hacklahoma, no worries! We will have a team-building session at the beginning of the hacking period.</p>
</div>
<div class="bean">
<h5>Sweet! What should I bring?</h5>
<p>Please bring your student ID for registration! You should also bring your computer, chargers, any hardware/software you plan on using, cell phone, toiletries, sleeping bag, pillow, and a change of clothes. We also recommend you bring a power strip just in case. </p>
</div>
<div class="bean">
<h5>What if my question didn't get answered?</h5>
<p>Hey, we're here to help! Email us at <a href="mailto:[email protected]">[email protected]</a> or reach out to us via Facebook, Twitter, or Instagram. </p>
</div>
<div class="bean bean-filler"></div>
<div class="bean bean-filler"></div>
<div class="bean bean-filler"></div>
<div class="bean bean-filler"></div>
</div>
</div>
<div class="faq-mobile">
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq1" aria-expanded="false" aria-controls="#faq1">Sounds cool! But what's a hackathon?</button>
<div class="collapse multi-collapse" id="faq1">
<div class="card card-body">
A hackathon is best described as an “invention marathon”. Anyone who has an interest in technology attends one to learn, build & share their creations over the course of a weekend in a relaxed and welcoming atmosphere. - MLH
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq2" aria-expanded="false" aria-controls="#faq2">Who can attend?</button>
<div class="collapse multi-collapse" id="faq2">
<div class="card card-body">
Any university student over the age of 18 can participate, regardless of major, background, or skill level. Participants must also abide by the <a href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">MLH Code of Conduct.</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq3" aria-expanded="false" aria-controls="#faq3">Does this cost anything?</button>
<div class="collapse multi-collapse" id="faq3">
<div class="card card-body">
Admission to Hacklahoma is <b>free</b> for all attendees! Food, drinks, and sleeping areas are provided by us. Travel reimbursement will be granted based on our funding.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq4" aria-expanded="false" aria-controls="#faq4">Can we have teams?</button>
<div class="collapse multi-collapse" id="faq4">
<div class="card card-body">
We encourage everyone to work with a team! Teams may contain up to 4 people. If you don't have one before coming to Hacklahoma, no worries! We will have a team-building session at the beginning of the hacking period.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq5" aria-expanded="false" aria-controls="#faq5">Sweet! What should I bring?</button>
<div class="collapse multi-collapse" id="faq5">
<div class="card card-body">
Please bring your student ID for registration! You should also bring your computer, chargers, any hardware/software you plan on using, cell phone, toiletries, sleeping bag, pillow, and a change of clothes. We also recommend you bring a power strip just in case.
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<button class="collapsed" type="button" data-toggle="collapse" data-target="#faq6" aria-expanded="false" aria-controls="#faq6">What if my question didn't get answered?</button>
<div class="collapse multi-collapse" id="faq6">
<div class="card card-body">
Hey, we're here to help! Email us at <a href="mailto:[email protected]">[email protected]</a> or reach out to us via Facebook, Twitter, or Instagram.
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<a class="anchor" id="sponsors-anchor"></a>
<!-- TODO: add 'interested in sponsoring?'? <p></p>-->
<section class="sponsors content" id="sponsors">
<h3 class="heading">Sponsors</h3>
<p>Interested in sponsoring? Please contact us at <a href="mailto:[email protected]">[email protected]</a>.</p>
<div class="bean-pile">
<div class="bean"><a href="https://www.jpmorganchase.com"><img src="img/sponsors/jpmc.png"/></a></div>
<div class="bean"><a href="https://www.tailwindapp.com/"><img src="img/sponsors/tailwind.png"/></a></div>
<div class="bean"><a href="https://www.karsun-llc.com"><img src="img/sponsors/karsun.png"/></a></div>
<div class="bean"><a href="https://www.boeing.com/"><img src="img/sponsors/boeing.png"/></a></div>
<div class="bean"><a href="https://cloud.google.com/"><img src="img/sponsors/googleCloud.svg"/></a></div>
<div class="bean"><a href="https://risk.lexisnexis.com/"><img src="img/sponsors/lexisNexis.png"/></a></div>
<div class="bean"><a href="https://www.devonenergy.com/"><img src="img/sponsors/devon.png"/></a></div>
<div class="bean"><a href="https://www.twilio.com/"><img src="img/sponsors/twilio.png"/></a></div>
<div class="bean"><a href="https://www.hobbylobby.com"><img src="img/sponsors/hobbyLobby.png"/></a></div>
<div class="bean"><a href="https://www.premiumpopperspopcorn.com/"><img src="img/sponsors/premiumPoppers.svg"/></a></div>
<div class="bean"><a href="https://www.accenture.com/us-en/technology-index"><img src="img/sponsors/accenture.png"/></a></div>
<div class="bean"><a href="https://www.kochind.com/"><img src="img/sponsors/koch.png"/></a></div>
<div class="bean"><a href="https://www.linode.com"><img src="img/sponsors/linode.png"/></a></div>
<div class="bean"><a href="https://balsamiq.com/"><img src="img/sponsors/balsamiq.png"/></a></div>
<div class="bean"><a href="https://www.ghostery.com/"><img src="img/sponsors/ghostery.png"/></a></div>
<div class="bean"><a href="https://www.toka.io/"><img src="img/sponsors/toka.png"/></a></div>
<div class="bean bean-filler"></div>
<div class="bean bean-filler"></div>
<div class="bean bean-filler"></div>
<!-- <div class="bean bean-filler"></div> -->
</div>
<div class="bean-pile">
<div class="bean-small"><a href="https://www.digitalocean.com/"><img src="img/sponsors/digitalOcean.png"/></a></div>
<div class="bean-small"><a href="https://estimote.com/"><img src="img/sponsors/estimote.png"/></a></div>
<div class="bean-small"><a href="https://framer.com/"><img src="img/sponsors/framer.png"/></a></div>
<div class="bean-small"><a href="https://www.gitkraken.com/"><img src="img/sponsors/gitKraken.png"/></a></div>
<div class="bean-small"><a href="https://www.sketchapp.com/"><img src="img/sponsors/sketch.png"/></a></div>
<div class="bean-small"><a href="https://stae.co/"><img src="img/sponsors/stae.png"/></a></div>
<div class="bean-small"><a href="https://insomniacookies.com/"><img src="img/sponsors/insomnia.jpg"/></a></div>
<div class="bean-small"><a href="https://www.blumaniaenergy.com/"><img src="img/sponsors/blumania.png"/></a></div>
<div class="bean-small"><a href="#"><img src="img/sponsors/scotty-shaw.png"/></a></div>
<div class="bean-small"><a href="https://www.invisionapp.com/"><img src="img/sponsors/inVision.png"/></a></div>
<div class="bean-small"><a href="https://www.techlahoma.org/"><img src="img/sponsors/techlahoma.png"/></a></div>
<div class="bean-small"><a href="https://www.wolfram.com/language/"><img src="img/sponsors/wolfram.png"/></a></div>
<div class="bean-small"><a href="https://www.stickermule.com/uses/laptop-stickers?utm_source=sponsorship&utm_campaign=mlh-sponsorship&utm_medium=referral"><img src="img/sponsors/stickerMule.svg"/></a></div>
<div class="bean-small"><a href="http://www.ou.edu/coe"><img src="img/sponsors/galloglyCollege.png"/></a></div>
<div class="bean-small"><a href="http://www.ou.edu/alumni/saa"><img src="img/sponsors/studentAlumni.png"/></a></div>
<div class="bean-small"><a href="https://hackdfw.com/"><img src="img/sponsors/hackDFW.jpg"/></a></div>
<div class="bean-small bean-filler"></div>
<div class="bean-small bean-filler"></div>
<div class="bean-small bean-filler"></div>
<!-- <div class="bean-small bean-filler"></div> -->
</div>
</section>
<section class="media content">
<h3 class="heading">Media</h3>
<div class="bean-pile">
<div class="bean"><a href="img/media/1.png"><img src="img/media/1_thumb.png"/></a></div>
<div class="bean"><a href="img/media/2.png"><img src="img/media/2_thumb.png"/></a></div>
<div class="bean"><a href="img/media/3.png"><img src="img/media/3_thumb.png"/></a></div>
<div class="bean"><a href="img/media/4.png"><img src="img/media/4_thumb.png"/></a></div>
<div class="bean"><a href="img/media/5.png"><img src="img/media/5_thumb.png"/></a></div>
<div class="bean bean-filler"></div>
<!--<div class="bean bean-filler"></div>-->
</div>
</section>
<footer>
<p>© 2018 Hacklahoma</p>
<div class="content">
<a href="https://www.facebook.com/Hacklahoma/"><img src="img/facebook_d3.svg"></a>
<a href="https://twitter.com/hacklahoma"><img src="img/twitter_d3.svg"></a>
<a href="https://www.instagram.com/hacklahoma/"><img src="img/insta_d3.svg"></a>
</div>
</footer>
</div>
</body>
</html>