-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
813 lines (785 loc) · 48.3 KB
/
index.html
File metadata and controls
813 lines (785 loc) · 48.3 KB
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
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
<!DOCTYPE html>
<html lang="en">
<head>
<!-- site info -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
<title> WHACK Fall 2020, Wellesley College </title>
<meta name="description" content="WHACK Fall 2019 at Wellesley College" />
<meta name="keywords" content="WHACK, Wellesley Hacks, Wellesley College, hackathon" />
<link rel="icon" type="static/image/png" href="static/img/fav.png">
<!-- facebook -->
<meta property="og:title" content="WHACK Fall 2018" />
<meta property="og:url" content="wellesleyhacks.org" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="WHACK Fall 2018" />
<meta property="og:description" content="WHACK, the Wellesley College hackathon, will return for the seventh time from November 2-4, 2018. This fall, 300+ students from colleges throughout the U.S. Northeast will come together for 36 hours to turn their ideas into reality." />
<meta property="og:image" content="WHACKPreview.png" />
<!-- twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="wellesleyhacks.org" />
<meta name="twitter:title" content="WHACK Fall 2018" />
<meta name="twitter:description" content="WHACK, the Wellesley College hackathon, will return for the seventh time from November 2-4, 2018. This fall, 300+ students from colleges throughout the U.S. Northeast will come together for 36 hours to turn their ideas into reality." />
<meta name="twitter:creator" content="@wellesleyhack" />
<meta name="twitter:site" content="@wellesleyhack" />
<meta property="twitter:image" content="WHACKPreview.png" />
<!-- stylesheets -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/bulma.css">
<link rel="stylesheet" type="text/css" href="css/style2.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,800" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/rig.css">
<link rel="stylesheet" type="text/css" href="css/countdown.css">
<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-103160062-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- splash -->
<section class="hero is-fullheight gradient-background" id="section1">
<ul id="navbar" style="padding-top:10px;display:flex;align-items:center">
<li><a class="nav-item" href="#"><img class="logo" src="static/img/whack-logos/WHACK2020Logo.svg" alt="Logo"></a></li>
<li><a class="nav-item" href="#section-about">About</a></li>
<li><a class="nav-item" href="#section-join" style="display: none">Join Us</a></li>
<li><a class="nav-item" href="#section-keynote" style="display: none">Keynote</a></li>
<li><a class="nav-item" href="#section-prizes" style="display: none">Prizes</a></li>
<li><a class="nav-item" href="#section-faq">FAQ</a></li>
<li><a class="nav-item" href="#section-team-bios">Team</a></li>
<li><a class="nav-item" href="#section-sponsors">Past Sponsors</a></li>
<li><a class="nav-item" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf">Code of Conduct</a></li>
</ul>
<a id="mlh-trust-badge" style="display:block;max-width:100px;min-width:60px;position:fixed;right:50px;top:0;width:10%;z-index:10000" href="https://mlh.io/seasons/na-2020/events?utm_source=na-hackathon&utm_medium=TrustBadge&utm_campaign=2020-season&utm_content=white" target="_blank"><img src="https://s3.amazonaws.com/logged-assets/trust-badge/2020/mlh-trust-badge-2020-white.svg" alt="Major League Hacking 2020 Hackathon Season" style="width:100%"></a>
<div class="hero-body">
<div style="margin-top: 100px; margin-bottom: 100px;" class="container big-logo">
<img src="static/img/whack-logos/WHACK_title.png" alt="WHACK" class="splash-title">
<h2 class="splash-subtitle">November 6-7, 2021 @ Wellesley College</h2>
<h2 class="splash-subtitle" id="sub-button"><a href="https://docs.google.com/forms/d/e/1FAIpQLSd78g2rK6808WZ6uFrYp9ESR1jxnawsvXe-N1FkQQtg2eouig/viewform?usp=sf_link" style="color: black; top: 30px;" class="button is-outlined apply-now">Subscribe for Updates!</a></h2>
</div>
</div>
<img src="static/img/graph.png" alt="graph" class="graph" style="margin-top: -280px;">
</section>
<!-- countdown -->
<!-- <section class="hero" id="section-countdown">
<div class="countdown_container">
<h2 id="head">STARTING IN:</h2>
<ul>
<li><span id="days"></span>days</li>
<li><span id="hours"></span>Hours</li>
<li><span id="minutes"></span>Minutes</li>
<li><span id="seconds"></span>Seconds</li>
</ul>
</div>
</section> -->
<!-- about -->
<section class="hero" id="section-about">
<div class="hero-body">
<div class="container">
<div class="row">
<h2 id="dynamic" class="orange" style="font-weight:bold;margin-bottom:100px;padding-left:200px;">At WHACK, you can have fun, be creative, build, break, learn, and ask questions in a space that celebrates diversity.</h2>
<div class="col-4 at-whack"></div>
<div class="col-8" style="word-spacing: -1px;">
<p class="text-medium gunmetal have-fun">At the eighth iteration of WHACK, the Wellesley College hackathon, over 300 students from colleges throughout the U.S. Northeast will come together for 36 hours to turn their ideas into reality.</p>
<p id="section-about-middle-section" class="orange text-medium have-fun" style="font-weight:bold;">Whether you’re a seasoned developer or designer, or just starting out as a beginner, there’s something at WHACK for you.</p>
<p class="text-medium gunmetal have-fun">You’ll enjoy a weekend of awesome tech, food, swag, workshops, and mini-events while learning from distinguished speakers, inspiring mentors, and peers. We consider WHACK a success if you make new connections and gain skills that will stay with you long after WHACK is over.</p>
</div>
</div>
</div>
</div>
</section>
<!-- join us -->
<section class="hero gradient-background" id="section-join" style="display: none">
<img src="static/img/graph.png" id="upside-down" alt="graph" class="graph upside-down">
<div class="hero-body" style="padding-left:0px;padding-right:0px;margin-left:0px;margin-right:0px;padding-top:0px;padding-bottom:0px;">
<div class="container join-us" style="margin-top:-300px;margin-left:auto;margin-right:auto">
<div class="tile is-ancestor join-title">
<div class="tile is-parent">
<article class="tile is-child box">
<p class="title gold" style="text-align: center; padding-bottom: 0px; margin-bottom: 0px">Join us!</p>
</article>
</div>
</div>
<div class="tile is-ancestor join-box">
<div class="tile is-parent">
<article class="tile is-child box">
<br>
<p>
<a href="https://wellesleyhacks.us16.list-manage.com/track/click?u=4c53985ccfc770a6332f9e87a&id=c4a9c846dc&e=9bf0463f41"
class="button is-outlined apply-now" target="_blank"
style="width:150px;display:block;font-size:1.5rem;padding-bottom:0px;height:40px;padding-top:0px;">Slack</a>
</p>
<p class="white join-info">Channels on transportation, team formation, and announcements. Slack will be our main method of communication throughout the weekend.</p>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child box">
<br>
<p>
<a href="https://wellesleyhacks.us16.list-manage.com/track/click?u=4c53985ccfc770a6332f9e87a&id=308b5fdfcb&e=9bf0463f41"
class="button is-outlined apply-now" target="_blank"
style="width:150px;display:block;font-size:1.5rem;padding-bottom:0px;height:40px;padding-top:0px;">Devpost</a>
</p>
<p class="white join-info">This is where you will submit your final projects. A Devpost support member will be available through Slack when submissions start rolling in.</p>
</article>
</div>
<div class="tile is-parent">
<article class="tile is-child box">
<br>
<p>
<a href="https://crowdforge.io/hackathons/WHACK"
class="button is-outlined apply-now" target="_blank"
style="width:180px;display:block;font-size:1.5rem;padding-bottom:0px;height:40px;padding-top:0px;">Crowdforge</a>
</p>
<p class="white join-info">Find a hackathon team here according to your skills, interests, and goals. Still looking for an interesting team? Create your own!</p>
</article>
</div>
</div>
</div>
</section>
<!-- schedule -->
<section class="hero-body" id="section-schedule" style="display: none">
<div class="container">
<div class="schedule-day">
<article class="tile is-child box">
<p class="title white">Schedule</p>
<p class="schedule-subheader white">WHACK will be held <a class="alumnae white" target="_blank" href="">virtually.</a></p>
<div id="toggles">
<!-- <button type="button" class="day-toggle button is-outlined" id="friday-toggle">Friday</button> -->
<button type="button" class="day-toggle button is-outlined" id="saturday-toggle">Saturday</button>
<button type="button" class="day-toggle button is-outlined" id="sunday-toggle">Sunday</button>
</div>
</article>
</div>
<div class="schedule-day">
<div id="friday">
<article class="tile is-child box">
<div class="columns">
<div class="column is-4 schedule-time">5:00 - 6:30 PM</div>
<div class="column schedule-description">Registration
<p class="schedule-subtext">check in @ Alumnae Hall</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">6:00 - 7:00 PM</div>
<div class="column schedule-description">Dinner
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">7:00 PM - 8:00 PM</div>
<div class="column schedule-description">Opening Ceremony
<p class="schedule-subtext">keynote from TeLisa Daughtry</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">8:00 PM</div>
<div class="column schedule-description">Hacking Begins
<p class="schedule-subtext">ready, set, hack!</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">8:30 - 9:00 PM</div>
<div class="column schedule-description">Team Building Activities
<p class="schedule-subtext">bring ideas & find team members!</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">9:00 - 10:00 PM</div>
<div class="column schedule-description">Workshop: Introduction to AR/VR
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">introduction to AR/VR and how 3d models are used at Wayfair</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">10:00 - 11:00 PM</div>
<div class="column schedule-description">Workshop: Serverless computing using Lambda/AWS
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">Why will serverless computing would change how we develop our application?</p>
<p class="schedule-subtext">Skill Level: Intermediate</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">12:00 - 1:00 AM</div>
<div class="column schedule-description">Midnight Snack
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
</article>
</div>
<div id="saturday">
<article class="tile is-child box">
<div class="columns">
<div class="column is-4 schedule-time">7:00 - 10:00 AM</div>
<div class="column schedule-description">Breakfast
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">9:00 - 10:00 AM</div>
<div class="column schedule-description">Workshop: Introduction to Unity Engine and building games
<p class="schedule-subtext">Location: Lulu 415</p>
<p class="schedule-subtext">Introduction to Unity Engine and building games</p>
<p class="schedule-subtext">Skill Level: Intermediate</p>
<p class="schedule-subtext">What You Need: Knowledge of Unity, C# is a plus</p>
</div>
</div>
<hr>
<div class="columns"><!--New 9 AM aaaaaaaaa-->
<div class="column is-4 schedule-time">9:00 - 10:00 AM</div>
<div class="column schedule-description">Fireside Chat: Fidelity’s Technical Internships and Leap Program
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">Come learn about the multitude of technical opportunities at Fidelity Investments! We will be sharing with you all the details about our company,
our technology internship program and our entry level technology training and development program called Leap! You will hear from a technical recruiter who manages the technology
roles in New England and understand if this could be the right opportunity for you! </p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">10:00 - 11:00 AM</div>
<div class="column schedule-description">Fireside Chat: Giving Feedback as a Woman in Tech
<p class="schedule-subtext">Location: Lulu 305</p>
<p class="schedule-subtext">Let's discuss the challenges of giving and receiving feedback, how to use feedback to create change, and how to keep feedback from furthering the negative perception of an assertive woman's voice in the workplace.</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">10:00 - 11:00 AM</div>
<div class="column schedule-description">Fireside Chat: Getting onboarded - How to sell yourself to coworkers/management
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">Even employees in technical roles will have to handle an ensemble of interpersonal relationships. We'll chat on 10 or so tips to cultivate a mindset that is productive, strategic, and most importantly genuine.</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns"><!--new workshop aaaaaaaaa-->
<div class="column is-4 schedule-time">10:00 - 11:00 AM</div>
<div class="column schedule-description">Workshop: Breaking the Code: Resume Writing for Success
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">During this workshop we will have a University Talent Agent from Fidelity Investments break down the do’s and don’ts for resume writing and interviewing.</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
<p class="schedule-subtext">What You'll Need: laptop or notebook for taking notes, pen for making edits should you want to make edits as we go on your hardcopy resume; may bring resume for editing/review with workshop leader 1 on 1</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">11:00 AM - 12:00 PM</div>
<div class="column schedule-description">Workshop: How To Quickly Put Up Your Personal or Buisness Static Website
<p class="schedule-subtext">Location: Lulu 415</p>
<p class="schedule-subtext">Build your personal or professional website with bootstrap, node, and surge.</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
<p class="schedule-subtext">What You''ll Need: Good text editor (rec. Atom or Sublime) and install npm. If you would like to set up a custom domain, buy it in advance. Recommended to have basic experience with HTML and CSS but not required.</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">11:00 AM - 12:00 PM</div>
<div class="column schedule-description">Workshop: Introducing the Google Cloud Platform
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">Introducing the Google Cloud Platform</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">12:00 - 2:00 PM</div>
<div class="column schedule-description">Lunch
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">1:00 - 2:00 PM</div>
<div class="column schedule-description">Workshop: Deep Learning: Beginners Intro
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">Interested in joining the field of deep learning? This workshop will guide you through tutorials that will get your hands on the keyboard, giving you the jump start you need! Both Danyal and Will are recent grads and have jobs in the field of machine learning. They also pursue personal projects such as building artificial intelligence diagnostic tools for the medical field, i.e. cancer diagnostic tools. Rapid prototyping with python and keras in this workshop on open source datasets.</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
<p class="schedule-subtext">What You'll Need: Laptop with python 3 or higher (not 3.7) and corresponding version of keras, basic Python skills</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">1:00 - 2:00 PM</div>
<div class="column schedule-description">Fireside Chat: An Introduction to Digital Asset, Blockchain, and our Summer Internship Program
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">You've probably heard the buzz about blockchain and you may be wondering what's the difference between blockchain and bitcoin? What type of problems is blockchain looking to solve? What kind of people work on blockchain technology? Come meet the team from Digital Asset (DA) to get answers to these questions and learn all about distributed ledger technology (DLT), our company, and how to get involved! </p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">1:00 - 2:00 PM</div>
<div class="column schedule-description">Workshop: Get Your Head in the Cloud: Nutanix Tech Talk
<p class="schedule-subtext">Location: Lulu 415</p>
<p class="schedule-subtext">This will be an overview of what our teams are doing at Nutanix and how you can get involved!</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
<hr>
</div>
<div class="columns">
<div class="column is-4 schedule-time">2:00 - 3:00 PM</div>
<div class="column schedule-description">Workshop: Modeling value on the blockchain with Digital Asset
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">Have a great idea for a solution to a problem you think could be solved by blockchain? Come learn how to code using the Digital Asset Modeling Language (DAML) with Digital Asset (DA). DAML is a succinct, uniquely powerful contract modeling language built specifically for distributed ledgers that unambiguously codifies complex, real-life agreements. </p>
<p class="schedule-subtext">Skill Level: Intermediate</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">2:00 - 3:00 PM</div>
<div class="column schedule-description">Fireside Chat: The Art of Pitching
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">sharing best practices and storytelling tips for making great pitches</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns"><!--New one-->
<div class="column is-4 schedule-time">2:00 - 3:00 PM</div>
<div class="column schedule-description">Workshop: Build Alexa Skills with AWS
<p class="schedule-subtext">Location: Lulu 415</p>
<p class="schedule-subtext">In this workshop, you will create your first Alexa skill using Alexa cookie book source code. It also covered reference implementation of an Alexa skill and how to test your skills.</p>
<p class="schedule-subtext">Skill Level: Beginner/Intermediate</p>
<p class="schedule-subtext">What You'll Need: Laptop and Knowledge of basic Node.js</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">3:00 - 4:00 PM</div>
<div class="column schedule-description">Fireside Chat: PANEL: Get Your Head in the Cloud: Life at Nutanix
<p class="schedule-subtext">Location: Lulu 413</p>
<p class="schedule-subtext">This will be an overview of what our teams are doing at Nutanix and how you can get involved! </p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">3:00 - 4:00 PM</div>
<div class="column schedule-description">Workshop: 3D Web Graphics with Three.js
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">This workshop will provide a basic introduction to creating 3D graphics for a website. Websites typically use WebGL to allow the browser to leverage the user's on-board graphics processor for displaying graphics. WebGL is fairly low level, so we will focus on using the Javascript Library Three.js which provides a high level interface for many common 3D graphics features such as meshes, shaders, scenes, lighting, animation, etc. implemented in WebGL. In the workshop, we will implement a 3D scene of a planet in orbit of the sun in space. The skill learned from this workshop should allow you to use the Three.js library to create a variety of different scenes.</p>
<p class="schedule-subtext">Skill Level: Intermediate</p>
<p class="schedule-subtext">What You'll Need: Laptop (preferably linux) with python and a modern web browser (i.e. not Internet Explorer)</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">4:00 - 5:00 PM</div>
<div class="column schedule-description">Workshop: Build Your Own Business As Illustrated in Boba
<p class="schedule-subtext">Location: Lulu 305</p>
<p class="schedule-subtext">Build Your Own Business As Illustrated in Boba</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">4:00 - 5:00 PM</div>
<div class="column schedule-description">Workshop: Neural Networks for Noobs
<p class="schedule-subtext">Location: Lulu 415</p>
<p class="schedule-subtext">Neural Networks for Noobs</p>
<p class="schedule-subtext">What You'll Need: Python and pip.</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">4:00 - 5:00 PM</div>
<div class="column schedule-description">Fireside Chat: Being an engineer at a security company
<p class="schedule-subtext">Location: Lulu 210</p>
<p class="schedule-subtext">Insights on the interview process, performance reviews, and life at a security company</p>
<p class="schedule-subtext">Skill Level: Beginner</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">6:30 - 8:00 PM</div>
<div class="column schedule-description">Dinner
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">7:30 - 8:00 PM</div>
<div class="column schedule-description">MLH Cup Stacking in Alumnae Auditorium
<p class="schedule-subtext">Take a break and have some fun with cupstacking!</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">10:00 PM - 4:00 AM</div>
<div class="column schedule-description">Gamer's Guild Viewing and Gaming Sessions
<p class="schedule-subtext">Viewing party for Overwatch and League as well as some fun casual console gaming sessions</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">12:00 - 1:00 AM</div>
<div class="column schedule-description">Midnight Snack
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
</article>
</div>
<div id="sunday">
<article class="tile is-child box">
<div class="columns">
<div class="column is-4 schedule-time">8:00 AM</div>
<div class="column schedule-description">Hacking Ends
<p class="schedule-subtext">submit to Devpost!</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">8:00 - 10:00 AM</div>
<div class="column schedule-description">Breakfast
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">9:30 - 11:00 AM</div>
<div class="column schedule-description">Project Expo
<p class="schedule-subtext">science fair style</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">12:00 - 2:00 PM</div>
<div class="column schedule-description">Lunch
<p class="schedule-subtext">mingle and eat</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">1:00 - 2:30 PM</div>
<div class="column schedule-description">Closing Ceremony
<p class="schedule-subtext">prizes & awards</p>
</div>
</div>
<hr>
<div class="columns">
<div class="column is-4 schedule-time">2:30 PM</div>
<div class="column schedule-description">Buses Depart
<p class="schedule-subtext">goodbye!</p>
</div>
</div>
</article>
</div>
</div>
</div>
</section>
<!-- end section: schedule -->
<!-- begin section: keynote -->
<section class="hero" id="section-keynote" style="display: none">
<div class="hero-body">
<div class="container keynote-box">
<p class="title white" style="width:auto;word-spacing:0px;">Keynote Speaker</p>
<h3 class="white" style="width:auto;">TeLisa Daughtry</h3>
<br>
<img src="./static/img/profiles/telisa.jpg" class="img-circle keynote-element keynote-picture">
<div class="keynote-element telisa-bio">
<p>TeLisa Daughtry is an Award-winning diversity & technology advocate; Serial Social Entrepreneur; angel investor; advisor; and author of 'Learn, Lead, Launch: a <a href="http://www.flytechnista.com">FlyTechnista's</a> guide to Tech FLY & Hustle FLY'; a developer and technologist of 20 years; and Blockchain enthusiast. </p>
<br>
<p>She is passionate about creativity, technology, and entrepreneurship; and empowering women, youth, and people-of-color--in these spaces. In 2017, TeLisa was an honoree and recipient of an ACT4 Award; a Finalist for Code/Interactive 'Diversity in Tech Awards'; recognized on the SE100 most inspiring Social Innovations and Social Entrepreneurs around the world; named ‘Top 50 Visionary Women in Tech to Watch in 2017’ by Innov8tiv Magazine; and has been recognized as a ‘Changemaker’ by the United State of Women in 2016. She is a 2017 Ariane de Rothschild, Fellow; an alumni of Y-Combinator Startup School.</p>
<br>
<p>As an international speaker--she has spoken at the United Nations General Assembly, SXSW Edu, Google Women Techmakers; as well as several conferences, corporate, institutions, and community events; and has been featured on television, radio, and in publications such as Entrepreneur, Fox News, Black Enterprise, Cheddar TV, CNN, CBS Radio, Salon, Good Day New York, WeRule, Bustle, BOLD, and SWAAY. This FLYTechnista doesn't wear glass slippers, she "roundhouse-kicks GLASS CEILINGS"</p>
</div>
</div>
</div>
</section>
<!-- end section: keynote -->
<!-- begin section: prizes
<section class="hero" id="section-prizes" style="display: none">
<div class="hero-body">
<div class="container" style="text-align: center;">
<p class="title yellow">Prize Categories</p>
<h3 class="white" style="width:auto;">WHACK</h3>
<p>Best WHACK HACK (Sponsored by Fidelity)</p>
<p>Best Beginner </p>
<p>Crowd Favorite</p>
<br>
<h3 class="white" style="width:auto;">MINI EVENTS</h3>
<p>Gamer's Guild Prize</p>
<p>Workshop Beast Team</p>
<br>
<h3 class="white" style="width:auto;">SPONSORS</h3>
<p>MassCEC Best Clean Transportation Hack</p>
<p>Wayfair Best Use of 3D API</p>
<p>Kensho Case Study Challenge</p>
<p>Coding It Forward Social Impact Challenge</p>
<p>Best Used of OneDB</p>
<br>
<a href="https://hack.mlh.io/prizes/"><h3 class="white" style="width:auto;">MLH</h3></a>
<p>Best Use of <a href="http://hackp.ac/authorize-net">Authorize.net</a></p>
<p><a href="http://hackp.ac/snapkit">Snap Kit Weekly Challenge</a></p>
<p>Best Chat Bot using <a href="http://hackp.ac/cisco">Botkit & Cisco Webex Teams</a></p>
<p>Best use of <a href="http://hackp.ac/gcp">Google Cloud Platform</a></p>
<p>Best use of <a href="http://hackp.ac/algolia">Algolia API</a></p>
<p>Best Domain Registered with <a href="http://hackp.ac/domain">Domain.com</a></p>
<p>Best use of <a href="http://hackp.ac/here-com">HERE.com</a></p>
<p>Best <a href="https://hardware.mlh.io/">IoT Hack</a> using a Qualcomm Device</p>
<p>Best use of <a href="http://hackp.ac/clarifai">Clarifai's API</a></p>
<p>Best Social Good Hack</p>
</div>
</div>
</section>
<!-- end section: prizes -->
<!-- FAQ -->
<section class="hero gradient-background" id="section-faq">
<div class="hero-body" style="margin-bottom:-100px">
<div class="container" style="padding: 50px 0">
<article class="tile is-child box">
<p class="title gold">FAQ</p>
</article>
<div class="faq-questions">
<article class="tile is-child is-6 box">
<ul class="text-large">
<li>What is a hackathon?
<p>It’s a grand gathering of people to make their ideas come to life. Think out of the box, try new technologies, ask questions, make mistakes, discover a new language, and have fun! We will be following Major League Hacking's <a target="_blank" href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf" alt="code of conduct">Code of Conduct.</a> Check out their video explaining what a hackathon is <a target="_blank" href="https://www.youtube.com/watch?v=qj4DQfYx2Hg" alt="What is a hackathon?">here</a>.</p>
</li>
<li>What if I have no experience with coding or hackathons?
<p>Don’t sweat it! We’ve purposefully designed WHACK to offer an encouraging and supportive environment. At WHACK, you’ll quickly learn from our workshops and army of mentors, as well as your team members and other students.</p>
</li>
<li>When is the deadline to apply?
<p>The deadline to apply is the midnight of October 13, 2018, and decisions will be sent out in the following weeks.</p>
</li>
<li>Who can attend? Is this event only for women?
<p>We welcome any undergraduate college student 18+ to participate in WHACK. It’s important to keep in mind that we are looking to create a welcoming and empowering space for women and other underrepresented identities in tech. If you have any questions about this, please contact us!</p>
</li>
<li>How will mentorship work?
<p>We believe that mentorship is essential to an effective learning experience. You will have access to wonderful mentors throughout the entire event who will help guide you and help you troubleshoot, including industry professionals, Wellesley College alums, faculty, and experienced hackers.</p>
</li>
<li>How will teams work?
<p>Each team may have between 2-4 people. You and your friend may apply as a team, but everyone must submit individual applications. Members of teams who apply together will all receive the same acceptance decision.<br><br>We’ll also be facilitating team-formation activities before and during the event to help you find teams. Although you’re welcome to hack on your own, only teams are eligible to win prizes.</p>
</li>
</ul>
</article>
<article class="tile is-child is-6 box">
<ul class="text-large">
<li>How will hackers be accepted?
<p>All hackers are welcome to come once registered for the event.
</p>
</li>
<li>What will I eat?
<p>Trust us, you won’t be hungry at WHACK! We’ll provide Friday night dinner, all meals on Saturday, and Sunday breakfast & lunch. We’ll also have a snack table, food surprises, and coffee throughout the hackathon. We work hard to accommodate all dietary restrictions and make healthy options available.</p>
</li>
<li>Where will I sleep?
<p>We will provide quiet sleeping areas at night, equipped with blankets and pillows. Bringing your own sleeping bag and eye mask is encouraged!</p>
</li>
<li>Will there be showers?
<p>Yes!! Showers will be available throughout the event, courtesy of the Wellesley Keohane Sports Center. However, hackers are required to bring their own towels.</p>
</li>
<li>What should I bring to the hackathon?
<p>Please bring your student ID (and government ID highly encouraged), laptop, and chargers. We also recommend that you bring some warm clothing, a blanket, towel, toiletries, and anything else you might need in order to spend the night. </p>
</li>
<li>What if I can only come for part of the weekend?
<p>If you have a special circumstance, please stipulate it on your application. WHACK is ultimately a resource for you to learn, connect with others, and meet mentors in industry, so you'll get more out of it if you can stay for the whole event.</p>
</li>
<li>Who do I contact with other questions?
<p>Shoot us a message at <a href="mailto:hello@wellesleyhacks.org?subject=Questions%20about%20WHACK!"> hello@wellesleyhacks.org</a> or tweet at us <a href="https://twitter.com/wellesleyhack">@wellesleyhack</a> and we’ll get right back to you!</p>
</li>
</ul>
</article>
</div>
</div>
</div>
<img src="static/img/graph.png" alt="graph" class="graph" id ="graph" style="margin-top: -100px;">
</section>
<!--end section: faq -->
<!--begin section: meet the team -->
<section class="hero" id="section-team-bios">
<div class="hero-body">
<div class="container" style="text-align: center;">
<p class="title gold" style="width:auto;">Meet the team!</p>
<p class="text-medium black introducing" style="width:66%;margin-right:auto;margin-left:auto;word-spacing:-1px;margin-bottom:50px;">Introducing the 2019 WHACK organizing team. We’re all incredibly excited for you to join us and enjoy the amazing events we have lined up for you!</p>
<ul id="rig">
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/jessica_li.jpg" width="600" height="600">
<span class="rig-overlay" width="600" height="600" ></span>
<span class="rig-text" width="600" height="600" ><b>Jessica Li</b><br> Co-Director <br>2021<br> Major(s): Computer Science & Physics <br> Pronouns: She/Her/Hers</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/avery_kim.jpg" width="600" height="600">
<span class="rig-overlay" width="600" height="600"></span>
<span class="rig-text" width="600" height="600"><b>Avery Kim</b><br> Co-Director <br>2022<br> Major(s): Computer Science <br> Pronouns: She/Her/Hers</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text" width="600" height="600"><b>Esther Choe</b><br> Logistics/Sponsorship <br>202?</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text" width="600" height="600"><b>Joy Li</b><br> Logistics/Sponsorship <br> 202?</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/maddie_moon.jpeg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Maddie Moon</b><br> Logistics (Sponsorship) <br> 2023 <br> Major(s): Undeclared <br> Pronouns: She/Her/Hers</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/nina_sachdev.jpg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Nina Sachdev</b><br> Logistics (Sponsorship) <br> 2021 <br> Major(s): Computer Science <br> Pronouns: She/Her/Hers </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/rachel_navarrette.jpg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Rachel Navarrette</b><br> Co-Web Developer Lead <br> 2021 <br> Major(s): Computer Science <br> Pronouns: She/Her/Hers </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/peggy_wang.jpg">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Peggy Wang</b><br> Co-Web Developer Lead <br> 2021 <br> Major(s): Data Science <br> Pronouns: She/Her/Hers </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Wabil Asjad</b><br> Web Developer <br> 2022 <br> Major(s): Computer Science </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Amy Fung</b><br> Web Developer <br> 2023</span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/julie_lely_jpg.JPG">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Julie Lely</b><br> Marketing/Design Lead <br> 2023 <br> </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Abigail Chen</b><br> Designer <br> 2022 <br> Major(s): Computer Science </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/katie_toye.jpg" width="600" height="600">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Katie Toye</b><br> Marketing/Outreach <br> 2021 <br> Major(s): Architecture <br> Pronouns: She/Her/Hers </span>
</div>
</li>
<li>
<div class="rig-cell" href="#">
<img class="rig-img" src="./static/img/profiles/placeholder.jpg">
<span class="rig-overlay"></span>
<span class="rig-text"><b>Angela Wang</b><br> Marketing/Design <br> 202? </span>
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- end section: meet the team-->
<!-- sponsors and partners -->
<section class="hero" id="section-sponsors" style="text-align:center">
<div class="hero-body">
<div class="container">
<br>
<p class="title orange" id='section7-title'>Past Sponsors</p>
<p class="text-medium gold">Want to sponsor for our 2020 hackathon? Contact us at <a class="gold" href="mailto:sponsors@wellesleyhacks.org">sponsors@wellesleyhacks.org</a> to learn more.</p>
<div class="sponsor-logos"> <!--add new sponsors-->
<a target="_blank" href="https://www.fidelity.com/"><div><img src="static/img/sponsor-logos/PLATINUM-FidelityInvestments.png" alt="Fidelity" class="platinum__sponsor" style="width:65%"></div></a>
<a target="_blank" href="http://www.wayfair.com"><div class="sponsor"><img src="static/img/sponsor-logos/GOLD-Wayfair.png" alt="Wayfair" class="gold__sponsor" style="width:45%"></div></a>
<a target="_blank" href="http://www.masscec.com"><div class="sponsor"><img src="static/img/sponsor-logos/GOLD-MassCEC.png" alt="MassCEC" class="gold__sponsor" style="width:45%"></div></a>
<a target="_blank" href="http://www.kensho.com"><div class="sponsor"><img src="static/img/sponsor-logos/SILVER-Kensho.png" alt="Kensho" class="silver__sponsor" style="width:15%"></div></a>
<a target="_blank" href="http://www.twosigma.com"><div class="sponsor"><img src="static/img/sponsor-logos/SILVER-TwoSigma.png" alt="Two Sigma" class="silver__sponsor" style="width:15%"></div></a>
<a target="_blank" href="http://www.amazon.com"><div class="sponsor"><img src="static/img/sponsor-logos/SILVER-Amazon.png" alt="Amazon" class="silver__sponsor" style="width:45%"></div></a>
<a target="_blank" href="http://www.nutanix.com"><div class="sponsor"><img src="static/img/sponsor-logos/SILVER-Nutanix.png" alt="Nutanix" class="silver__sponsor" style="width:45%"></div></a>
<a target="_blank" href="http://www.digitalasset.com"><div class="sponsor"><img src="static/img/sponsor-logos/SILVER-DigitalAsset.png" alt="Digital Asset" class="silver__sponsor" style="width:45%"></div></a>
<a target="_blank" href="http://www.google.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-Google.png" alt="Google" class="bronze__sponsor" style="width:25%"></div></a>
<a target="_blank" href="https://www.predictivetechnologies.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-APT.png" alt="APT" class="bronze__sponsor" style="width:25%"></div></a>
<a target="_blank" href="https://www.sophos.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-Sophos.png" alt="Sophos" class="bronze__sponsor" style="width:25%"></div></a>
<a target="_blank" href="https://www.putnam.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-PutnamInvestments.png" alt="Putnam Investments" class="bronze__sponsor" style="width:25%"></div></a>
<a target="_blank" href="https://www.tripadvisor.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-TripAdvisor.png" alt="TripAdvisor" class="aqua__sponsor" style="width:15%"></div></a>
<a target="_blank" href="https://www.bbh.com"><div class="sponsor"><img src="static/img/sponsor-logos/BRONZE-BrownBrothersHarriman.png" alt="Brown Brothers Harriman" class="aqua__sponsor" style="width:15%"></div></a>
</div>
<br><br>
<p class="title yellow" id='section7-title'>Partners</p>
<p class="yellow">We are a student-run event organized with the support of the Wellesley Computer Science Club.</p>
<div class="sponsor-logos">
<a target="_blank" href="http://www.facebook.com/Wellesley-CS-Club-856871510992038"><img src="static/img/partner-logos/cs-club.png" alt="Computer Science Club" class="partner" style="height:200px;padding:30px;"></a>
<a target="_blank" href="http://mlh.io/"><img src="static/img/partner-logos/mlh-logo.png" alt="MLH" class="partner" style="height: 100px;"></a>
<a target="_blank" href="http://hackp.ac/mlh-stickermule-hackathons"><img src="static/img/partner-logos/sticker-mule-logo-light-stacked.png" alt="Sticker Mule" class="partner" style="height: 200px;"></a>
</div>
</div>
</div>
</section>
<!-- test -->
<!-- footer -->
<footer class="footer">
<div class="container">
<div class="content has-text-centered made-by">
<div class="social-icons">
<a target="_blank" class="social__icon" href="https://www.facebook.com/wellesleyhack/"><img src="static/img/social-icons/facebook.png" alt="WHACK Facebook" class="facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a target="_blank" class="social__icon" href="https://www.instagram.com/wellesleyhack/"><img src="static/img/social-icons/instagram.png" alt="WHACK Instagram" class="instagram"><i class="fa fa-instagram" aria-hidden="true"></i></a>
<a target="_blank" class="social__icon" href="https://twitter.com/wellesleyhack"><img src="static/img/social-icons/twitter.png" alt="WHACK Twitter" class="twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a>
</div>
<div>
<div>MADE WITH LOVE BY THE 2020 WHACK COMMITTEE</div>
</div>
</div>
</div>
</footer>
<!-- scripts -->
<script src="static/js/jquery.js"> </script>
<script src="static/js/collapsible.js"> </script>
<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.typeit/4.4.0/typeit.min.js"></script>
<script src="static/js/index.js"> </script>
<script src="static/js/responsive.js"> </script>
<script src="static/js/bootstrap.min.js"> </script>
<script src="static/js/countdown.js"> </script>
<script>
$("#dynamic").typeIt({
strings:'WHACK is a celebration of diverse identities in tech.',
speed:50,
autoStart:false,
lifeLike: true
})
</script>
</body>
</html>