Repository navigation
Expand file tree
/
Copy pathhackathon5.html
More file actions
1774 lines (1705 loc) · 68.4 KB
/
Copy pathhackathon5.html
File metadata and controls
1774 lines (1705 loc) · 68.4 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
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="" />
<meta name="author" content="" />
<title>Superposition</title>
<link
href="vendor/fontawesome-free/css/all.min.css"
rel="stylesheet"
type="text/css"
/>
<link
href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic' rel='stylesheet"
type="text/css"
/>
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet" />
<link rel="stylesheet" href="css/old.css" />
<link href="css/creative.min.css" rel="stylesheet" />
<link
rel="icon"
href="https://cdn.glitch.com/f23b8598-8c75-4b1a-83f7-6d57abc0ee65%2FYO.png?v=1569987120655"
/>
<link
href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" />
<link
rel="stylesheet"
href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css"
integrity="sha512-xodZBNTC5n17Xt2atTPuE1HxjVMSvLVW9ocqUKLsCC5CXdbqCmblAshOMAS6/keqq/sMZMZ19scR4PsZChSR7A=="
crossorigin=""
/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
<script
src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"
integrity="sha512-XQoYMqMTK8LvdxXYG3nZ448hOEQiglfqkJs1NOQV44cWnUrBc8PkAOcXy20w0vlaXaVUearIOBhiXZ5V3ynxwA=="
crossorigin=""
></script>
<script src="script.js"></script>
</head>
<body onload="myFunction1000()" id="page-top">
<div id="loader">
<center>
<img
src="https://cdn.glitch.com/696a54c7-e493-465b-b503-c49262ef99ac%2FYO.png?v=1578731939570"
class="rotate"
width="150"
height="150"
/>
</center>
</div>
<div class="animate-bottom" id="everything" style="display: none">
<a name="top"></a>
<nav
class="navbar navbar-expand-lg navbar-light fixed-top py-3"
id="mainNav"
>
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="/"><img src="https://cdn.glitch.global/531a4046-e239-4378-b2aa-51d9953afd98/SPLOGO.png?v=1649567750718" height="45" class="d-inline-block align-top" style=""></a>
<button
class="navbar-toggler navbar-toggler-right"
type="button"
data-toggle="collapse"
data-target="#navbarResponsive"
aria-controls="navbarResponsive"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
data-toggle="dropdown"
>
ABOUT
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="story.html">OUR STORY</a>
<a class="dropdown-item" href="team.html">TEAM</a>
<a class="dropdown-item" href="photos.html">PHOTOS</a>
</div>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
data-toggle="dropdown"
>
PROGRAMS
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="chapters.html">CHAPTERS</a>
<a class="dropdown-item" href="hackathon6.html">HACKATHON</a>
<!-- <a class="dropdown-item" href="hackathon.html">HACKATHON</a> -->
<a class="dropdown-item" href="conference.html">CONFERENCE</a>
<a class="dropdown-item" href="workshops.html">WORKSHOPS</a>
</div>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href="#"
data-toggle="dropdown"
>
SUPPORT US
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="sponsors.html">SPONSORS</a>
<a class="dropdown-item" href="partners.html">PARTNERS</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
<!-- MASTHEAD -->
<header class="masthead8" id="headerwork">
<div class="container h-100">
<div
class="row h-100 align-items-center justify-content-center text-center"
>
<div class="col-lg-10 align-self-end">
<h1 class="text-lowercase text-white">superposition v</h1>
</div>
<div class="col-lg-8 align-self-baseline">
<h3 class="text-white-75 font-weight-light mb-5" id="locationsub">
Virtual | April 9 - 11, 2021
</h3>
<!--
<button
class="button"
onclick="location.href='https://www.eventbrite.com/e/superposition-v-hackathon-tickets-141635424367?aff=SPWebsite'"
id="attendeebutton"
>
REGISTRATION
</button>
<button
class="button"
onclick="location.href='https://bit.ly/sp5_volapp'"
id="volunteerbutton"
>
VOLUNTEERS
</button>
<button
class="button"
onclick="location.href='https://bit.ly/sp5_aa'"
id="ambassadorbutton"
>
AMBASSADORS
</button>
-->
</div>
</div>
</div>
</header>
<!-- COUNTER OF IMPACT -->
<center>
<section id="#about">
<div id="pinkbg">
<div class="row4">
<center>
<div class="column4">
<h2 id="value4" class="expectitles2">5</h2>
<p class="expectsubtitles2">Hackathons</p>
</div>
<div class="column4">
<h2 id="value5" class="expectitles2">77</h2>
<p class="expectsubtitles2">Projects Submitted</p>
</div>
<div class="column4">
<h2 id="value6" class="expectitles2">220</h2>
<p class="expectsubtitles2">Attendees</p>
</div>
</center>
</div>
</div>
</section>
</center>
<!-- ABOUT -->
<center>
<section id="aboutpading">
<div class="container">
<div class="row">
<div class="column col-12 col-md-6 col-lg-6">
<p style="text-align: left">
Superposition V is the
<b class="emphasis"
>Bay Area's largest all-women and non-binary hackathon</b
>. Transitioning to a virtual format, we hosted 520 hackers from
47 countries and 35 US states!
</p>
<!--
Our hackathon is
<b class="emphasis">free</b> to attend, and wi-fi, food, swag, and
workspaces will be provided. Bring
<b class="emphasis">your passion</b> for computer science and
we'll take care of the rest! It's the
<b class="emphasis">perfect opportunity</b> for anyone to take
their next step forward in tech. -->
<p style="text-align: left">
This year's theme was
<b class="emphasis">#BreakingBoundaries</b>. Building empathy.
Bridging social divides. Shattering the glass ceiling for women
in tech.
</p>
<p style="text-align: left">
Superposition started in October 2016 as a hackathon, but we
didn't want to stop there. After Superposition IV, we launched
our expansion to
<b class="emphasis"
><a href="chapters.html">chapters</a>,
<a href="workshops.html">virtual events</a></b
>, and <b class="emphasis">mentorship programs</b>. Now, we made
our hackathon bigger and better than ever!
</p>
<br />
<right
><button
align="left"
class="button"
id="buttonmobile2"
onclick="location.href = 'https://superposition-v.devpost.com/'"
>
SPV DEVPOST
</button></right
>
</div>
<div class="column col-12 col-md-6 col-lg-6">
<img
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FLRG_ALP01372.jpg?v=1614883442399"
class="panel-img"
/>
</div>
</div>
</div>
</section>
</center>
<!-- OPPORTUNITIES -->
<!--
<center>
<section
id="conference-opportunities"
class="d-flex flex-column align-items-center pb-5 pt-0 px-5"
>
<p class="sectionheader" id="opportunities">OPPORTUNITIES</p>
<div class="row">
<div class="col-md-4 align-self-center">
<h3 class="subheader text-center gradient-text">
Register for Superposition V
</h3>
<a
class="button-cta d-block"
href="https://www.eventbrite.com/e/superposition-v-hackathon-tickets-141635424367"
target="_blank"
>REGISTER</a
>
</div>
<div class="col-md-8">
<p align="left">
Whether you're a beginner coder or seasoned hackathon veteran,
Superposition V has something for you! We'll offer introductory
workshops cover Python, web development, and more, as well as
networking opportunities for you to meet future friends,
colleagues & co-founders. Register today! You won't regret it.
</p>
</div>
</div>
<div class="row">
<div class="col-md-4 text-center align-self-center">
<h3 class="subheader text-center gradient-text">
Become an Ambassador
</h3>
<a
class="button-cta d-block"
href="https://bit.ly/sp5_ainfo"
target="_blank"
>PROGRAM INFO</a
>
<a
class="button-cta d-block"
href="https://bit.ly/sp5_aa"
target="_blank"
>APPLY</a
>
</div>
<div class="col-md-8">
<p align="left">
Become a Superposition V ambassador and introduce women into
technology! We offer two Ambassador Tracks: Internship &
Fellowship. Both interns and fellows have access to exclusive
leadership workshops, earn Presidential Volunteer Service Award
hours, compete for gift cards, and more.
</p>
</div>
</div>
<hr />
</section>
</center>
-->
<!-- SCHEDULE -->
<center>
<section id="spv-schedule">
<p class="sectionheader">SCHEDULE</p>
<!-- EASTER EGG <img class="easter-eggs" src="https://cdn.glitch.com/f5253044-bb43-4e40-8b8c-e3cbd2e154c7%2FSally%20Ride.png?v=1617952112457"/> -->
<iframe
class="airtable-embed"
src="https://airtable.com/embed/shroLADgf3uHtBPz4?backgroundColor=cyan&layout=card"
frameborder="0"
onmousewheel=""
width="80%"
height="533"
style="background: transparent; border: 1px solid #ccc"
></iframe>
</section>
</center>
<!-- PRIZES -->
<center>
<section id="spv-prizes">
<p class="sectionheader">PRIZES</p>
<p>
View all prize categories on our
<a
href="https://superposition-v.devpost.com/"
style="color: #a3acff; font-weight: 300px"
>Devpost</a
>.
</p>
<img
class="hackathon-prizes"
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FSP5%20Prizes.png?v=1626910467373"
/>
<!--
<div id="prizes-display">
<div id="first-place" class="prize-card">
<h3>
First Place
</h3>
<img class="prize-image" src="https://i.ibb.co/3zX9Vw2/Ipads-prev-ui.png"/>
<p>
Ipads (10.2 in) or $250 Gift Card
</p>
</div>
<div id="second-place" class="prize-card">
<h3>
Second Place
</h3>
<img class="prize-image" src="https://i.ibb.co/rb2Pr62/Logitech-Boom-3-Speaker-prev-ui.png"/>
<p>
Logitech Boom 3 Speaker, Logitech MK825 Keyboard
</p>
</div>
<div id="third-place" class="prize-card">
<h3>
Third Place
</h3>
<img class="prize-image" src="https://i.ibb.co/SfydzVt/Instax-Polaroid-Cameras-prev-ui.png"/>
<p>
Instax Polaroid Cameras
</p>
</div>
<div id="best-beginner" class="prize-card">
<h3>
Best Beginner Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/tpjJmSK/Google-Home-Mini-prev-ui.png"/>
<p>
Google Home Mini
</p>
</div>
<div id="best-solo-hack" class="prize-card">
<h3>
Best Solo Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/nDf5c6j/Hyper-X-Alloy-Elite-Cherry-MX-Blue-RGB-Mechanical-Gaming-Keyboard-prev-ui.png"/>
<p>
HyperX Alloy Elite – Cherry MX Blue RGB Mechanical Gaming Keyboard
</p>
</div>
<div id="best-duo-hack" class="prize-card">
<h3>
Best Duo Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/x7tXqQm/Hyper-X-Solid-State-Drives-prev-ui.png"/>
<p>
HyperX Solid State Drives
</p>
</div>
<div id="best-web-app" class="prize-card">
<h3>
Best Web App
</h3>
<img class="prize-image" src="https://i.ibb.co/0sJLBh8/ZAGG-Grey-Powerstations-prev-ui.png"/>
<p>
ZAGG Grey Powerstations
</p>
</div>
<div id="best-mobile-app" class="prize-card">
<h3>
Best Mobile App
</h3>
<img class="prize-image" src="https://i.ibb.co/cLWtyXk/Hyper-Cloud-Silver-Gaming-Headset-prev-ui.png"/>
<p>
Hyper Cloud Silver Gaming Headset
</p>
</div>
<div id="best-game" class="prize-card">
<h3>
Best Game
</h3>
<img class="prize-image" src="https://i.ibb.co/s6mq3C8/Hyper-X-Alloy-FPS-Cherry-MX-Blue-Mechanical-Gaming-Keyboard-prev-ui.png"/>
<p>
HyperX Alloy FPS – Cherry MX Blue Mechanical Gaming Keyboard
</p>
</div>
<div id="best-environmental" class="prize-card">
<h3>
Best Environmental Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/5cfWgT1/Hydroflask-prev-ui.png"/>
<p>
Hydroflask or $25 Gift Card
</p>
</div>
<div id="best-female-empowerment" class="prize-card">
<h3>
Best Female Empowerment Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/GCVtMHy/ZAGG-BRV-S-Portable-Speakers-prev-ui.png"/>
<p>
ZAGG BRV-S Portable Speakers
</p>
</div>
<div id="best-edtech" class="prize-card">
<h3>
Best EdTech Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/JvfKLDH/ZAGG-Wireless-Pro-Earbuds-prev-ui.png"/>
<p>
ZAGG Wireless Pro Earbuds
</p>
</div>
<div id="best-inclusivity" class="prize-card">
<h3>
Best Inclusivity Hack
</h3>
<img class="prize-image" src="https://i.ibb.co/j4vLvt4/Wireless-Charging-Pads-prev-ui.png"/>
<p>
Wireless Charging Pads
</p>
</div>
<div id="best-pitch" class="prize-card">
<h3>
Best Pitch
</h3>
<img class="prize-image" src="https://i.ibb.co/7jdjrbR/ZAGG-Wireless-Headsets-prev-ui.png"/>
<p>
ZAGG Wireless Headsets
</p>
</div>
<div id="best-design" class="prize-card">
<h3>
Best Design
</h3>
<img class="prize-image" src="https://i.ibb.co/Rgh0K7t/Logitech-C270i-Webcam-prev-ui.png"/>
<p>
Logitech C270i Webcam
</p>
</div>
<div id="most-creative" class="prize-card">
<h3>
Most Creative
</h3>
<p>
Kingston Prizes
</p>
</div>
</div>-->
</section>
</center>
<!--TESTIMONIALS-->
<center>
<section id="testimonials">
<div class="testimonials">
<center>
<!-- EASTER EGG <img class="easter-eggs" src="https://cdn.glitch.com/f5253044-bb43-4e40-8b8c-e3cbd2e154c7%2FShafi%20Goldwasser.png?v=1617952114586"/> -->
<p class="sectionheader">TESTIMONIALS</p>
</center>
<center>
<div class="container">
<div class="card-deck">
<div class="card my-3" id="myBtn">
<img
src="https://cdn.glitch.com/530d92f6-375b-4a27-915c-2ea2fbce1d73%2FLRG_ALP01373.jpg?v=1604785565278"
class="card-img-top"
id="size"
/>
<div class="card-body">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
LEESEL FRASER
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
City University of New York '22
</h6>
<br />
<p class="card-text" align="left">
"My most important takeaway from Superposition IV was
that there are many others out there, even miles away,
that are willing to support me and I do not have to get
through the tech industry alone or without support from
my peers, mentors, or even the professionals at
companies. I now see that there are so many creative
women that are not only in the same place as me, but
that have come before me and have done tremendous things
and I see myself being that mentor for the next
generation."
</p>
</div>
</div>
<div id="myModal" class="modal">
<div class="modal-content2">
<span class="close">×</span>
<div class="rowmodal">
<div class="columnmodal leftmodal">
<img
src="https://cdn.glitch.com/530d92f6-375b-4a27-915c-2ea2fbce1d73%2FLRG_ALP01373.jpg?v=1604785565278"
class="card-img-top"
id="sizemodal"
/>
</div>
<div class="columnmodal rightmodal">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
LEESEL FRASER
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
City University of New York '22
</h6>
<br />
<p class="modalquotes" align="left">
"My most important takeaway from Superposition IV
was that there are many others out there, even miles
away, that are willing to support me and I do not
have to get through the tech industry alone or
without support from my peers, mentors, or even the
professionals at companies. I now see that there are
so many creative women that are not only in the same
place as me, but that have come before me and have
done tremendous things and I see myself being that
mentor for the next generation."
</p>
</div>
</div>
</div>
</div>
<div class="card my-3" id="myBtn2">
<img
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FIMG_1849.jpg?v=1614883310105"
class="card-img-top"
/>
<div class="card-body">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
MEGAN JACOB
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
First-Time Hacker
</h6>
<br />
<p class="card-text" align="left">
"I have always been reluctant to pursue computer science
due to the male dominance. However, after seeing this
gathering of women I felt inspired, knowing that there
were other women who also shared my passions. Seeing
this community and being able to connect with these
other girls has made pursuing tech possible."
</p>
</div>
</div>
<div id="myModal2" class="modal2">
<div class="modal-content2">
<span class="close2">×</span>
<div class="rowmodal">
<div class="columnmodal leftmodal">
<img
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FIMG_1849.jpg?v=1614883310105"
class="card-img-top"
/>
<!--id="sizemodal"-->
</div>
<div class="columnmodal rightmodal">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
MEGAN JACOB
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
First-Time Hacker
</h6>
<br />
<p class="card-text" align="left">
"I have always been reluctant to pursue computer
science due to the male dominance. However, after
seeing this gathering of women I felt inspired,
knowing that there were other women who also shared
my passions. Seeing this community and being able to
connect with these other girls has made pursuing
tech possible."
</p>
</div>
</div>
</div>
</div>
<div class="card my-3" id="myBtn3">
<img
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FIMG_1780.jpg?v=1614883378623"
class="card-img-top"
/>
<div class="card-body">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
HANNAH GONZALES
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
University of Pennsylvania SEAS '23
</h6>
<br />
<p class="card-text" align="left">
"Superposition IV empowered me by creating a safe space
where I thought my ideas were valued. I t allowed me to
explore more about my passions and meet other young,
talented, and intelligent women. When the guest speakers
talked about their personal experiences it felt
relatable, and I felt more powerful and ready for what’s
next in my career.
</p>
</div>
</div>
<div id="myModal3" class="modal3">
<div class="modal-content3">
<span class="close3">×</span>
<div class="rowmodal">
<div class="columnmodal leftmodal">
<img
src="https://cdn.glitch.com/531a4046-e239-4378-b2aa-51d9953afd98%2FIMG_1780.jpg?v=1614883378623"
class="card-img-top"
/>
<!--id="sizemodal"-->
</div>
<div class="columnmodal rightmodal">
<h5
class="card-title"
style="font-family: 'Nanum Gothic', sans-serif"
>
HANNAH GONZALES
</h5>
<h6 style="font-family: 'Nanum Gothic', sans-serif">
University of Pennsylvania SEAS '23
</h6>
<br />
<p class="card-text" align="left">
"Superposition IV empowered me by creating a safe
space where I thought my ideas were valued. I t
allowed me to explore more about my passions and
meet other young, talented, and intelligent women.
When the guest speakers talked about their personal
experiences it felt relatable, and I felt more
powerful and ready for what’s next in my career."
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</center>
</div>
</section>
</center>
<!-- HACKATHONS -->
<!--
<center>
<section id="prevhackathons">
<div class="prevhackathons">
<center>
<p class="sectionheader">
HACKATHONS
</p>
</center>
<br /><br />
<center>
<div id="prevhackathoncontainer">
<div class="prevhackathoncard">
<h3>
<strong>Superposition V</strong>
</h3>
<div
class="hackathon-block"
style="background-image: url(https://i.ibb.co/mXXfQS6/Superposition-V-Audience.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;"
></div>
<div class="hackathonstats">
<p>
<br />Registrations: 1100 <br />Attendees: 520
<br />Organizers: 37 <br />First-Time Hackers: 59%
<br />First-Time Coders: 41%
</p>
<p>
<br />Projects: 62 <br />Sponsors: 13 <br />45 countries,
35 states <br />Location: Virtual <br /><a
class="link"
href="https://superposition-v.devpost.com/"
target="_blank"
>Devpost</a
>
</p>
</div>
</div>
<div class="prevhackathoncard">
<h3>
<strong>Superposition IV</strong>
</h3>
<div
class="hackathon-block"
style="background-image: url(https://i.ibb.co/3f3V7m0/Superposition-IV.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;"
></div>
<div class="hackathonstats">
<p>
<br />Registrations: <br />Organizers: <br />First-Time
Hackers: 77% <br />First-Time Coders: 35% <br />8 states,
2 countries
</p>
<p>
<br />Prizes: <br />Projects: <br />Sponsors:
<br />Location: <br /><a
class="link"
href="https://superposition-iv.devpost.com/"
target="_blank"
>Devpost</a
>
</p>
</div>
</div>
<!--
<div class="prevhackathoncard">
<h3>
<strong>Superposition III</strong>
</h3>
<div class="hackathon-block" style="background-image: url(https://i.ibb.co/hf3KC9Z/Superposition-III.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;">
</div>
<div class="hackathonstats">
<p>
<br>Registrations:
<br>Organizers:
<br>First-Time Hackers:
<br>First-Time Coders:
<br>Prizes:
<br>Projects:
<br>Sponsors:
<br>Location:
<br><a class="link" href="" target="_blank">Devpost</a>
</p>
</div>
</div>
<div class="prevhackathoncard">
<h3>
<strong>Superposition II</strong>
</h3>
<div class="hackathon-block" style="background-image: url(https://i.ibb.co/YBjzzQc/Superposition-II.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;">
</div>
<div class="hackathonstats">
<p>
<br>Registrations:
<br>Organizers:
<br>First-Time Hackers:
<br>First-Time Coders:
<br>Prizes:
<br>Projects:
<br>Sponsors:
<br>Location:
<br><a class="link" href="" target="_blank">Devpost</a>
</p>
</div>
</div>
<div class="prevhackathoncard">
<h3>
<strong>Superposition I</strong>
</h3>
<div class="hackathon-block" style="background-image: url(https://i.ibb.co/k9WhZTh/Superposition-I.jpg); background-size: cover; background-repeat: no-repeat; background-position: center;">
</div>
<div class="hackathonstats">
<p>
<br>Registrations:
<br>Organizers:
<br>First-Time Hackers:
<br>First-Time Coders:
<br>Prizes:
<br>Projects:
<br>Sponsors:
<br>Location:
<br><a class="link" href="" target="_blank">Devpost</a>
</p>
</div>
</div>
</div>
</center>
</div>
</section>
</center>-->
<!-- FAQS -->
<section>
<div class="faqcolors">
<center>
<p class="sectionheader" id="faqs">FAQS</p>
</center>
<center>
<div class="faqs">
<div class="row">
<div class="column">
<button class="accordion">WHAT'S A HACKATHON?</button>
<div class="panel">
<p align="left" class="faqstext">
Hackathons are competitive coding events where teams have
limited time to develop a solution to a real-world problem
using technology. In teams of 4, students will work
together to build a project and pitch their solution to a
panel of judges for the chance to win awesome prizes.
Overall, hackathons are here to provide a supportive
environment with free food, mentors, and awesome
activities to help you learn and succeed!
</p>
</div>
<button class="accordion">HOW MUCH DO I HAVE TO PAY?</button>
<div class="panel">
<p align="left" class="faqstext">
This event is absolutely free to attend. Get ready for
free swag, food, and lots of fun!
</p>
</div>
<!-- <button class="accordion">WHAT SHOULD I BRING?</button>
<div class="panel">
<p align="left" class="faqstext">
A valid ID (like a school ID), signed and completed waivers, a laptop, charger(s),
sleeping bag/pillow (optional), toiletries, and layers—the venue may be chilly!
Our venue will be on lockdown throughout the night and we will have security.
Attendees are recommended to stay overnight! If you are unable to stay overnight,
please contact a Superposition organizer to make special arrangements.
You must be signed out by a parent.
</p>
</div> -->
<button class="accordion">WHO CAN ATTEND?</button>
<div class="panel">
<p align="left" class="faqstext">
This year, we're opening Superposition V to hackathon
enthusiasts worldwide! We only accept female-identifying
and non-binary students in high school and college as
attendees. However, we encourage people of all identities
to support Superposition as a
<a href="https://bit.ly/sp5_volapp">
mentor, workshop leader, judge, speaker
</a>
or <a href="https://bit.ly/sp5_aa">ambassador</a>!
</p>
</div>
<button class="accordion">HOW DO I SIGN UP?</button>
<div class="panel">
<p align="left" class="faqstext">
Register
<a
href="https://www.eventbrite.com/e/superposition-v-hackathon-tickets-141635424367"
>here</a
>
by April 9th! It'll take less than five minutes.
</p>
</div>
<button class="accordion">HOW DO I FORM A TEAM?</button>
<div class="panel">
<p align="left" class="faqstext">
We encourage people to work in teams of up to four.
Additionally, there will be icebreakers in the beginning
to help you find a team! You are not required to sumbit a
hack, but there will be workshops and mentors on-hand to
help you.
</p>
</div>
<!-- <button class="accordion">
DO YOU OFFER TRAVEL REIMBURSEMENTS?
</button>
<div class="panel">
<p align="left" class="faqstext">
Yes! We have separate travel reimbursement programs for high school and college students. Find more info
<a href="bit.ly/sp4_grant"> here. </a>
</p>
</div> -->
</div>
<div class="column">
<button class="accordion">
DO YOU HAVE A CODE OF CONDUCT?
</button>
<div class="panel">
<p align="left" class="faqstext">
Yes, we do! To ensure that Superposition V is welcoming,
all attendees, mentors, and volunteers are required to
abide by our
<a href="https://bit.ly/sp5_code"> code of conduct</a>.
</p>
</div>
<button class="accordion">HOW CAN I HELP?</button>
<div class="panel">
<p align="left" class="faqstext">
Thank you for your interest in supporting Superposition!
We're currently looking for more mentors, judges, workshop
leaders, and Women in Tech panelists, which you can apply
for <a href="https://bit.ly/sp5_volapp">here</a>. In
addition, we're always looking for monetary and in-kind
sponsors! Feel free to view our Sponsorship Prospectus
<a
href="https://drive.google.com/file/d/1u1erhxRFezMPYaKMdL8hYSwe_ZUxi_RW/view"
>here</a
>
and email mingxin@superposition.tech with any sponsorship
inquiries.
</p>
</div>
<button class="accordion">DO I NEED PRIOR EXPERIENCE?</button>
<div class="panel">
<p align="left" class="faqstext">
You need absolutely no prior experience to attend this
hackathon. In fact, 77% of Superposition IV attendees had
never attended a hackathon, and 35% had never programmed.
We'll have plenty of workshops and mentors to help you
out!
</p>
</div>
<button class="accordion">
CAN I CONTINUE A PREVIOUS PROJECT?
</button>
<div class="panel">
<p align="left" class="faqstext">
To ensure fairness, we want all participants to start a
project from scratch once they form a team at our event.