-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
454 lines (428 loc) · 22.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta property="og:site_name" content="ANova Hacks"/>
<meta property="og:title" content="ANova Hacks: A Hackathon dedicated to increasing equity and access to computer science in the Bay Area"/>
<meta property="og:description" content="ANova Hacks: A Hackathon dedicated to increasing equity and access to computer science in the Bay Area"/>
<meta property="og:image" content="http://anovahacks.org/img/anovaHacks2.png">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta property="og:url" content="http://anovahacks.org/" />
<meta property="og:type" content="website" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>ANova Hacks</title>
<!-- Bootstrap core CSS -->
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Plugin CSS -->
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css">
<!-- Custom styles for this template -->
<link href="css/freelancer.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/animate.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="img/anovaHacks2.png"/>
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top text-uppercase" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">ANova Hacks</a>
<button class="navbar-toggler navbar-toggler-right text-uppercase bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu
<i class="fa fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Schedule & Workshops</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="faq.html">FAQ</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="feedback.html">Feedback</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="https://docs.google.com/document/d/1N1XOJLdIRh65rJKz6eN2uucGZvQs3BG00bfSqlcnhM4/edit?usp=sharing">Submit Project</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="col-lg-12" style="padding-top: 150px;">
<img id="header-logo" class="animated zoomIn img-fluid mb-5 d-block mx-auto" src="img/anovaHacks2.png" style="max-width:500px" alt="ANova Hacks Logo">
</div>
<h1 class="text-center" style="color: #9EDAE0">Hacking to New Heights!</h1>
<!-- About Section -->
<section class="bg-primary text-black mb-0" id="about">
<div class="container">
<h2 class="text-center text-uppercase text-black">About</h2>
<hr class="star-dark mb-5">
<div id="about-one" class="row">
<div class="col-md-6 offset-md-3">
<p class="lead text-center">
ANova Hacks 2019 is a 24-hour hackathon for high school students run by ANova. It will be held starting Friday, March 15th at 6:00pm at Covo in San Francisco. Over the course of the day, students will work in teams of four to design and code a challenging project of their choosing.
</p>
</div>
</div>
<div id="about-two" class="row">
<div class="col-lg-6 ml-auto">
<img class="img-fluid mb-5 d-block mx-auto" src="img/teamMentor.png" alt="Student Hacker Team">
</div>
<div class="col-lg-6 mr-auto">
<h1>The Hacker Experience</h1>
<p class="lead">
Teams can opt to have an ANova mentor who will guide them throughout the day,
from generating project ideas and collaborating to implementing those ideas
and polishing a final product that will be showcased during the judging process.
Prizes will be awarded to the top teams.
</p>
<p class="lead">
This is a great opportunity for our students to not only apply what they have been
learning in the classroom, but also be exposed to crucial skills used in industry and
have a better understanding of life after high school.
</p>
</div>
</div>
<div id="about-three" class="row">
<div class="col-lg-6 mr-auto">
<h1>Our Students</h1>
<p class="lead">
At the Spring 2018 ANova Hacks, we welcomed over 50 students from high schools all over the Bay.
This diverse group of hackers was composed primarily of students from under-resourced high schools.
</p>
<p class="lead">
ANova Hacks provides the unique opportunity to meet and connect with others while being exposed to
cutting-edge technologies used in both industry and academia. This intersectional experience yields new
ideas and approaches to traditional problems.
</p>
</div>
<div class="col-lg-6 ml-auto">
<img class="img-fluid mb-5 d-block mx-auto" src="img/mentorStudent.png" alt="Student Hacker Team">
</div>
</div>
<div class="row">
<div class="col-lg-6 ml-auto">
<img class="img-fluid mb-5 d-block mx-auto" src="img/studentSpeaker.png" alt="Student Hacker Team">
</div>
<div class="col-lg-6 mr-auto">
<h1>Workshops and Panels</h1>
<p class="lead">
ANova Hacks provides beginner-friendly and intermediate workshops over the course of the hackathon, ranging from general informational college workshops to web development and intro to Python. With Facebook’s support, we will also be offering an Oculus Virtual Reality demo and intro to security workshop.
</p>
<p class="lead">
ANova Hacks aims to cater to each student's needs regardless of their experience, so that by the end of the day, they will have a finished product to show-off to their friends and family.
</p>
</div>
</div>
</div>
</section>
<!-- Portfolio Grid Section -->
<section class="portfolio" id="portfolio">
<div class="container">
<h2 class="text-center text-uppercase text-secondary mb-0">General Information</h2>
<hr class="star-dark mb-5">
<div class="row">
<div id="schedule" class="col-lg-6" >
<h1 class="text-center">Schedule</h1>
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-1">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/calendar.png" alt="">
</a>
</div>
<div id="workshops" class="col-lg-6">
<h1 class="text-center">Workshops & Demos</h1>
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-2">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/knowledge.png" alt="Workshops Icon">
</a>
</div>
</div>
<div class="row">
<div id="prizes" class="col-lg-6" >
<h1 class="text-center">Prizes</h1>
<a class="portfolio-item d-block mx-auto" href="#portfolio-modal-3">
<div class="portfolio-item-caption d-flex position-absolute h-100 w-100">
<div class="portfolio-item-caption-content my-auto w-100 text-center text-white">
<i class="fa fa-search-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/prizes.png" alt="">
</a>
</div>
</div>
</section>
<section id="map">
<div class="container">
<div class="col-lg-8 mx-auto">
<h2 class="text-center text-uppercase text-secondary mb-0">Map</h2>
<hr class="star-dark mb-5">
<img class="img-fluid" src="img/covo_map.png" alt="Map of ANova Hacks">
</div>
</div>
</section>
<!-- About Section -->
<section class="bg-primary text-black mb-0" id="about">
<div class="container">
<h2 class="text-center text-uppercase text-black">Platinum Sponsors</h2>
<hr class="star-dark mb-5">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-facebook" class="img-fluid" src="img/facebook.png" alt="Facebook Logo">
</div>
<h2 class="text-center text-uppercase text-black" style="padding-top: 100px;">Gold Sponsors</h2>
<hr class="star-dark mb-5">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-dropbox" class="img-fluid" src="img/dropbox.png" alt="Dropbox">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-databricks" class="img-fluid" src="img/databricks.jpg" alt="Databricks">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-microsoft" class="img-fluid" src="img/microsoft.png" alt="Microsoft">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-workday" class="img-fluid" src="img/workday.png" alt="Workday">
</div>
<h2 class="text-center text-uppercase text-black" style="padding-top: 100px;">Silver Sponsors</h2>
<hr class="star-dark mb-5">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-google" class="img-fluid" src="img/google.png" alt="Google">
</div>
<h2 class="text-center text-uppercase text-black" style="padding-top: 100px;">Bronze Sponsors</h2>
<hr class="star-dark mb-5">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-ibm" class="img-fluid" src="img/ibm.png" alt="IBM">
</div>
<h2 class="text-center text-uppercase text-black" style="padding-top: 100px;">Other Sponsors</h2>
<hr class="star-dark mb-5">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-hackerEarth" class="img-fluid" src="img/sponsor.png" alt="Hacker Earth" width="50%">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-godaddy" class="img-fluid" src="img/godaddy.png" alt="GoDaddy" width="50%">
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-intel" class="img-fluid" src="img/intel.png" alt="Intel" width="50%">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-stickermule" class="img-fluid" src="img/stickermule.png" alt="Stickermule">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-palantir" class="img-fluid" src="img/palantir.jpg" alt="Palantir">
</div>
<div class="col-md-6 offset-md-3 mr-auto" style="text-align: center;">
<img id="sponsor-twosigma" class="img-fluid" src="img/twosigma.jpg" alt="TwoSigma">
</div>
</section>
<!-- Footer -->
<footer class="footer text-center">
<div class="container">
<div class="row">
<div class="col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">Covo</h4>
<p class="lead mb-0"> 981 Mission St,
<br>San Francisco, CA 94103</p>
</div>
<div class="col-md-4 mb-5 mb-lg-0">
<h4 class="text-uppercase mb-4">Around the Web</h4>
<ul class="list-inline mb-0">
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://www.facebook.com/BerkeleyANova/">
<i class="fa fa-fw fa-facebook"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://twitter.com/BerkeleyANova">
<i class="fa fa-fw fa-twitter"></i>
</a>
</li>
<li class="list-inline-item">
<a class="btn btn-outline-light btn-social text-center rounded-circle" href="https://www.linkedin.com/company/berkeleyanova/">
<i class="fa fa-fw fa-linkedin"></i>
</a>
</li>
</ul>
</div>
<div class="col-md-4">
<h4 class="text-uppercase mb-4">About ANova</h4>
<p class="lead mb-0"> ANova is a student organization dedicated to improving computer
science education in under-resourced communities across the Bay Area.
<a href="https://www.berkeleyanova.org" >ANova Website</a>.</p>
</div>
</div>
</div>
</footer>
<div class="copyright py-4 text-center text-white">
<div class="container">
<small>Copyright © ANova 2019</small>
</div>
</div>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-to-top d-lg-none position-fixed ">
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Portfolio Modals -->
<!-- Portfolio Modal 1 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-1">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">Schedule</h2>
<hr class="star-dark mb-5">
<img class="img-fluid mb-5" src="img/schedule2.png" alt="Schedule of ANova Hacks">
</div>
</div>
<div class="row">
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-2">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">Workshops and Demos</h2>
<hr class="star-dark mb-5">
<ul class="mb-5">
<h3 class="text-secondary text-uppercase mb-0">Workshop Slides</h3>
<li class="list-group-item">
<a href="https://docs.google.com/presentation/d/1O_FwmjCp_qIDskc6wrWgAF4YVOe1cwiFtAVC0WI8ay8/edit?usp=sharing" >Facebook Security</a>
<br/>
Interested in knowing how things you say online stay private? At this workshop, you can learn more about the basics of encryption and how to keep your data private. This workshop is led by a Facebook engineer!
</li>
<li class="list-group-item">
<a href="https://docs.google.com/presentation/d/1uqtJqx9mHALzIagFGWCA0QXbLP925gcg_VrVhJSQHl4/edit?usp=sharing"> Intro to Python (Beginner) </a>
<br/>
<a href="https://docs.google.com/presentation/d/199ciUewVrdwRfpTwxy4Bx2iRV9ukGIdfrRUsEVF9oB4/edit?usp=sharing"> Intro to Python (Intermediate) </a>
<br/>
Come learn about a language named after a comedy troupe. This language is one of the most versatile languages that many students learn as their first language!
</li>
<li class="list-group-item">
Databricks
<br />
Come learn how to glean insights from your data! At this workshop, we'll go through how to let the data make decisions for you.
</li>
<li class="list-group-item">
<a href="https://docs.google.com/presentation/d/1DpiaJT542h7KwcVkWSdeQpFyL90UrM1ui9dYl4UixQY/edit?usp=sharing" >Web Development</a>
<br/>
Join us at the web design workshop to learn more about the basics of designing your own website. Learn about wireframing and prototyping that will set the foundation for your websites user interface and experience!
</li>
<li class="list-group-item">
Facebook Oculus
<br/>
Have you ever wanted to try out some Oculus devices but never had the chance? Head over to the Oculus workshop to try out a demo and get some hands on experience with virtual reality!
</li>
<li class="list-group-item">
<a href="https://docs.google.com/presentation/d/1bKSZ7j26LQyt557rDoKFsruj0zKEH_AIyBNALeVGigc/edit?usp=sharing" >Deploying Your Website</a>
<br/>
Do you want to actually host your webpage so that others can see it? Come to this workshop to see how it is all done and get your project ready to submit!
</li>
</ul>
<img class="img-fluid mb-5" src="img/workshops.png" alt="Workshops For ANova Hacks">
</div>
</div>
<div class="row">
<div ="col-lg-6">
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal mfp-hide" id="portfolio-modal-3">
<div class="portfolio-modal-dialog bg-white">
<a class="close-button d-none d-md-block portfolio-modal-dismiss" href="#">
<i class="fa fa-3x fa-times"></i>
</a>
<div class="container text-center">
<div class="row">
<div class="col-lg-8 mx-auto">
<h2 class="text-secondary text-uppercase mb-0">Prizes</h2>
<hr class="star-dark mb-5">
<ul class="mb-5">
<h3 class="text-secondary text-uppercase mb-0">Prize Categories</h3>
<br/>
<li class="list-group-item">
<b> Best Social Good </b>
<br/>
How can you use code to make your community a better place? Can you identify possible solutions for important social issues that impact the world around you?
<br/>
Prize: Xbox One S (sponsored by Microsoft Teals)
</li>
<li class="list-group-item">
<b> Best Beginner </b>
<br/>
Are you a first-time hacker and/or have never programmed before? We’re looking for beginner teams eager to demonstrate what they’ve learned throughout the hackathon in an original project.
<br/>
Prize: Polaroid cameras + film (sponsored by Facebook)
</li>
<li class="list-group-item">
<b> Best Data Analysis </b>
<br/>
How can you use data to convey information in a unique and helpful way? We're looking for projects that make data-driven decisions with Databricks technology!
<br/>
Prize: Chromebooks (sponsored by Databricks)
</li>
<li class="list-group-item">
<b> Best Education </b>
<br/>
Are you a first-time hacker and/or have never programmed before? We’re looking for beginner teams eager to demonstrate what they’ve learned throughout the hackathon in an original project.
<br/>
Prize: Herschel backpacks + Hydroflasks (sponsored by Facebook)
</li>
<li class="list-group-item">
<b> Best Security (sponsored by Facebook) </b>
<br/>
This is a fun security challenge you and your team can work on throughout the course of the hackathon!
<br/>
Prize: Amazon Echos (sponsored by Facebook)
</li>
</ul>
</div>
</div>
<div class="row">
<div ="col-lg-6">
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/freelancer.min.js"></script>
</body>
</html>