-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
494 lines (490 loc) · 20.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
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
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/vikehacks.css">
<link rel="stylesheet" href="css/index.css">
<link href="https://fonts.googleapis.com/css?family=Lato|Montserrat:700&display=swap" rel="stylesheet">
<link href="./fontawesome/css/all.css" rel="stylesheet">
<link rel='shortcut icon' type='image/x-icon' href='images/icon.png' />
<title>VikeHacks</title>
</head>
<body>
<img class="backdrop" src="./images/backdrop.jpg">
</img>
<header>
<a href="#hero">
<img src="./images/logo.png" alt="VikeHacks">
</a>
<button id="menu-activate">
<i class="fas fa-bars"></i>
</button>
<!--
<nav>
<ul>
<li><a href="#description">Info</a></li>
<li><a href="#sponsors">Sponsors</a></li>
<li><a href="#organizers">Organizers</a></li>
</ul>
</nav>
-->
<div class="blackout"></div>
</header>
<div class="hero" id="hero">
<div>
<svg id="hero-img" version="1.0" xmlns="http://www.w3.org/2000/svg" width="1986.000000pt"
height="1234.000000pt" viewBox="0 0 1986.000000 1234.000000" preserveAspectRatio="xMidYMid meet">
<g id="hero-img-g" transform="translate(0.000000,1234.000000) scale(0.100000,-0.100000)">
<path d="M4231 10679 l-1 -1665 390 -405 391 -404 751 -5 750 -5 1272 -3119
c700 -1716 1277 -3121 1282 -3123 5 -1 533 1254 1174 2790 640 1536 1227 2942
1304 3125 l139 332 751 0 751 0 398 411 397 412 0 1658 c0 913 -3 1659 -7
1659 -5 0 -56 -114 -114 -253 -59 -138 -319 -755 -579 -1369 l-473 -1118 -966
0 -966 0 -884 -2185 -884 -2185 -480 1203 c-264 661 -656 1643 -871 2182
l-392 980 -984 0 -984 0 -572 1355 c-316 745 -578 1364 -583 1375 -6 13 -10
-574 -10 -1646z m1987 -1181 c13 -16 246 -574 256 -610 l6 -28 -957 0 -958 0
-87 87 -88 88 0 237 0 238 909 0 c715 0 911 -3 919 -12z m7600 -223 l2 -229
-92 -93 -93 -93 -927 0 c-511 0 -928 3 -928 8 0 4 59 150 132 325 l133 317
885 -2 885 -3 3 -230z m-5524 -2477 c441 -1104 804 -2004 807 -2000 3 4 360
885 794 1957 433 1073 798 1974 811 2003 l23 52 481 0 c474 0 481 0 475 -20
-12 -38 -2597 -6225 -2603 -6232 -6 -6 -2535 6180 -2550 6235 -4 16 22 17 479
15 l483 -3 800 -2007z"></path>
<path d="M13778 3913 c-23 -49 -230 -488 -461 -978 -230 -489 -421 -898 -424
-907 -5 -17 12 -18 253 -18 l259 0 45 100 45 100 372 0 373 0 50 -100 50 -100
260 0 259 0 -53 113 c-29 61 -241 509 -471 995 l-418 882 -49 0 -49 0 -41 -87z
m89 -1361 c-115 -1 -212 -1 -214 2 -2 2 45 109 104 238 l108 234 106 -235 107
-236 -211 -3z m-360 -19 c-2 -5 -48 -104 -102 -220 l-98 -213 -124 0 c-68 0
-122 3 -120 8 2 4 48 103 103 219 l99 213 123 0 c68 0 121 -3 119 -7z m1053
-174 c47 -100 93 -199 102 -220 l17 -40 -125 3 -126 3 -99 215 c-54 118 -99
216 -99 217 0 2 55 3 123 3 l122 0 85 -181z"></path>
<path d="M15620 3994 c-435 -79 -735 -349 -841 -759 -27 -103 -36 -311 -19
-426 63 -435 380 -763 817 -845 126 -23 396 -15 508 15 95 26 215 77 292 123
65 39 211 155 227 180 9 15 -9 38 -124 154 -74 74 -147 144 -162 155 l-27 20
-38 -34 c-136 -121 -288 -178 -468 -178 -163 1 -292 56 -399 172 -98 106 -147
238 -147 399 0 334 229 571 552 571 175 0 327 -58 462 -178 22 -20 43 -31 50
-26 29 17 317 299 317 309 0 39 -250 221 -374 273 -147 61 -212 73 -416 76
-102 2 -196 1 -210 -1z m310 -99 c135 -11 285 -63 398 -139 79 -52 140 -113
126 -124 -5 -4 -43 -41 -85 -81 l-77 -72 -49 30 c-125 77 -286 131 -390 131
l-53 0 0 134 0 135 33 -4 c17 -2 61 -7 97 -10z m472 -1548 c59 -68 61 -64 -57
-142 -140 -93 -281 -141 -452 -154 l-93 -6 0 127 0 128 51 0 c112 0 322 74
404 143 l30 26 33 -32 c19 -18 56 -58 84 -90z"></path>
<path d="M18896 3984 c-169 -41 -332 -168 -415 -324 -89 -166 -93 -399 -12
-565 17 -33 56 -86 88 -118 94 -95 202 -151 486 -252 142 -50 210 -113 209
-195 -1 -89 -60 -143 -163 -148 -56 -4 -74 0 -108 19 -49 27 -90 83 -98 133
l-6 36 -234 0 -235 0 7 -67 c16 -155 81 -291 186 -389 66 -62 127 -98 222
-132 66 -24 86 -26 237 -26 148 -1 172 1 230 22 197 70 347 220 405 404 20 64
25 100 25 186 0 172 -39 285 -132 388 -98 107 -195 159 -417 226 -151 45 -214
73 -250 111 -68 74 -28 214 73 252 59 23 155 17 194 -12 39 -29 71 -80 78
-125 l7 -38 229 0 230 0 -7 56 c-36 290 -199 490 -453 555 -91 23 -286 25
-376 3z m388 -115 c164 -61 291 -211 313 -371 l6 -38 -116 0 -115 0 -22 45
c-43 88 -141 155 -227 155 l-43 0 0 123 0 123 74 -8 c41 -4 100 -17 130 -29z
m-498 -1429 c32 -80 152 -160 241 -160 l33 0 0 -115 0 -115 -43 0 c-107 0
-265 69 -353 155 -61 60 -113 157 -121 226 l-6 49 117 0 116 0 16 -40z"></path>
<path d="M5590 2980 l0 -970 660 0 660 0 0 205 0 205 -420 0 -420 0 0 170 0
170 370 0 370 0 0 205 0 205 -370 0 -370 0 0 175 0 175 400 0 400 0 0 215 0
215 -640 0 -640 0 0 -970z m360 -10 l0 -636 -120 -113 -120 -112 0 868 0 868
120 -120 120 -120 0 -635z"></path>
<path d="M34 3923 c4 -10 195 -458 424 -995 l417 -978 36 0 36 0 422 988 c232
543 421 990 421 995 0 4 -112 7 -249 7 l-249 0 -49 -117 c-27 -65 -112 -268
-188 -450 -77 -183 -142 -333 -145 -333 -3 0 -89 202 -191 448 l-187 447 -252
3 c-238 2 -252 1 -246 -15z m1582 -90 c-22 -62 -512 -1203 -516 -1203 -11 0
-112 243 -107 259 2 9 93 229 202 489 l198 472 114 0 c105 0 115 -1 109 -17z"></path>
<path d="M2330 2975 l0 -965 240 0 240 0 0 965 0 965 -240 0 -240 0 0 -965z
m360 -535 l0 -340 -120 0 -120 0 0 340 0 340 120 0 120 0 0 -340z"></path>
<path d="M3460 2975 l0 -965 240 0 240 0 2 461 3 461 290 -461 290 -461 268 0
c220 0 267 2 260 13 -4 8 -160 234 -345 504 -186 270 -338 493 -338 496 0 3
146 208 325 456 179 248 325 453 325 456 0 3 -120 4 -266 3 l-267 -3 -271
-421 -271 -422 -3 424 -2 424 -240 0 -240 0 0 -965z m360 0 l0 -875 -120 0
-120 0 0 875 0 875 120 0 120 0 0 -875z"></path>
<path d="M11020 2975 l0 -965 240 0 240 0 0 380 0 380 375 0 375 0 0 -380 0
-380 235 0 235 0 0 965 0 965 -235 0 -235 0 0 -380 0 -380 -375 0 -375 0 0
380 0 380 -240 0 -240 0 0 -965z m360 -540 l0 -335 -120 0 -120 0 0 335 0 335
120 0 120 0 0 -335z m1220 0 l0 -335 -115 0 -115 0 0 335 0 335 115 0 115 0 0
-335z"></path>
<path d="M16810 2975 l0 -965 240 0 240 0 2 461 3 461 290 -461 290 -461 268
0 c220 0 267 2 260 13 -4 8 -160 234 -345 504 -186 270 -338 493 -338 496 0 3
146 208 325 456 179 248 325 453 325 456 0 3 -120 4 -266 3 l-267 -3 -271
-421 -271 -422 -3 424 -2 424 -240 0 -240 0 0 -965z m360 0 l0 -875 -120 0
-120 0 0 875 0 875 120 0 120 0 0 -875z"></path>
</g>
</svg>
<!--
<h2>February 16, 2020</h2>
<h2>Lynbrook High School</h2>
-->
<h2>Please return later for more information.</h2>
<br />
<!--
<a href="https://forms.gle/9Fj6Ldaoq8kM11Hs9" class="button cta">
Sign Up
</a>
-->
</div>
</div>
<main>
<!--
<section id="description">
<h1>What is VikeHacks?</h1>
<p>
VikeHacks is a 12 hour hackathon where students of all skill levels
in programming come to solve real world problems through the use of coding. VikeHacks includes
workshops to help students get started on their projects as well as plenty of working time to work
on and develop projects.
</p>
</section>
<section id="beginners">
<h1>What if I don't know how to code?</h1>
<p>
No worries! VikeHacks is the perfect time to learn how to code and all high school students,
regardless of skill level and experience, are welcome. There will be plenty of mentors on hand glad
to answer any and all questions and workshops specifically designed for those with no prior
experience. Stay tuned for more information about workshops! College students are welcome to help
out as mentors!
</p>
</section>
<section id="teams">
<h1>What if I don't have a team or an idea?</h1>
<p>
No worries! It is not uncommon for people to come into the hackathon without an already-formed
group, but we'll make sure you're matched with the right people! We will find a team formation and
ideation session the first night so everyone can find the perfect team and come up with awesome
ideas, so don't worry about first-time hackers! Teams can be up to four people. While you may work
as an individual, we highly encourage collaborating with others. If you don't have a team or need
help finding one, make sure not to miss our team formation and ideation session.
</p>
</section>
<section id="requirements">
<h1>What Should I Bring?</h1>
<p>
Attendees should bring a valid student ID or some other form of identification, as well as a signed
and completed waiver. Bring laptops and chargers, along with any other technology that you may want
to use! We will have designated sleeping spots so feel free to bring a sleeping bag and pillow.
Also, it is highly suggested that you bring any toiletries you would like to use. This event is
completely free, so just bring you and your ideas. We will provide you with the food, WiFi,
workspace, and swag!
</p>
</section>
<section id="sponsors">
<h1>Sponsors</h1>
<div id="sponsorLogos">
<a href="https://repl.it">
<img src="./images/repl.svg" alt="Repl" class="sponsor-logo repl">
</a>
<a href="https://shawee.io/">
<img src="./images/shawee.svg" class="sponsor-logo shawee" alt="Shawee">
</a>
<a href="https://www.linode.com/">
<img src="./images/linode.svg" class="sponsor-logo" alt="Linode">
</a>
<a href="https://balsamiq.com">
<img src="./images/balsamiq-logo-print.png" class="sponsor-logo" alt="Balsamiq">
</a>
<a href="https://www.desmos.com">
<img src="./images/desmos.png" class="sponsor-logo" alt="Desmos">
</a>
</div>
<p>
Please reach out to us at
<a href="mailto:[email protected]">[email protected]</a>
or
<a href="mailto:[email protected]">[email protected]</a>
if you or your company is willing to contribute. Our sponsorship prospectus is available
<a href="https://drive.google.com/file/u/1/d/1Tv262fgphfDcD6MFcM-F7bK8PeOVVShw/view?usp=drive_open">
here
</a>.
Everything from financial contributions or awards for winners to workshops are immensely
appreciated.
</p>
</section>
<section id="schedule">
<h1>Schedule</h1>
<table>
<thead>
<tr>
<th>
Time
</th>
<th>
Event
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
8 AM
</td>
<td>
Check In
</td>
</tr>
<tr>
<td>
8:30 AM
</td>
<td>
Opening Ceremony Team Formation
</td>
</tr>
<tr>
<td>
9 AM
</td>
<td>
Coding Begins
</td>
</tr>
<tr>
<td>
11 PM
</td>
<td>
Workshop 1
</td>
</tr>
<tr>
<td>
12 PM
</td>
<td>
Lunch
</td>
</tr>
<tr>
<td>
2 PM
</td>
<td>
Workshop 2
</td>
</tr>
<tr>
<td>
6 PM
</td>
<td>
Dinner
</td>
</tr>
<tr>
<td>
7 PM
</td>
<td>
Hacking Ends
</td>
</tr>
<tr>
<td>
7:30 PM
</td>
<td>
Submission to Devpost
</td>
</tr>
<tr>
<td>
8 PM
</td>
<td>
Judging Begins
</td>
</tr>
<tr>
<td>
9 PM
</td>
<td>
Closing Ceremony
</td>
</tr>
</tbody>
</table>
</section>
<section id="location">
<h1>Location</h1>
<iframe id="gmap_canvas"
src="https://maps.google.com/maps?q=lynbrook%20high%20school&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe>
</section>
<section id="organizers">
<h1>VikeHacks Officers</h1>
<div id="people">
<span class="person">
<img class="profilePic" src="./images/profiles/aanand.jpg"></img>
<br />
<p class="name">
Aanand Kainth
</p>
<p class="role">
Co-President and Manager
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
<br />
<a href="https://github.com/akainth015">
github.com/akainth015
</a>
</p>
</span>
<span class="person">
<img class="profilePic" src="./images/profiles/kento.jpg"></img>
<br />
<p class="name">
Kento Nishi
</p>
<p class="role">
Developer and Tech Lead
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
<br />
<a href="https://github.com/KentoNishi">
github.com/kentonishi
</a>
</p>
</span>
<span class="person">
<img class="profilePic" src="./images/icon.png"></img>
<br />
<p class="name">
Michael Peng
</p>
<p class="role">
Sponsorship Coordinator
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
<span class="person">
<img class="profilePic" src="./images/icon.png"></img>
<br />
<p class="name">
Soma Tummala
</p>
<p class="role">
Sponsorship Coordinator
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
<span class="person">
<img class="profilePic" src="./images/profiles/soham.jpg"></img>
<br />
<p class="name">
Soham Phadke
</p>
<p class="role">
Designer
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
<span class="person">
<img class="profilePic" src="./images/profiles/aman.jpg"></img>
<br />
<p class="name">
Aman Choudhary
</p>
<p class="role">
Event Coordinator
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
<span class="person">
<img class="profilePic" src="./images/profiles/raghav.png"></img>
<br />
<p class="name">
Raghav Ganesh
</p>
<p class="role">
Logistics Director
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
<span class="person">
<img class="profilePic" src="./images/profiles/nirmit.png"></img>
<br />
<p class="name">
Nirmit Ashar
</p>
<p class="role">
Financial Manager
</p>
<p class="links">
<a href="mailto:[email protected]">
</a>
</p>
<br />
</span>
</div>
<br />
<h1>Additional Organizers</h1>
<div id="people">
<=!--<span class="person mention">
<img class="profilePic" src="./images/profiles/rahul.jpg"></img>
<p class="name">
Rahul Kaura
</p>
<p class="role">
Sponsorship Organizer
</p>
</span>--=>
<span class="person mention">
<img class="profilePic" src="./images/icon.png"></img>
<p class="name">
Kleo Ku
</p>
<p class="role">
Organizer
</p>
</span>
<span class="person mention">
<img class="profilePic" src="./images/icon.png"></img>
<p class="name">
Lakshay Maharana
</p>
<p class="role">
Organizer
</p>
</span>
</div>
</section>
<section id="questions">
<h1>Questions?</h1>
<p>
Email us at <a href="mailto:[email protected]">[email protected]</a> if you have any
additional questions. We are always happy to help!
</p>
</section>
-->
</main>
<script src="js/index.js"></script>
</body>
</html>