-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
425 lines (380 loc) · 21.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="google-site-verification" content="b6yKXFA77safhCBuoO1N2lVHYpa2EkBmKu_V1i9ueDg" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1">-->
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>MenloHacks</title>
<!-- Bootstrap core CSS -->
<!-- <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">-->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>-->
<script src="js/bootstrap.min.js"></script>
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet">
<script type="text/javascript">
function sticky_relocate() {
var window_top = $(window).scrollTop();
var div_top = $('#sticky-anchor').offset().top;
if (window_top > div_top) {
$('.nav-wrapper').addClass('stick');
$('.nav-wrapper').removeClass('nav-set-height');
$('.breadcrumbs li').removeClass('breadcrumbs-center');
$('#about').addClass('nav-adjust');
} else {
$('.nav-wrapper').removeClass("stick");
$('.nav-wrapper').addClass('nav-set-height');
$('.breadcrumbs li').addClass('breadcrumbs-center');
$('#about').removeClass('nav-adjust');
}
}
$(function () {
$(window).scroll(sticky_relocate);
sticky_relocate();
});
</script>
<script src="https://maps.googleapis.com/maps/api/js">
</script>
<!--
<script>
function initialize() {
var mapCanvas = document.getElementById('map');
var mapOptions = {
center: new google.maps.LatLng(37.453263, -122.191283),
zoom: 16,
scrollwheel: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(mapCanvas, mapOptions);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
-->
</head>
<body data-spy="scroll" data-target="#breadcrumbs">
<nav class="navbar navbar-default navbar-fixed-top visible-xs">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">MenloHacks</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">Home</a></li>
<li><a href="#about-link">About</a></li>
<li><a href="#faq-link">FAQ</a></li>
<li><a href="#beginner-link">First Time Hackers</a></li>
<li><a href="#schedule-link">Schedule</a></li>
<li><a href="#judges-link">Judges</a></li>
<li><a href="#sponsor-link">Sponsors</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<!-- <div class="front-page">-->
<a id="mlh-trust-badge" style="position:absolute;right:50px;max-width:100px;width:10%;min-width: 60px;display:block;" href="https://mlh.io/seasons/s2016/events?utm_source=s2016&utm_medium=TrustBadge&utm_campaign=s2016" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/s2016.png" alt="MLH Official - Spring 2016" style="width:100%;" ></a>
<div id = "home" class="main-background">
<div class="top-center-box">
<img class="logo-header" src="img/logo-white.png">
<div class="intro-text">
<p>April 16 - 17, 2016</p>
</div>
<a class="btn btn-primary large-button apply-button" href="http://apply.menlohacks.com">Login</a>
<a class="btn btn-primary large-button sponsor-button" href="mailto:[email protected]">Sponsor</a>
</div>
</div>
<div id="sticky-anchor"></div>
<div class="nav-wrapper hidden-xs nav-set-height">
<nav class="breadcrumbs row hidden-xs" id="breadcrumbs">
<ul class="nav">
<!-- <li id="splash" class="hide"></li> -->
<li id="home-crumb" class="breadcrumbs-center"><a href="#home">Home</a></li>
<li id="about-crumb" class="breadcrumbs-center"><a href="#about-link">About</a></li>
<li id="faq-crumb" class="breadcrumbs-center"><a href="#faq-link">FAQ</a></li>
<li id="beginner-crumb" class="breadcrumbs-center"><a href="#beginner-link">First Time Hackers</a></li>
<li id="schedule-crumb" class="breadcrumbs-center"><a href="#schedule-link">Schedule</a></li>
<li id="judges-crumb" class="breadcrumbs-center"><a href="#judges-link">Judges</a></li>
<li id="sponsor-crumb" class="breadcrumbs-center"><a href="#sponsor-link">Sponsors</a></li>
</ul>
</nav>
</div>
<!--
</div>
-->
<div id="about-link" class="nav-marker"></div>
<div id="about">
<div class="container-fluid">
<h2>What is MenloHacks?</h2>
<p>MenloHacks is the official hackathon for the Menlo School in Atherton, CA. We will be gathering 250 high school students this spring for 24 hours to build anything
pertaining to hardware or software. Nobody is hacking into anything in the traditional, nefarious sense; rather, students are coming together to innovate and learn.
</p>
</div>
</div>
<div id="faq-link" class="nav-marker"></div>
<div id="faq" class="container-fluid">
<h2 class="section-heading">FAQ</h2>
<div class="col-md-4">
<div class="faq-item">
<h3>What is a hackathon?</h3>
<p>In this context, the word "hack" means to create. A hackathon is an event where people come together for 24 hours to make something using the wonders of technology. But, the goal of a hackathon isn't just to create something: it's also to learn. Hackathons are the time to experiment with new technologies, APIs, SDKs, or even learn to code from scratch.</p>
</div>
<div class="faq-item">
<h3>Who can attend?</h3>
<p>Anyone currently in high school is eligible to attend.</p>
</div>
<div class="faq-item">
<h3>How much coding experience do I need?</h3>
<p>None at all. Hackathons are a fantastic place to learn and get advice from experienced hackers. However, we do recommend every team has at least one
experienced hacker to provide guidance throughout the project. If you have taken AP Computer Science or a higher level of computer science, you should know enough to tackle a project without a more experienced hacker.</p>
</div>
<div class="faq-item">
<h3>How much does the event cost?</h3>
<p>It is 100% free. Even meals, snacks, and drinks are included.</p>
</div>
</div>
<div class="col-md-4">
<div class="faq-item">
<h3>What should I bring?</h3>
<p>Bring some sort of photo ID (student IDs are fine), a laptop, and a charger. If you do not have a laptop, please contact us and we will help you try and rent one for the event. Also, if you are planning on hacking on hardware we cannot, at this time, guarantee hardware availability so bring your own hardware. </p>
</div>
<div class="faq-item">
<h3>How will I get there?</h3>
<p>If you live in the area (defined as an hour drive or less away from the event), you are responsible for getting to the event yourself. If you live in the area and can't find a ride, contact us and we will help you find a carpool or a public transit option. There is a small chance we will be providing buses depending on the demand from further away areas within the State of California so apply anyway and we will work with you to help you get there. However, if you live outside California we will not be providing any sort of reimbursement so getting here is up to you.</p>
</div>
<div class="faq-item">
<h3>When do applications close?</h3>
<p>Applications are currently closed.</p>
</div>
<div class="faq-item">
<h3>What is the maximum team size?</h3>
<p>4.</p>
</div>
</div>
<div class="col-md-4">
<div class="faq-item">
<h3>How do I find a team?</h3>
<p>All accepted hackers will be given an invitation to a Facebook group which can be used to find teammates. As well, there will be a team-forming event at the hackathon itself. Obviously, if you have friends going to the event, you are welcome to just team up with them; however, it is often more fun to code with new people.</p>
</div>
<div class="faq-item">
<h3>What are the chaperone requirements I keep hearing about?</h3>
<p>Because it is Menlo School's first hackathon, every school will be required to bring a chaperone. The chaperone must be there the entire time, but you can have multiple chaperones take shifts. A chaperone just needs to be any adult you know such as a parent or teacher. As well, the chaperone must undergo a Live Scan background check. There is a 72 hour processing time on Live Scan so we ask that the Live Scan be done by Tuesday, April 12. You can find a list of Live Scan locations <a href="https://oag.ca.gov/fingerprints/locations">here</a> When you go to get your Live Scan background check, you will need to bring along <a href="./files/livescan.pdf">this form</a></p>
</div>
<div class="faq-item">
<h3>Is there a code of conduct?</h3>
<p>Yes, there is. Generally, be nice, respectful, and courteous to others. If you want the more complete guide we are using the MLH code of conduct which can be found <a href="http://static.mlh.io/docs/mlh-code-of-conduct.pdf">here</a>.</p>
</div>
<div class="faq-item">
<h3>I have other questions</h3>
<p>Email us at <a href="mailto:[email protected]">[email protected]</a>.</p>
</div>
</div>
</div>
<div id="beginner-link" class="nav-marker"></div>
<div id="beginner" class="container-fluid">
<h2 class="section-heading">What will we do for first time hackers?</h2>
<p class="intro">One of our goals in putting on MenloHacks is to make MenloHacks the ultimate destination for beginners and the experienced hacker alike.
As part of that goal we are focusing on helping beginners as much as possible.</p>
<div class="col-md-6">
<h3>Mentors</h3>
<p>Using the MenloHacks app or website you will be able to request or chat with a mentor about whatever your problem may be. Having trouble configuring a database? Just request a mentor. Having trouble installing a framework? Just request a mentor. If it wasn't clear already, mentors will be everywhere to help you with your project.</p>
</div>
<div class="col-md-6">
<h3>Workshops</h3>
<p>Throughout the entire event, we will be hosting workshops on various technologies. The full schedule for these workshops will come out later, but rest assured, these workshops will help you get on your feet.</p>
</div>
</div>
<div id="schedule-link" class="nav-marker"></div>
<div id="schedule" class="container-fluid">
<h2 class="section-heading">Schedule</h2>
<div class="col-wrapper">
<div class="col-md-6">
<div class="auto-width col-left-align">
<h4>Saturday</h4>
<div class="schedule-item">
<p class="time">10:00 AM</p>
<p class="schedule-item-description">Check-in</p>
</div>
<div class="schedule-item">
<p class="time">11:00 AM</p>
<p class="schedule-item-description">Opening Ceremonies</p>
</div>
<div class="schedule-item">
<p class="time">12:00 PM</p>
<p class="schedule-item-description">Team-Forming Session</p>
</div>
<div class="schedule-item">
<p class="time">12:00 PM</p>
<p class="schedule-item-description">Hacking Begins</p>
</div>
<div class="schedule-item">
<p class="time">1:00 PM</p>
<p class="schedule-item-description">Lunch</p>
</div>
<div class="schedule-item">
<p class="time">6:30 PM</p>
<p class="schedule-item-description">Dinner</p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="auto-width col-left-align">
<h4>Sunday</h4>
<div class="schedule-item">
<p class="time">12:00 AM</p>
<p class="schedule-item-description">Midnight Snack</p>
</div>
<div class="schedule-item">
<p class="time">7:00 AM</p>
<p class="schedule-item-description">Breakfast</p>
</div>
<div class="schedule-item">
<p class="time">12:00 PM</p>
<p class="schedule-item-description">Hacking Ends</p>
</div>
<div class="schedule-item">
<p class="time">12:15 PM</p>
<p class="schedule-item-description">Lunch</p>
</div>
<div class="schedule-item">
<p class="time">12:45 PM</p>
<p class="schedule-item-description">Judging Begins</p>
</div>
<div class="schedule-item">
<p class="time">2:15 PM</p>
<p class="schedule-item-description">Closing Ceremony</p>
</div>
<div class="schedule-item">
<p class="time">3:30 PM</p>
<p class="schedule-item-description">Go Home and Sleep</p>
</div>
</div>
</div>
</div>
<h4 class="schedule-note">More details coming soon</h4>
</div>
<div id="judges-link" class="nav-marker"></div>
<div id="judges" class="container-fluid">
<h2 class="section-heading">Judges</h2>
<div class="judge-wrapper">
<div class="judge-div">
<img class="judge-image" src="img/scott.jpg">
<p>Scott Forstall <br> Former SVP of iOS, Apple</p>
</div>
<div class="judge-div">
<img class="judge-image" src="img/brienne-small.jpg">
<p>Brienne Ghafourifar <br>Co-Founder, Entefy</p>
</div>
<div class="judge-div">
<img class="judge-image" src="img/jens.png">
<p>Jens Christensen <br> CEO, Jaunt</p>
</div>
<div class="judge-div">
<img class="judge-image" src="img/mike-cassidy.jpg">
<p>Mike Cassidy <br> Vice President, Project Loon at Google</p>
</div>
</div>
</div>
<div id="sponsor-link" class="nav-marker"></div>
<div id="sponsors" class="container-fluid">
<h2 class="section-heading">Sponsors</h2>
<div class="img-wrapper">
<a href="http://palantir.com">
<img class="silver-sponsor" src="img/palantir.png">
</a>
</div>
<br/>
<div class="img-wrapper">
<a href="http://entefy.com">
<img class="bronze-sponsor" src="img/entefyLogo.jpg">
</a>
<a href="http://www.launchsummer.org/">
<img class="bronze-sponsor" src="img/launch.jpg">
</a>
<a>
<img class="bronze-sponsor" src="img/pradosv.png">
</a>
<a href="http://somacentral.com/">
<img class="bronze-sponsor" src="img/somacentral.png">
</a>
<a href="http://nc.me">
<img class="bronze-sponsor" src="img/namecheap.png">
</a>
<a href="http://jetbrains.com">
<img class="bronze-sponsor" src="img/jet_brains.png">
</a>
<a href="https://www.doughbies.com/">
<img class="bronze-sponsor" src="img/doughbies.png">
</a>
<div class="img-wrapper">
<a href="https://www.drinkhint.com/">
<img class="bronze-sponsor" src="img/hint.jpg">
</a>
</div>
<div class="img-wrapper">
<a href="http://ultrapress.com">
<img class="bronze-sponsor" src="img/ultrapress.png">
</a>
</div>
<div class="img-wrapper">
<a href="http://get.tech">
<img class="bronze-sponsor" src="img/tech.png">
</a>
</div>
</div>
</div>
<div id="partner-link" class="nav-marker"></div>
<div id="partners" class="container-fluid">
<div class="partners-wrapper">
<h2 class="section-heading">Partners</h2>
<div class="img-wrapper">
<a href="http://mlh.io">
<img src="img/mlh-logo.png">
</a>
<a href="http://hacker.fund">
<img src="img/hackerfund.png">
</a>
<a href="http://menloschool.org">
<img src="img/menlo-seal.jpg">
</a>
<a href="https://www.menloschool.org/experience/m-best.php">
<img src="img/m-best_logo.png">
</a>
<a href="http://makeschool.com/apply?utm_campaign=Menlo%20Hacks%202016&utm_medium=Make%20School%20logo%20on%20site&utm_source=Menlo%20Hacks%20Website">
<img src="img/makeschool.png">
</a>
</div>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<br/>
<ul class="list-unstyled list-inline footer-links">
<li><a href="#home"><span class = "footer-link">Home</span></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="http://facebook.com/menlohacks"><span class = "footer-link">Facebook</span></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="http://twitter.com/menlohacks"><span class = "footer-link">Twitter</span></a></li>
<li class="footer-menu-divider">⋅</li>
<li><a href="mailto:[email protected]"><span class = "footer-link">Contact Us</span></a></li>
</ul>
</div>
<div class="footer-note">
<p>© 2016 MenloHacks, Inc.</p>
</div>
</div>
</div>
</footer>
</body>
</html>