-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·559 lines (474 loc) · 28 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
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Mihir Garimella, adapted by Andreas Paljug">
<title>FCHacks</title>
<!-- WrapBootstrap Theme -->
<link href="css/theme.min.css" rel="stylesheet">
<link href="css/components.min.css" rel="stylesheet">
<link href="css/hackathon.css" rel="stylesheet">
<!-- Fonts -->
<link href="fonts/outlined-icon-set/outlined.css" rel="stylesheet">
<script src="https://use.typekit.net/jlq5iyl.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
<!-- HTML5 shim and respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body class="homepage-portfolio">
<!-- Preload red logo -->
<img src="img/fchacks/logo-red.png" class="hidden"/>
<nav class="navbar navbar-fixed-top navbar-fixed-top-transparent primary-navbar -transparent-nav">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="/">
<img src="img/fchacks/logo-white.png" id="logo" class="img-responsive"/>
</a>
</div>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li id="scroll-top-section" class="active"><a class="page-scroll-top" data-nav="6" href="#">Welcome</a></li>
<li><a class="page-scroll" data-nav="5" href="#details">Details</a></li>
<li><a class="page-scroll" data-nav="4" href="#faq">FAQ</a></li>
<li><a class="page-scroll" data-nav="3" href="#schedule">Schedule</a></li>
<li><a class="page-scroll" data-nav="2" href="#team">Team</a></li>
<li><a class="page-scroll" data-nav="1" href="#sponsors">Sponsors</a></li>
<li><a class="page-scroll" data-nav="0" href="#contact">Contact</a></li>
</ul>
</div><!-- .navbar-collapse -->
</div><!-- .container -->
</nav>
<section class="masthead masthead-11 -inverse">
<div class="gallery-cell">
<div class="masthead-body">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h1 class="heading">Pittsburgh's original high school hackathon<br><small>April 21st @ Fox Chapel Area High School</small></h1>
<div class="cta-buttons">
<a href="#details" class="page-scroll btn primary-btn -blue -lg"><div>Learn More</div></a>
<a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401" target="_blank" class="btn primary-btn -success -lg"><div>Register</div></a>
<a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401#tickets" class="page-scroll btn primary-btn -warning -lg"><div>Donate</div></a>
<a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401#tickets" class="page-scroll btn primary-btn -purple -lg"><div>Mentor/Volunteer</div></a>
</div> <!-- /.cta-buttons -->
</div> <!-- /.col-lg-12 -->
</div> <!-- /.row -->
</div> <!-- /.container -->
</div>
</div>
</section>
<section id="details" class="feature feature-8">
<div class="container">
<h2 class="title">Details</h2>
<div class="row">
<div class="feature-block col-sm-5 col-md-5 col-lg-5">
<i class="outline-icon icon-pencil-ruler"></i>
<h3 class="sub-heading">What?</h3>
<p>FCHacks is a hackathon for high schoolers in the Pittsburgh region. A hackathon is a competition during which students who are interested in exploring computer science or engineering team up and build cool projects (apps, games, robots, or whatever they're excited about). FCHacks is open to students with a variety of skill levels—no prior knowledge or experience needed. All participants will have access to mentors and materials, and will have a chance to pitch to sponsors and judges and win prizes; beginners will also be provided with computers, workshops, and special prizes.
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<i class="outline-icon icon-clock"></i>
<h3 class="sub-heading">When?</h3>
<p>FCHacks is a 12-hour hackathon, from 7:30 AM to 7:30 PM, on Saturday, March 25, 2017. You can find a more detailed schedule <a href="#schedule" class="page-scroll">below</a>. We'll have an opening speaker, around 10 hours of dedicated time for students to work on their projects (and eat—lunch and snacks are provided!), and a science-fair style expo presentation, award ceremony, and closing speaker at the end of the event.</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-3 col-md-3 col-lg-3">
<i class="outline-icon icon-geolocalizator"></i>
<h3 class="sub-heading">Where?</h3>
<p>FCHacks will take place at Fox Chapel Area High School, about 20 minutes outside of the City of Pittsburgh.</p>
<p><a href="https://goo.gl/maps/iQQqH5PqQV12" target="_blank">611 Field Club Road<br>Pittsburgh, PA 15238</a></p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="faq" class="feature feature-8">
<div class="container">
<h2 class="title">FAQ</h2>
<div class="row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What generally happens at a hackathon?</h3>
<p>During a hackathon, participants ("hackers") work in teams of up to 4 to build projects ("hacks") from scratch. These projects can be pretty much anything—apps, games, robots, websites, or anything else you can dream up!</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What do people usually make?</h3>
<p>There are very few limits on what you can build, but <a href="https://devpost.com/software?ref_content=hackathon-projects-link&ref_feature=projects&ref_medium=link" target="_blank">here</a> are some examples of what people have made at other hackathons. Keep in mind that almost all of these projects were created by college students during longer events (typically 36 hours)—your projects at FCHacks do not have to be this elaborate!</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">Isn't hacking illegal?</h3>
<p>In this context, "hacking" means quickly and cleverly building a piece of hardware or software from scratch. This is completely different from illegal hacking, which involves gaining unauthorized access to a computer system.</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
<div class="container">
<div class="row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">Do I need to have a team or an idea?</h3>
<p>Not at all! You're welcome to start brainstorming or forming a team ahead of time, but this is certainly not required—we'll have dedicated time at the event for you to find a team and come up with an idea.</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What can I win?</h3>
<p>We'll have several prizes at the event, including overall prizes (1st, 2nd, 3rd) and prizes for hacks in specific areas. We'll also have a special prize specifically for beginners.</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">Who can attend?</h3>
<p>FCHacks is open to all high school students. If you're younger, email us and we'll see what we can do. If you're older, please consider <a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401#tickets" target="_blank">registering as a mentor or volunteer</a> instead.</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
<div class="container">
<div class="row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">How much does it cost to attend?</h3>
<p>Absolutely nothing! FCHacks is completely free to attend, and, thanks to the generous support of our sponsors, we'll also have lunch and snacks provided throughout the day, as well as materials for you to work with.</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What resources will be available for me?</h3>
<p>We'll have mentors available to help you with various aspects of your project, like iPhone app development or circuit design, as well as optional workshops centered around specific topics, like pitching your project to the judges. We'll also have materials for hardware hackers (think Arduino boards, 3D printers, and soldering irons) and extra resources for beginners (see <span class="normal">→</span> for details).</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What if I've never coded before?</h3>
<p>No problem! One of our main goals is to provide an opportunity for students with little exposure to computer science to see how fun and powerful it can be. If you're a beginner, we'll have intensive introductory workshops teaching you how to code something from scratch, and we'll even provide you with a laptop pre-loaded with the tools you need. We'll also award a special "Best Beginner Project" prize at the end of the event.</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
<div class="container">
<div class="row">
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">What should I bring?</h3>
<p>All you need to bring is a student ID, a laptop (if you don't have one, let us know and we'll see what we can do), physical materials (if you think you'll need them for a hardware hack), and an open mind!</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">How do I sign up?</h3>
<p>You can register for FCHacks as a participant, mentor, or volunteer on our <a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401#tickets" target="_blank">EventBrite page</a> or subscribe to our mailing list <a href="#footer" class="subscribe-cta">below</a>.</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<h3 class="sub-heading">Have a question we didn't cover here?</h3>
<p>Email us at <a href="mailto:[email protected]">[email protected]</a> and we promise we'll get back to you soon!</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="schedule" class="feature feature-8">
<div class="container">
<h2 class="title">Schedule</h2>
<div class="row">
<div class="col-sm-12 col-md-12 col-lg-12">
<table class="table">
<thead>
<tr>
<th>Time</th>
<th>Event</th>
<th>Notes</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">7:30am</th>
<td>Registration</td>
<td>Enter through Athletics entrance (near the parking lot and Fox statue). Bring student ID if you have one.</td>
</tr>
<tr>
<th scope="row">7:30am</th>
<td>Breakfast</td>
<td>Bagels and pastries catered by <a href="https://www.marketdistrict.com/" target="_blank">Market District</a>.</td>
</tr>
<tr>
<th scope="row">7:45am</th>
<td>Introduction, opening speaker, kickoff</td>
<td>Our opening speaker will be <a href="https://www.cmu.edu/swartz-center-for-entrepreneurship/about/staff.html" target="_blank">Dave Mawhinney</a>, a serial entrepreneur, venture capitalist, and CMU professor. We hope you're as excited for his talk as we are!</td>
</tr>
<tr>
<th scope="row">8:15am</th>
<td>Hacking begins!</td>
<td></td>
</tr>
<tr>
<th scope="row">8:15am to 9:15am</th>
<td>Brainstorming and team formation</td>
<td>(Optional)</td>
</tr>
<tr>
<th scope="row">8:15am to 10:15am</th>
<td>Beginner workshop</td>
<td>(Optional) Don't worry if you don't know how to code! We'll teach you hardware and software basics using the <a href="http://www.hummingbirdkit.com" target="_blank">Hummingbird Robotics Kit</a>. After the workshop, you can team up with other beginners to create a project from scratch, and we'll have mentors available throughout the entire day to guide you along.</a></td>
</tr>
<tr>
<th scope="row">9:15am to 10:15am</th>
<td>Introduction to 3D Printing workshop</td>
<td>(Optional) We'll teach you how to design and print physical parts using a <a href="https://www.makerbot.com/" target="_blank">MakerBot</a> 3D printer. After the workshop, you can print parts you need for your hacks throughout the day.</td>
</tr>
<tr>
<th scope="row">10:15am to 11:15am</th>
<td>Introduction to Electronics workshop</td>
<td>(Optional) We'll teach you how to make physical devices that interact with the world using the <a href="https://www.arduino.cc/en/main/arduinoBoardUno" target="_blank">Arduino Uno</a> microcontroller.</td>
</tr>
<tr>
<th scope="row">10:15am to 11:15am</th>
<td>Introduction to Machine Learning workshop</td>
<td>(Optional) We'll teach you how to build machine learning and artificial intelligence software to diagnose diseases. These powerful tools might be useful for your hacks!</td>
</tr>
<tr>
<th scope="row">Noon to 1:00pm</th>
<td>Lunch!</td>
<td>Catered by <a href="https://www.marketdistrict.com/" target="_blank">Market District</a>. Vegetarian options available.</td>
</tr>
<tr>
<th scope="row">1:00pm to 2:00pm</th>
<td>Introduction to App Development workshop</td>
<td>(Optional) We'll teach you how to create Android apps with Java. If you've taken (or are currently taking) AP Computer Science, this is a great way to practically apply your Java programming knowledge!</td>
</tr>
<tr>
<th scope="row">4:30pm to 5:15pm</th>
<td>Pitch Development workshop</td>
<td>(Optional) You'll work with business professors and entrepreneurs to craft the perfect pitch for your project. These skills will be useful over the next couple hours!</td>
</tr>
<tr>
<th scope="row">5:15pm</th>
<td>Hacking ends!</td>
<td></td>
</tr>
<tr>
<th scope="row">5:15pm to 6:00pm</th>
<td>Expo</td>
<td>Teams will set up demos for judges, who will walk around and pick the top 5 projects as well as winners of several special awards (Best Beginner Hack, Most Entrepreneurial Hack, Best Hardware Hack, Best Web Hack, etc.).</td>
</tr>
<tr>
<th scope="row">6:00pm to 6:30pm</th>
<td>Dinner!</td>
<td>Pizza from <a href="http://www.vocellipizza.com/" target="_blank">Vocelli's</a>. Plain, pepperoni, and veggie available.</td>
</tr>
<tr>
<th scope="row">6:30pm to 7:30pm</th>
<td>Final ceremony (open to the public)</td>
<td>Top 5 teams will pitch their projects on stage to final judging panel. Then, awards and closing speaker. Our closing speaker will be serial entrepreneur <a href="https://www.averesystems.com/about-us/management-team" target="_blank">Ron Bianchini</a>—we're super excited for his talk!</td>
</tr>
</tbody>
</table>
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="team" class="feature feature-8">
<div class="container">
<h2 class="title">Team</h2>
<div class="row organizers">
<div class="feature-block col-sm-3 col-md-3 col-lg-3">
<a href="http://mihir.garimella.io" target="_blank">
<img class="img-responsive" src="img/team/mihir.png"></img>
</a>
<h3 class="sub-heading">Mihir Garimella</h3>
<p>Founder & Director</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-3 col-md-3 col-lg-3">
<img class="img-responsive" src="img/team/bliss.png"></img>
<h3 class="sub-heading">Bliss Uribe</h3>
<p>Organizer</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-3 col-md-3 col-lg-3">
<img class="img-responsive" src="img/team/andreas.png"></img>
<h3 class="sub-heading">Andreas Paljug</h3>
<p>Organizer</p>
</div> <!-- .feature-block -->
<div class="feature-block col-sm-3 col-md-3 col-lg-3">
<a href="http://www.fcasd.edu/leadership/administration/director-of-instructional-and-innovative.html" target="_blank">
<img class="img-responsive" src="img/team/cicconi.png"></img>
</a>
<h3 class="sub-heading">Megan Cicconi</h3>
<p>Faculty Sponsor</p>
</div> <!-- .feature-block -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="sponsors" class="feature feature-8">
<div class="container">
<h2 class="title">Sponsors</h2>
<div class="row sponsors">
<div class="col-sm-2 col-md-2 col-lg-2">
</div>
<div class="feature-block col-sm-8 col-md-8 col-lg-8">
<a href="http://www.eaton.com/Eaton/index.htm">
<img class="img-responsive" src="img/sponsors/eaton.png"></img>
</a>
</div>
<div class="col-sm-2 col-md-2 col-lg-2">
</div>
</div> <!-- .row -->
<div class="row sponsors">
<div class="col-sm-2 col-md-2 col-lg-2">
</div>
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<a href="http://birchmerevc.com/">
<img class="img-responsive" src="img/sponsors/birchmere.png"></img>
</a>
</div>
<div class="feature-block col-sm-4 col-md-4 col-lg-4">
<a href="http://www.nethealth.com/">
<img class="img-responsive" src="img/sponsors/nethealth.png" style="padding: 0 20px; margin: 12px 0 35px;"></img>
</a>
<div class="feature-block col-sm-6 col-md-6 col-lg-6">
<a href="http://get.tech/">
<img class="img-responsive" src="img/sponsors/dottech.png"></img>
</a>
</div>
<div class="feature-block col-sm-6 col-md-6 col-lg-6">
<a href="http://www.birdbraintechnologies.com/">
<img class="img-responsive" src="img/sponsors/birdbrain.png" style="margin-top: 6px;padding-right: 10px;"></img>
</a>
</div>
</div>
<div class="col-sm-2 col-md-2 col-lg-2">
</div>
</div> <!-- .row -->
</div> <!-- .container -->
<div class="row sponsors">
<div class="col-sm-3 col-md-3 col-lg-3">
</div>
<div class="feature-block col-sm-6 col-md-6 col-lg-6">
<a href="http://sei.cmu.edu/">
<img class="img-responsive" src="img/sponsors/sei.png"></img>
</a>
</div>
<div class="col-sm-3 col-md-3 col-lg-3">
</div>
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section id="contact" class="cta cta-1 -inverse">
<div class="container">
<div class="row">
<div class="col-lg-12">
<h2 class="heading">Interested in sponsoring, mentoring, or volunteering at FCHacks?</h2></h2>
<div class="heading-line-break"></div>
<h2 class="heading"><small>Support the next generation of makers, dreamers, and inventors by partnering with us.</small></h2>
<div class="heading-line-break"></div>
<a href="sponsor.html" class="btn primary-btn -blue">Sponsorship Information</a>
<a href="https://www.eventbrite.com/e/fchacks-tickets-31782529401#tickets" target="_blank" class="btn primary-btn -success">Mentor/Volunteer Registration</a>
</div>
</div> <!-- .col-lg-10 -->
</div> <!-- .row -->
</div> <!-- .container -->
</section>
<section class="footer footer-3">
<div class="container">
<div class="row">
<div class="footer-address col-md-3 col-sm-3 col-md-offset-2 col-sm-offset-2">
<h4>Contact Information</h4>
General:
<a href="mailto:[email protected]">[email protected]</a>
<br>
Press:
<a href="mailto:[email protected]">[email protected]</a>
<br>
Sponsorship:
<a href="mailto:[email protected]">[email protected]</a>
</div> <!-- /.col-md-3 -->
<div class="footer-subscribe col-md-5 col-sm-5">
<h4>Email Updates</h4>
<p>Subscribe to our mailing list to stay up to date about FCHacks!</p>
<form action="https://fchacks.us14.list-manage.com/subscribe/post" method="POST" class="footer-subsribe">
<input type="hidden" name="u" value="e07141bd4f1349e6507322130">
<input type="hidden" name="id" value="6664afe847">
<div class="field-shift" aria-label="Please leave the following three fields empty">
<!-- People should not fill these in and expect good things -->
<label for="b_name">Name: </label>
<input type="text" name="b_name" tabindex="-1" value="" placeholder="Freddie" id="b_name">
<label for="b_email">Email: </label>
<input type="email" name="b_email" tabindex="-1" value="" placeholder="[email protected]" id="b_email">
<label for="b_comment">Comment: </label>
<textarea name="b_comment" tabindex="-1" placeholder="Please comment" id="b_comment"></textarea>
</div>
<div class="input-group">
<input id="subscribe-email" class="form-control" type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" placeholder="Email Address" value="">
<span class="input-group-btn">
<button class="btn primary-btn -blue -sm" type="submit">Subscribe</button>
</span>
</div>
</form>
</div> <!-- /.col-md-5 -->
<div class="col-md-8 col-sm-8 col-md-offset-2 col-sm-offset-2">
<hr>
<p class="text-center">©2017 FCHacks. Website designed by <a href="http://mihir.garimella.io" target="_blank">Mihir Garimella</a>. All rights reserved.</p>
</div> <!-- /.col-md-8 -->
</div> <!-- /.row -->
</div>
</section>
<!-- Bootstrap -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<!-- Load main js -->
<script src="js/main.min.js"></script>
<script>
var scrolling = false;
function setActiveSection(active_index) {
$($(".navbar-nav").children('li').get().reverse()).each(function(index) {
if(index == active_index) {
$(this).addClass('active');
} else {
$(this).removeClass('active');
}
});
}
function handleScroll() {
if ($(".navbar-fixed-top-transparent").offset().top > 50) {
$(".navbar-fixed-top").removeClass("-transparent-nav");
$("#logo").attr('src','img/fchacks/logo-red.png');
} else {
$(".navbar-fixed-top").addClass("-transparent-nav");
$("#logo").attr('src','img/fchacks/logo-white.png');
}
if (!scrolling) {
var nav_height = $('.primary-navbar').height();
var a = $(window).scrollTop();
var done = false;
$($(".navbar-nav").children('li').get().reverse()).each(function(index) {
if (index == 0 && a == $(document).height() - $(window).height()) {
setActiveSection(0);
done = true;
} else if (!done) {
var target = $($(this).children('a').first().attr('href')).offset();
if (target !== undefined) {
var b = target.top - nav_height;
if (a >= b) {
setActiveSection(index);
done = true;
}
}
}
});
if (!done) {
$(".navbar-nav").children('li').each(function(index) {
$(this).removeClass('active');
});
$('#scroll-top-section').addClass('active');
}
}
}
$(window).scroll(function() {
handleScroll();
});
$(window).resize(function() {
handleScroll();
});
$(window).load(function() {
handleScroll();
});
function animateScroll(e, t) {
$('body').addClass('stop-scrolling');var b=$(t);scrolling=true;$(".navbar-nav").children('li').each(function(){if($(t).children('a').first().attr('href')===b.attr('href')){$(t).addClass('active');} else {$(t).removeClass('active');}});$("html, body").stop().animate({scrollTop:$(b.attr("href")).offset().top-$('.primary-navbar').height()},1000,"easeInOutExpo",function(){scrolling=false;$('body').removeClass('stop-scrolling');handleScroll();});
if(e !== undefined){e.preventDefault()};
}
$('.subscribe-cta').click(function(e) {
animateScroll(e, this);
$('#subscribe-email').focus();
});
$(document).ready(function() {
$(function(){$(".page-scroll-top").bind("click",function(a){$('body').addClass('stop-scrolling');scrolling=true;$(".navbar-nav").children('li').each(function(){$(this).removeClass('active');});$('#scroll-top-section').addClass('active');$("html, body").stop().animate({scrollTop:0},1000,"easeInOutExpo",function(){scrolling=false;$('body').removeClass('stop-scrolling');handleScroll();}),a.preventDefault()})});
$(function(){$(".page-scroll").bind("click",function(a){if($(this).parent().parent().hasClass("nav")){setActiveSection(parseInt($(this).data('nav')))};animateScroll(a, this)})});
});
</script>
</body>
</html>