-
Notifications
You must be signed in to change notification settings - Fork 9
/
Copy pathindex.html
1405 lines (1336 loc) · 91.1 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
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>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>TeenHacks LI</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico" />
<!-- CSS -->
<!--<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" crossorigin="anonymous">-->
<link rel="stylesheet" href="styles-temp.css">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="font-awesome-animation.min.css">
<!-- Plugin CSS
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
-->
<!--Fonts-->
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-122569860-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-122569860-1');
/*Nav Stuff*/
$(document).ready(function() {
// Transition effect for navbar
$(window).scroll(function() {
// checks if window is scrolled more than 500px, adds/removes solid class
if ($(this).scrollTop() > 500) {
$('.navbar').addClass('solid');
} else {
$('.navbar').removeClass('solid');
}
});
});
</script>
</head>
<body id="page-top">
<!-- Navigation -->
<!--TO-DO: FIX NAVBAR STUFF-->
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top" style="font-family:Raleway"><img id="navlogo" src="img/HSquare.png"> TeenHacks LI</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" style="margin-right:110px;top:0;">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#header">Home</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#apply">Apply</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#schedule">Schedule</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#FAQ">FAQ</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#sponsors">Sponsors</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#blog">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#team">Team</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#news">News</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#archive">Archives</a>
</li> -->
</ul>
</div>
</div>
</nav>
<section id="header">
<div id="bg-img"></div>
<div class="cloud-wrapper">
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control .d-none" style="z-index:-1 !important"></div>
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control2 .d-none" style="z-index:-1 !important"></div>
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control3 .d-none" style="z-index:-1 !important"></div>
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control4 .d-none" style="z-index:-1 !important"></div>
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control5 .d-none" style="z-index:-1 !important"></div>
<div class="fa fa-20x fa-cloud mb-3 sr-icons cloud-control6 .d-none" style="z-index:-1 !important"></div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center mb-3">
<br>
<br>
<img src="img/REALBERINE.png" class="faa-float animated" id="bernie">
<br>
<br>
<h1 style="font-family: 'Raleway';" class="title">
<strong> TeenHacks LI </strong>
</h1>
<hr class="lightHR">
<h2><i> Long Island's Premier High School Hackathon </i></h2>
<h2>January 11<sup>th</sup> 2025, from 8AM to 8PM</h2>
<h2>Adelphi University @ Ruth S. Harley University Center</h2>
<!--<h2>June 26 <sup>th</sup> to 27<sup>th</sup> 2021</h2>-->
<br>
<a href="#apply" class="btn btn-info btn-lg text-white" style="text-shadow:none; letter-spacing: 1px; background-color: #EC3F3F; "><b>Register Now!</b></a>
<h4><i></i></h4>
<br>
</div>
</div>
</div>
</section>
<!--<section id="" class="bg-grey">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">Triathlon</h2>
<hr class="blueHR">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-desktop mb-3 sr-icons fa-4x " style="color: #EC3F3F"></i>
<h4 class="mb-3">What is Learn-A-Thon?</h4>
<p class="text-muted mb-0">It's a full day of virtual workshops and AMAs on coding, STEM, internships, college applications, and more! As a participant, you're able to pick which workshops to attend. </p>
</div>
</div>
<div class="col-lg-3 col-md-3 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-code mb-3 sr-icons" style="color: #EC3F3F"></i>
<h4 class="mb-3">What is Build-A-Thon?</h4>
<p class="text-muted mb-0">Much like the classic Hackathon! It's a full day of hacking and learning. No experience is needed! During the Build-A-Thon, you can pick which workshops to attend.</p>
</div>
</div>
<div class="col-lg-3 col-md-3 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-users mb-3 sr-icons" style="color: #EC3F3F"></i>
<h4 class="mb-3">What is Share-A-Thon?</h4>
<p class="text-muted mb-0">Share and demo your creations with the rest of the community! Prizes are included</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-headphones mb-3 sr-icons" style="color: #EC3F3F"></i>
<h4 class="mb-3">Do I need to attend every event?</h4>
<p class="text-muted mb-0"> Although we encourage you to attend our amazing workshops, we understand how difficult it is to sit at a screen the entire day so feel free to come in and out as you please!</p>
</div>
</div>
</section>-->
<section class="bg-primary" id="about" style="z-index:-2 !important;">
<div class="container">
<div class="row mb-3">
<div class="col-lg-10 mx-auto text-center">
<h2 class="section-heading text-white">About Us</h2>
<hr class="lightHR my-4">
<p class="text-faded mb-3">Calling all programmers, designers, makers and leaders! TeenHacks LI is Long Island’s premier high school hackathon, by students, for students. Take part in group collaboration, interesting workshops, sweet prizes, and more. Get ready to meet new people and have an amazing time. Join our community as we build the future!</p>
<p class="text-faded mb-3">Founded by Jeffrey Yu and Wesley Pergament in 2018, we bring together the brightest students across the northeast to engage in “collaborative coding.” We hope to build a hacker community here on Long Island, with an emphasis placed on innovation and entrepreneurship.</p>
<!--<p class="text-faded mb-4">Due to these unprecedented times, we will be hosting a virtual hackathon event! Everyone is welcome! To learn more about our virtual triathlon look below.</p> -->
</div>
<div class="col-lg-8 text-center mx-auto mb-3">
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-3x fa-envelope text-white faa-wrench animated-hover"></i></a>
<a href="https://www.facebook.com/teenhacksli/" target="_blank"><i class="fab fa-3x fa-facebook text-white faa-wrench animated-hover"></i></a>
<a href="https://m.youtube.com/channel/UCsdTTcwX8b1tChu8gj7t2ow" target="_blank"><i class="fab fa-3x fa-youtube text-white faa-wrench animated-hover"></i></a>
<a href="https://www.instagram.com/teenhacksli/" target="_blank"><i class="fab fa-3x fa-instagram text-white faa-wrench animated-hover"></i></a>
<a href="https://www.twitter.com/teenhacksli/" target="_blank"><i class="fab fa-3x fa-twitter text-white faa-wrench animated-hover"></i></a>
<a href="https://github.com/TeenHacksLI" target="_blank"><i class="fab fa-3x fa-github text-white faa-wrench animated-hover"></i></a>
<a href="https://discord.gg/ReNNNBZAt7" target="_blank"><i class="fab fa-3x fa-discord text-white faa-wrench animated-hover"></i></a>
</div>
</div>
<div class="row">
<div class="col-lg-2"></div>
<div class="col-lg-8 mx-auto text-center">
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> -->
<li data-target="#carouselExampleIndicators" data-slide-to="1" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="5"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="6"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="7"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="8"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="9"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="10"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="11"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="12"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="13"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="14"></li>
</ol>
<div class="carousel-inner border border-light" style="border-width:3px !important;">
<!-- <div class="carousel-item active">
<img class="d-block w-100" src="img/teampic2020.jpg" alt="Slide 1">
</div> -->
<div class="carousel-item active">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(1).JPG" alt="Slide 2">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(2).JPG" alt="Slide 3">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(3).JPG" alt="Slide 4">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(4).JPG" alt="Slide 5">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(5).JPG" alt="Slide 6">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(6).JPG" alt="Slide 7">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(19).JPG" alt="Slide 8">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(8).JPG" alt="Slide 9">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(9).JPG" alt="Slide 10">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(10).JPG" alt="Slide 11">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(11).JPG" alt="Slide 12">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(12).JPG" alt="Slide 13">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(13).JPG" alt="Slide 14">
</div>
<div class="carousel-item">
<img loading="lazy" class="d-block w-100" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/f19/f19(14).JPG" alt="Slide 15">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="col-lg-2"></div>
</div>
<!--<a class="btn btn-light btn-xl js-scroll-trigger mb-4" href="#services">Get Started!</a>-->
</div>
</section>
<!--<section id="old" class="bg-danger">
<div class="container">
<div class="row">
<div class="col-1g-10 mx-auto text-white">
<p class="text-left font-italic ">
<br>
<br>
Applications Are Open!
</p>
</div>
</div>
</div>
</section> -->
<!-- Applying-->
<section class="bg-dark text-white" id="apply">
<div class="container text-center">
<h2 class="section-heading">Applying</h2>
<p>Sign up for TeenHacksLI's 2025 Hackathon hosted at <b> Adelphi University on Saturday, January 11th, 2025 from 8 AM to 8 PM! </b> Registration closes on <b> January 10th, 2025!</b> If you have questions regarding the application or deadlines, please email [email protected].</p>
<!-- <p>Early: September 14th</p>-->
<!-- <p>Regular: October 12th</p>-->
<!-- <p>Late: November 10th</p>-->
<!-- <hr class="lightHR">-->
<!-- <div class="row">-->
<!-- <div class="col mb-2">-->
<!-- </div>-->
<!-- </div>-->
<div class="row">
<div class="col mb-3">
<button type="button" class="btn btn-info btn-block dropdown-toggle" data-toggle="collapse" href="#participantinfo" role="button" aria-expanded="false" aria-controls="participantinfo"><b>APPLY AS A PARTICIPANT</b></button>
<div class="collapse" id="participantinfo">
<div class="card card-body text-dark">
<!-- <p> We aren't accepting Participants at the moment! </p>-->
<p>
High school students, you’ve found the right place! We’re excited you want to come to TeenHacks LI.
</p>
<a href="https://docs.google.com/forms/d/e/1FAIpQLSemtGCxYoa_oP5wSExm7--3NBmEkyRJY6dXVu-HBjnbQ0LRIw/viewform" target="_blank"><button type="button" class="btn btn-outline-info">Register Now!</button></a>
</div>
</div>
</div>
<div class="col mb-3">
<button type="button" class="btn btn-warning btn-block dropdown-toggle" data-toggle="collapse" href="#mentorinfo" role="button" aria-expanded="false" aria-controls="mentorinfo"><b>APPLY TO BE A MENTOR OR A JUDGE</b></button>
<div class="collapse" id="mentorinfo">
<div class="card card-body text-dark">
<p>
We aren't accepting Mentors at the moment!
<!-- We welcome undergrads, graduates, and tech professionals to attend as mentors! We’re looking for engineers, programmers, designers, and more to help guide our participants through their projects. Food will be provided during the event and you can stay for as long as you want. However, we do have limited space so please fill out this short application form.-->
</p>
<!-- <a href="https://forms.gle/Ccf81FX5LJ2h1rjaA" target="_blank"><button type="button" class="btn btn-outline-warning">RSVP Here!</button></a> -->
</div>
</div>
</div>
<div class="col mb-3">
<!-- Using previous CA application Card for Committee applications currently -->
<button type="button" class="btn btn-secondary btn-block dropdown-toggle" data-toggle="collapse" href="#ambassadorinfo" role="button" aria-expanded="false" aria-controls="ambassadorinfo"><b>APPLY AS A COMITTEE MEMBER</b></button>
<div class="collapse" id="ambassadorinfo">
<div class="card card-body text-dark">
<!-- <p>
Are you a high school student looking to get more involved with TeenHacks LI? Apply to join one of our committees! We offer positions in Programming, Finance, Logistics, Marketing, and Public Relations. As a committee member, you will work with your respective committee to plan and prepare for our upcoming Fall Hackathon. Gain experience and interact with talented peers to create the best hackathon for passionate hackers to gather and learn!
</p> -->
<p> We aren't accepting Committee members at the moment!</p>
<!-- <p>
Are you a high school student looking to get more involved with TeenHacks LI? Apply to join one of our committees! We offer positions in Programming, Finance, Logistics, Marketing, and Public Relations. As a committee member, you will work with your respective committee to plan and prepare for our upcoming Fall Hackathon. Gain experience and interact with talented peers to create the best hackathon for passionate hackers to gather and learn!
</p> -->
<!-- <p><b>Deadline: </b>August 16th, 2023 @ 11:59PM ET</p>
<a href="http://bit.ly/THLI_campus_ambassador" target="_blank"><button type="button" class="btn btn-outline-secondary">Apply now!</button></a> -->
</div>
</div>
</div>
</div>
<br>
<div style="width: 100%"><iframe width="100%" height="400" src="https://www.youtube.com/embed/kxjqzT-mPFQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div><br />
<br>
<br>
<p>
<!-- <a href="Call For Mentors.pdf" target="_blank"><button type="button" class="btn btn-outline-info">View Information About Becoming a Mentor/Judge!</button></a> -->
</p>
</div>
</section>
<!-- Schedule!!-->
<!--<section class="bg-light" id="schedule">
<div class="container">
<div class="row">
<div class="col-lg-10 mx-auto text-center">
</div>
<div class="col-12 mt-5 text-center">
<h2> Schedule </h2>
<h5> <i> *All times are in EST* </i></h5>
<hr class="blueHR my-4">
</div>
<div class="col-lg-4 mx-auto pt-2 pl-5 sch border-darkToPrimary">
<h4>Saturday, June 26th</h4>
<dl class="row">
<dt class="col-sm-3">8:00am</dt>
<dd class="col-sm-9">Opening Speeches</dd>
<dt class="col-sm-3">8:30am</dt>
<dd class="col-sm-9">Keynote Speeches</dd>
<dt class="col-sm-3">9:30am</dt>
<dd class="col-sm-9">Team Building</dd>
<dt class="col-sm-3">10:00am</dt>
<dd class="col-sm-9">VR Workshop from EchoAR</dd>
<dt class="col-sm-3">11:30am</dt>
<dd class="col-sm-9">Women in STEM</dd>
<dt class="col-sm-3">12:15pm</dt>
<dd class="col-sm-9">Lunch Break</dd>
<dt class="col-sm-3">2:00pm</dt>
<dd class="col-sm-9">Python Workshop</dd>
<dt class="col-sm-3">2:45pm</dt>
<dd class="col-sm-9">Kahoot</dd>
<dt class="col-sm-3">4:00pm</dt>
<dd class="col-sm-9">Electrical Engineering: How Devices and Sensors Communicate with I2C</dd>
<dt class="col-sm-3">6:00pm</dt>
<dd class="col-sm-9">Operationalise Your Chatbots with Zero-Coding with Flogo from Tibco </dd>
<dt class="col-sm-3">7:00pm</dt>
<dd class="col-sm-9">Video Game Tournament </dd>
<dt class="col-sm-3">8:30pm</dt>
<dd class="col-sm-9">Movie </dd>
</dl>
</div>
<div class="col-lg-4 mx-auto pt-2 pl-5 sch border-darkToPrimary">
<h4>Sunday, June 27th</h4>
<dl class="row">
<dt class="col-sm-3">12:00am</dt>
<dd class="col-sm-9">Midnight Karaoke</dd>
<dt class="col-sm-3">8:45am</dt>
<dd class="col-sm-9">Morning Workout with Michael</dd>
<dt class="col-sm-3">10:00am</dt>
<dd class="col-sm-9">Entrepreneurship Panel and Cryptocurrency Panel</dd>
<dt class="col-sm-3">11:00am</dt>
<dd class="col-sm-9">Jackbox</dd>
<dt class="col-sm-3">12:00pm</dt>
<dd class="col-sm-9">Machine Learning Panel</dd>
<dt class="col-sm-3">3:00pm</dt>
<dd class="col-sm-9">Final Deadline for Project Submission</dd>
<dt class="col-sm-3">3:30pm</dt>
<dd class="col-sm-9">Judging</dd>
<dt class="col-sm-3">5:30pm</dt>
<dd class="col-sm-9">Closing Statements and Prizes</dd>
</dl>
</div>
</div>
</div>
</div>
</section> -->
<section id="FAQ" class="bg-lighter">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h2 class="section-heading">FAQs</h2>
<hr class="blueHR">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-desktop text-info mb-3 sr-icons" style="color:##5FAFC9;"></i>
<h4 class="mb-3">What is a hackathon?</h4>
<p class="text-muted mb-0">It's a place where programmers, engineers, designers, and entrepreneurs come together to build an awesome project over several hours. We provide the venue and food, you bring the creativity. Get ready to learn, build something cool, and meet new
people. Check out this article by Dave Fontenot to learn more!
<a href="https://medium.com/hackathons-anonymous/wtf-is-a-hackathon-92668579601" target="_blank">What is a Hackathon?</a>
</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-code text-info mb-3 sr-icons"></i>
<h4 class="mb-3">What if I’m a beginner?</h4>
<p class="text-muted mb-0">Do not worry. TeenHacks LI encourages students of all levels to come! In addition, we will have workshops throughout the hackathon as well as mentors available to answer any of your questions.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-id-card text-info mb-3 sr-icons"></i>
<h4 class="mb-3">Who can attend?</h4>
<p class="text-muted mb-0">All <strong>high school students</strong> are welcome to attend. If you are older or younger and still want to participate as a hacker, shoot us an email. If you're older, we welcome you to sign-up as a mentor!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fas fa-4x fa-money-bill-alt text-info mb-3 sr-icons"></i>
<h4 class="mb-3">Does it cost anything?</h4>
<p class="text-muted mb-0">TeenHacks LI is <strong>completely free</strong>, thanks to our generous sponsors! This will include food, swag, and awesome prizes.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class=""></i>
<h4 class="mb-3"></h4>
<p class="text-muted mb-0"></p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-users text-info mb-3 sr-icons"></i>
<h4 class="mb-3">What if I don't have a team?</h4>
<p class="text-muted mb-0">In the beginning, we’ll have a team formation session to make sure you’re not alone. We encourage you to form teams of up to 4 members. Individuals will not be eligible for prizes.</p>
</div>
</div>
<!--
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-shopping-bag text-info mb-3 sr-icons"></i>
<h4 class="mb-3">What should I bring?</h4>
<p class="text-muted mb-0">You should bring your student ID, laptop, phone, chargers, sleeping bag, deoderant, toothbrush, as well as any hardware or materials you may need for your project. Nothing hazardous or illegal.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-bed text-info mb-3 sr-icons"></i>
<h4 class="mb-3">Where do I sleep?</h4>
<p class="text-muted mb-0">We encourage everyone to sleep for at least a portion of the night. You can bring a sleeping bag and pillow. We will have a secure quiet room for those who want some shut eye.</p>
</div>
</div>
-->
<div class="col-lg-3 col-md-6 text-left">
<div class="service-box mt-5 mx-auto">
<i class="fa fa-4x fa-question text-info mb-3 sr-icons"></i>
<h4 class="mb-3">Have other questions?</h4>
<p class="text-muted mb-1">Send us an email at <a href="mailto:[email protected]" target="_blank">[email protected]</a>.</p>
<!-- <p class="text-muted mb-0">In addition, all participants must abide by the <a href="http://mlh.io/code-of-conduct" target="_blank">MLH Code of Conduct</a>.</p> -->
</div>
</div>
</div>
</div>
</section>
<!-- <section class="bg-light" id="schedule">
<div class="container">
<div class="row">
<div class="col-12 mt-5 text-center">
<h4><strong>Schedule</strong></h4>
</div>
<div class="col-lg-6 mx-auto sch border-darkToPrimary">
<h4 class="text-center">Sunday, January 21st</h4>
<dl class="row">
<dt class="col-sm-3">8:15AM:</dt>
<dd class="col-sm-9">Check-in (Until 10AM)</dd>
<dt class="col-sm-3">8:45AM:</dt>
<dd class="col-sm-9">Opening Ceremony</dd>
<dt class="col-sm-3">9:00AM:</dt>
<dd class="col-sm-9">Hacking Starts</dd>
<dt class="col-sm-3">9:15AM</dt>
<dd class="col-sm-9">Intro to Hackathons Presentation (Main Hall)</dd>
<dt class="col-sm-3">9:30AM</dt>
<dd class="col-sm-9">Pygame Game Dev Workshop (Room 231)</dd>
<dt class="col-sm-3">9:30AM</dt>
<dd class="col-sm-9">Intro to Web Development (Room 232)</dd>
<dt class="col-sm-3">10:30AM</dt>
<dd class="col-sm-9">Intro to C++ (Room 231)</dd>
<dt class="col-sm-3">11:00AM</dt>
<dd class="col-sm-9">APIs 101 with Lillian Nose (Room 232)</dd>
<dt class="col-sm-3">11:30AM</dt>
<dd class="col-sm-9">Scaling Your Project Into A Startup (Room 231)</dd>
<dt class="col-sm-3">12:30PM</dt>
<dd class="col-sm-9">Tech Panel (Room 231)</dd>
<dt class="col-sm-3">12:30PM</dt>
<dd class="col-sm-9">Echo3D AR/VR Workshop (Room 232)</dd>
<dt class="col-sm-3">1:00PM</dt>
<dd class="col-sm-9">Lunch Time (Main Hall)</dd>
<dt class="col-sm-3">1:00PM</dt>
<dd class="col-sm-9">Fun Activites (ie. Kahoots, Blookets, etc.)</dd>
<dt class="col-sm-3">1:30PM</dt>
<dd class="col-sm-9">Graph Theroy Workshop (Room 231)</dd>
<dt class="col-sm-3">2:30PM</dt>
<dd class="col-sm-9">Intro to Machine Learning (Room 232)</dd>
<dt class="col-sm-3">3:30PM</dt>
<dd class="col-sm-9">SVM Machine Learning (Room 231)</dd>
<dt class="col-sm-3">4:30PM</dt>
<dd class="col-sm-9">Devpost Submission Help</dd>
<dt class="col-sm-3">5:00PM</dt>
<dd class="col-sm-9">End of Hacking</dd>
<dt class="col-sm-3">5:00PM</dt>
<dd class="col-sm-9">Project Showcase</dd>
<dt class="col-sm-3">6:00PM</dt>
<dd class="col-sm-9">End of Event</dd>
</dl>
</div>
</div>
</div>
</section> -->
<section class="bg-dark text-white" id="sponsors">
<div class="container text-center">
<h2>Sponsors & Partners</h2>
<hr class="lightHR my-4">
<div id="sponsorsList" class="container p-4 bg-white">
<h4 id="diamondSpon" class="sponTag"><b>Diamond</b></h4>
<hr class="diamondHR">
<div class="row">
<div class="col-lg-5 col-sm-6 m-6 m-auto text-center">
<a href="https://www.adelphi.edu/">
<img loading="lazy" src="img/sponsors/Adelphi.png" alt="" class="sponsor">
</a>
</div>
</div>
<br />
<!-- <h4 id="goldSpon" class="sponTag"><b>Gold</b></h4>
<hr class="goldHR">
<div class="row">
<div class="col-lg-4 col-sm-3 m-6 p-0 m-auto text-center">
<a href="https://empowerly.com" target="_blank">
<img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/empowerly.jpeg">
</a>
</div>
</div>
<br /> -->
<!-- <h4 id="silverSpon" class="sponTag"><b>Silver</b></h4>
<hr class="silverHR">
<div class="row"> -->
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<a href="https://www.postman.com/" target="_blank">
<img class="sponsor" src="img/sponsors/postman.png">
</a>
</div> -->
<!-- </div>
<br /> -->
<h4 id="bronzeSpon" class="sponTag"><b>Bronze</b></h4>
<hr class="bronzeHR">
<div class="sponsor-col">
<div class="">
<img class="sponsor" src="img/sponsors/eventgroove.webp">
</div>
<div class="col-lg-2 ">
<a href="https://www.adobe.com/express/">
<img class="sponsor" src="img/sponsors/AdobeExpress.jpg">
</a>
</div>
</div>
<h4 id="communitySpon" class="sponTag mt-4"><b>Community</b></h4>
<hr class="communityHR">
<div class="row">
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/1password.png">-->
<!-- </div>-->
<div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/desmos.webp">
</div>
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <a href="https://mule.to/p5jz" target="_blank">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/stickermule.avif">-->
<!-- </a>-->
<!-- </div>-->
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/echo3d.png">-->
<!-- </div>-->
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/taskade.jpeg">-->
<!-- </div>-->
<div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/AoPSLogo.png">
</div>
<div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<img loading="lazy" class="sponsor" src="img/sponsors/xyz.png">
</div>
<div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<img loading="lazy" class="sponsor" src="img/sponsors/codehs.png">
</div>
<div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">
<img loading="lazy" class="sponsor" src="img/sponsors/interview-cake.jpg">
</div>
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/axureLogo.png">-->
<!-- </div>-->
<!-- <div class="col-lg-2 col-sm-3 m-6 p-0 m-auto text-center">-->
<!-- <img loading="lazy" class="sponsor" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/img/sponsors/devtranet.png">-->
<!-- </div>-->
</div>
<br />
</div>
<div class="row mt-4">
<div class="col-lg-8 mx-auto text-center">
<br>
<h3>More Coming Soon!</h3>
<br>
<p>
If you're interested in partnering with us, send our sponsorship team an email at <a href="mailto: [email protected]" target="_blank">[email protected]</a>.
</p>
<!-- <a href="corp/press/Fall_2023_Sponsorship_Prospectus1.pdf" target="_blank"><button type="button" class="btn btn-outline-info">View sponsorship tiers!</button></a> -->
<div class="px-10">
<button type="button" class="btn btn-outline-info" data-toggle="modal" data-target="#sponsorProspectus">Sponsor Prospectus</button>
<div class="modal fade" id="sponsorProspectus" style="overflow: hidden;">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
</div>
<div class="modal-body">
<object data="corp/press/Fall_2023_Sponsorship_Prospectus1.pdf" width="100%" height="100%" style="height: 85vh;">No Support</object>
</div>
</div>
</div>
</div>
<a href="corp/index.html"><button class="btn btn-outline-info">Relevant Information</button></a>
</div>
</div>
</div>
</div>
</section>
<!--Beginning of the Blog -->
<section id="blog" class="bg-grey">
<div class="container blog">
<h2 class="blogtitle" style="text-align: center;">Blog Posts</h2>
<hr class="blueHR my-4">
<!-- Blog Content -->
<!-- <div class="column blogBox moreBox"style="display: ;" >
<div>
<img class = "bimg" src="blog/blogimage/" alt="">
<h2 class="btitle"> </h2>
<figcaption class = "bby"> By: </figcaption>
<figcaption class = "btext">
</figcaption>
<a href="blog/blog" class = "readmore btext" > Read More</a>
</div>
</div> -->
<div class="row">
<div class="column blogBox moreBox" style="display: ;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/20231128m.png" alt="" style="">
<h2 class="btitle"> Bracing for Takeoff With Flying Car </h2>
<figcaption class="bby"> By: Brian Lim</figcaption>
<figcaption class="btext"> Flying cars are finally coming! For decades, when asked to imagine the technology of the future, the stock answer has been flying cars. In the 1950s and ’60s, they represented the promise of a high-tech future, the inevitable outcome of relentless American ingenuity. For the generations that came after, they grew to represent something else — the failure of that future to manifest. </figcaption>
<a href="blog/blog20231128.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: ;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/20231121m.jpg" alt="" style="">
<h2 class="btitle"> Meet Grok: Elon Musk’s Latest Revelation </h2>
<figcaption class="bby"> By: Brian Lim</figcaption>
<figcaption class="btext"> Created by Musk’s new AI company, xAI, Grok is modeled on “The Hitchhiker’s Guide to the Galaxy.” It is supposed to have “a bit of wit,” “a rebellious streak,” and it should answer the “spicy questions” that other AI might dodge, according to a Saturday statement from xAI. According to Musk, the chatbot “loves sarcasm” and responds with “a little humor”, hoping that giving Grok more personality will allow it to stand out in an increasingly crowded market. </figcaption>
<a href="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blog20231121.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: ;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2023926m.png" alt="" style="">
<h2 class="btitle"> The Best Kind of Rock to Live Under </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> For over 125 years, the United States had not witnessed a hurricane as devastating as Idalia. Yet, as the world continues to industrialize, we feel the effects of climate change through such disasters. Without the urgency to enforce climate-aware guidelines or curb consumerism’s expansion, the human race has sought other ways to mitigate the effects of emerging climate backlash. </figcaption>
<a href="blog/blog2023926.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 2 -->
<div class="row ">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2023919m.jpg" alt="" style="">
<h2 class="btitle"> The Evolution of Telecommunication: 1st to 6th Generations </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> “Concrete city” is a phrase attributed to many communities around the United States that share high-tech infrastructure, bustling workdays, and eccentric nightlife. However, as society progressed and cellular network towers emerged, critics began to view these structures as disruptions to the city's aesthetic harmony. On the Pacific coast, this challenge was met with a unique perspective – an endeavor to blend nature with technology, resulting in the creation of "fauxliage," a playful moniker for the innovative tree-like communication beacons. </figcaption>
<a href="blog/blog2023919.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2023822m.jpg" alt="" style="">
<h2 class="btitle"> Is it a bird? Is it a plane? No! It’s the Chandrayaan-3! </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> Since April of this year, India’s population has skyrocketed, surpassing China's with a count of 1.4 billion people. As the population stabilizes, the need to innovate better services like education, food, and—especially—technology becomes paramount. In this rapidly-developing country’s journey towards an advanced future, it's taking a step that many of its developed predecessors have made—exploring the Moon </figcaption>
<a href="blog/blog2023822.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2023815m.jpg" alt="" style="">
<h2 class="btitle"> Once in a Blue Moon Event: Two Major Supermoons in August! </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> August is a special month for sky-gazers and fellow lunatics alike! This month will bookend itself with two remarkable lunar events. On the morning of August 1st, the world witnessed the Sturgeon Moon, a lunar phenomenon rich with cultural significance. Wrapping up the month, on August 30th, the much-celebrated blue moon will grace the night sky. These exceptional moons, commonly known as "supermoons," cast an enchanting spectacle, appearing noticeably larger than our usual lunar companion. </figcaption>
<a href="blog/blog2023815.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 3 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/202388m.jpg" alt="" style="">
<h2 class="btitle"> From Essays to Artistry, Unveiling AI's Power and Ethical Quandaries </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> Picture this: it's 3 am, a looming history project awaits, and the allure of OpenAI's latest ChatGPT release beckons. You're not alone in this struggle. As dawn approaches and your project remains unfinished, the siren call of AI-powered assistance grows stronger. More recently than ever, artificially intelligent learning models have morphed into creative tools for idea generation, scriptwriting, and artistry. </figcaption>
<a href="blog/blog202388.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/202381m.jpg" alt="" style="">
<h2 class="btitle"> The Electric Car: A Vehicle to Spark Innovation </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> Cyberpunk 2077 isn’t the only place where you can drive around in cool looking cars whilst living your sci-fi dream. With the recent production of the first Tesla Cybertruck, that idea is only getting nearer to reality. Yet, innovation to produce new, more efficient cars has only proven how reliant the human race is on automobiles. This may come as a surprise, but the first electric cars were developed in the late 1800s. </figcaption>
<a href="blog/blog202381.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2023720m.png" alt="" style="">
<h2 class="btitle"> Journey into Cybersecurity with Capture the Flag </h2>
<figcaption class="bby"> By: Florence Liang</figcaption>
<figcaption class="btext"> You may remember Capture the Flag as “that tedious game” you played when you were younger. Some kids would enjoy playing as “attackers” by traveling to the enemy’s base to retrieve flags, while other children would play as “defenders” by protecting the team’s base. Yet, applied to cybersecurity, capture the flag (CTF) is an intense game constantly outgrowing the name it was given. These flags are hidden throughout various cybersecurity challenges, challenging competitors in an array of unique subjects. </figcaption>
<a href="blog/blog2023720.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 4 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/202167m.png" alt="" style="">
<h2 class="btitle"> Instagram & Tik Tok Adding Auto-Captions </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> Imagine always forgetting your headphones and never being able to properly understand what an Instagram or TikTok video is saying. How would you understand the countless number of jokes on TikTok that rely on the user to listen to the song lyric or audio? This is the case for up to 48 million Americans who suffer from hearing loss or hearing impairments in one or both ears, according to John Hopkins Medicine. Many of those are daily users of both Instagram and TikTok. To increase awareness and accessibility for users with hearing impairments, both TikTok and Instagram recently launched auto-captions features.
</figcaption>
<a href="blog/blog202167.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2021510m.png" alt="" style="">
<h2 class="btitle"> Google’s New Takeout Trick </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> You’re a busy human with at least 2,375 different tasks to complete on your to-do list, and filling out food takeout online forms should not be one of them. That’s right, artificial intelligence powered assistants are at it again, finding more ways to make your life even easier.As a result of the pandemic, there was a surge in online takeout orders for restaurants. This past year, 89% of all takeout orders were placed online , and about 61% of those orders were from restaurants that previously only offered sit-down dining. Many restaurants and businesses were forced to enter the online world for the first time, and this trend is only increasing and evolving.
</figcaption>
<a href="blog/blog2021510.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2021426m.png" alt="" style="width: 65%; height: 65%;">
<h2 class="btitle"> Say Goodbye to LG Phones, If You Even Knew They Existed </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> I know you all were waiting anxiously for the next LG phone to come out, but sadly, LG is dropping out of the smartphone business. That’s right— the most popular brand of smartphones ever confirmed on April 4th that they will no longer be creating or selling new LG phones.Just kidding, of course. If you forgot that LG even sold phones, don’t worry— we all did. Since 2015, the company has been suffering severe financial losses. In 2019, LG only made one third of the profits they were expecting to make.
</figcaption>
<a href="blog/blog2021426.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 5 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/2021412m.png" alt="" style="width: 65%; height: 65%;">
<h2 class="btitle"> Can AI Finish Your Essay for You? </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> Didn’t like the title of this blog post? Not a good poet but want to impress your valentine? Have trouble finishing that research paper worth 70% of your grade? Well fear not because there’s a new innovative piece of artificial intelligence that can automatically write unique pieces of text. The Generative Pre-trained Transformer 3, or GPT-3, is a language prediction model created by OpenAI. Co-founded by Elon Musk, OpenAI is an artificial intelligence (AI) research and formation company. Released in the summer of 2020,
</figcaption>
<a href="blog/blog2021412.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/452021m.png" alt="">
<h2 class="btitle"> Microsoft Hints At Buying Discord </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> Discord , your favorite gaming communication app may be on its way to be bought by tech giant Microsoft for a whopping price of $10 billion. Considering that four billion minutes of conversation happen on Discord each day and its current user base is over 150 million people, Discord has grown tremendously since its launch in 2015. So, why is Microsoft so keen on securing their bag on Discord? The number one reason is Microsoft’s longing for a consumer-facing community, other than Xbox. Its main competitors all have their own large community— Google has YouTube, Amazon has Twitch
</figcaption>
<a href="blog/blog452021.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/11232020m.png" alt="">
<h2 class="btitle"> Introducing Amazon Pharmacy</h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext">You can order literally anything off of Amazon, but did you know that now you can have your prescriptions delivered to your house via Amazon as well? That’s right- your days of going to in person pharmacies are over since now this multi-billion dollar online service has you adding your own medications to your cart. On November 19th, Amazon officially launched Amazon Pharmacy, allowing customers to order their prescription medications to be delivered to their doorsteps. The benefits are even more far-reaching for Amazon Prime members,
</figcaption>
<a href="blog/blog11232020.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 6 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/9142020m.png" alt="Snow" style="width: 110%; height: 110%;">
<h2 class="btitle"> Announcing TeenHacks’ Tri-Hackathon</h2>
<figcaption class="bby">By: Arpitha Vinod</figcaption>
<figcaption class="btext"> Unprecedented times call for unique answers to unprecedented problems. While TeenHacks LI can’t support an in-person 24 hour hackathon due to COVID-19, we are adapting to a new format: a triathlon, but for hackers! Have you ever participated in a triathlon? It involves three types of races: swimming, cycling, and running. Our tri-hackathon is divided into three exciting parts as well: Learn-a-thon, Build-a-thon, and Share-a-thon! Though we can’t host hackers in person, we now have an opportunity to expand our work to three separate events—combining the best parts of a hackathon!
</figcaption>
<a href="blog/blog1122020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/11162020m.png" alt="">
<h2 class="btitle"> Mitra the Robot Helping Coronavirus Patients in India </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> With India having the second highest number of recorded coronavirus cases, it is reassuring to know that technology is swooping in to save the day. Meet Mitra: a robot that helps hospitals by taking on manual tasks and allowing for patients to communicate remotely with their loved ones at home. Project Mitra had a rocky start. Invento Robotics, the company behind this robot, is based in Bangalore and was
</figcaption>
<a href="blog/blog11162020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/1192020m.png" alt="">
<h2 class="btitle"> Disney’s New Skinless Robot Gaze </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> How hard is it to maintain direct eye contact with the person you are speaking to? Eventually it gets uncomfortable and you either try to glance somewhere else for a bit, then go back to their face, then look at the bug on the floor, then their left eye, then their right eye….ugh how much longer until this convo ends? Luckily, Disney’s new robot in the making understands your social awkwardness and instead maintains a realistic and interactive robot gaze. Disney Research, researchers at Imagineering, as well as researchers from the University of Illinois and the California Institute of Technology
</figcaption>
<a href="blog/blog1192020.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 7 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/1122020m.png" alt="" style="width: 80%; height: 75%;">
<h2 class="btitle"> NASA Launching 4g network on moon</h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext">
Have you ever looked up at the night sky and saw the bright white moon and wondered how life would be like there- no internet or phone, just you? Well dream all you want because in just two years, you will be able to send a text all the way from the moon.By 2028, NASA hopes to make humans living on the moon a real thing. As a step to achieve this plan set by NASA's Artemis program , NASA has chosen to work with Nokia to build a 4G network on the moon. Nokia’s industrial research and scientific development company, Bell Labs
</figcaption>
<a href="blog/blog1122020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/10262020m.png" alt="" style="width: 110%; height: 110%;">
<h2 class="btitle"> Nextdoor App Helps to create A Socially Distanced Halloween with AR</h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> What could be spookier than Halloween? That’s right—not following COVID-19 health guidelines during a global pandemic. While trick-or-treating has been the holiday’s main attraction in past years, this year is different. Many families hope to find safer alternatives which avoid large groups, close contact, and the distribution of candy (and germs along with it). One app in particular, Nextdoor, has risen to the occasion by providing neighborhoods with an interactive Halloween map.
</figcaption>
<a href="blog/blog10262020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/10192020m.png" alt="">
<h2 class="btitle"> Alphabet’s Mineral Project: Farmer Robots </h2>
<figcaption class="bby"> By: Arpitha Vinod </figcaption>
<figcaption class="btext"> About 1 in 10 people—around 11% of the world's population—do not have access to enough food on a regular basis. Alphabet, Google’s parent company, is working on Project Mineral—with the goal of engineering robot buggies that will cruise around fields to inspect individual plants and help farmers improve crop turnout using artificial intelligence.Project Mineral’s main goal is to address the problem of world hunger and to improve food sustainability using the buggies. The four-wheel rover is equipped
</figcaption>
<a href="blog/blog10192020.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 8 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/10122020m.png" alt="" style="height: 60%; width: 60%;">
<h2 class="btitle">Japan’s Life-Size Gundam Robot Makes its First Moves </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext"> Imagine being greeted with a 60-foot robot stomping around your street, crushing everything in its path. While that will probably remain a Godzilla-esque pipe dream, the world’s largest robot is currently being tested in Japan, and can currently walk, turn its head, kneel, and make hand gestures. Japan’s Gundam robot, stationed at Yokohama Port, is based on a Japanese fictional robot named Gundam. Ever since 1979, Gundam has been featured in many anime TV shows, manga comics, movies, and video games. Back then, who would have
</figcaption>
<a href="blog/blog10122020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/1052020m.png" alt="" style="height: 70%; width: 65%;">
<h2 class="btitle"> Project Aria: Real World Testing of Facebook’s Prototype AR Glasses </h2>
<figcaption class="bby"> By: Arpitha Vinod</figcaption>
<figcaption class="btext">
If you start seeing people in public with chunky glasses that look like they are monitoring you—don’t worry, that's just Facebook’s new research project: Project Aria. Facebook is currently working on developing augmented reality glasses that work as efficiently as smartphones. To help develop this idea, the company is embarking on a research project with a glass prototype called Project Aria.So why AR glasses specifically? Facebook was originally deciding between a smart hat or bracelet, but ultimately
</figcaption>
<a href="blog/blog1052020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/9282020m.png" alt="" style="height: 80%; width: 85%;">
<h2 class="btitle">SpiKey: Beware of the Sound of Your Key</h2>
<figcaption class="bby">By: Arpitha Vinod</figcaption>
<FIGCAPTION class="btext"> Is humming obnoxiously while unlocking your front door just as important as just having a lock for your front door? The answer is a definite yes- hackers can now break into your house just by hearing your key being placed inside of a lock. SpiKey is the name of this attack model where hackers can duplicate your key just by listening to the key being placed and turned inside of a lock. Everytime a person unlocks their front door with a physical key, the key produces a small sound. If a hacker were able to record this sound, they would have all the information necessary
</FIGCAPTION>
<a href="blog/blog9282020.html" class="readmore btext"> Read More</a>
</div>
</div>
</div>
<!-- Row 9 -->
<div class="row">
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/9212020m.png" alt="" style="height: 80%; width: 85%;">
<h2 class="btitle">Japan Successfully Tests Flying Car</h2>
<figcaption class="bby">By: Arpitha Vinod</figcaption>
<FIGCAPTION class="btext"> Is traffic ever so bad you just wished for teleportation powers so you don’t have to be late again? Well, here is a better alternative: fly your car to your desired destination! While that might seem like an innovation of the future, a Japanese tech company, Sky Drive Inc., recently tested a successful run of their manned flying car. Sky Drive was established in 2018 from the original volunteer group Cartivator, receiving most of its funding from the Development Bank of Japan. On August 25, the startup flew its current model: the SD-03—the smallest electric
</FIGCAPTION>
<a href="blog/blog9212020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/972020m.png" class="bimg" style="width: 70%; height: 40%; ">
<h2 class="btitle">Elon Musk’s New Brain Chip </h2>
<figcaption class="bby">By: Arpitha Vinod</figcaption> <FIGCAPTION class="btext"> They say money can’t solve your problems, but Elon Musk, the fifth richest person in the world, says he will be able to solve memory loss, depression, Parkinson’s disease, irrational fear, dementia, spinal cord injuries, and brain damage all with one tiny brain chip. Sound overly ambitious? Well, Musk’s company Neuralink is in its early stages of creating an implantable brain-machine interface--and early trial runs in pigs were successful. </FIGCAPTION>
<a href="blog/blog972020.html" class="readmore btext"> Read More</a>
</div>
</div>
<div class="column blogBox moreBox" style="display: none;">
<div>
<img loading="lazy" class="bimg" src="https://teenhacks-media.s3.us-east-2.amazonaws.com/public/blog/blogimage/8312020m.png" alt="" style="height: 45%; width: 70%;">
<h2 class="btitle">Farewell Internet Explorer</h2>