forked from 5chackathon/5chackathon.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
790 lines (723 loc) · 37.8 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
<!-- <% @title= "5C Hackathon" %> -->
<!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>5C Hackathon</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v6.1.0/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
<script src="javascript.js"></script>
<!-- Vendor CSS Files -->
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N" crossorigin="anonymous"></script>
</head>
<body>
<section>
<div class="banner">
<img class="banner__img" src="public/img/logo-sp23-long.png" alt="5C Hackathon">
<!-- <span class="banner__main">5C Hackathon</span> -->
</div>
<div class="intro">
<div class="layout--page">
<!-- <h1 class="tag" id="home">THE HACKATHON OF THE CLAREMONT COLLEGES</h1> -->
<h1 class="tag" id="home">Hack is Back</h1>
<p class="intro__desc">
Welcome to the Hackathon of the Claremont Colleges! The 5C Hackathon is the perfect place to have fun and learn something new. This year's theme is <b>Tech for Good</b>, and whether you're analyzing data for the first time or hacking an interactive robot, we provide awesome swag, food, and mentorship to power you through the entire 24-hour event beginning April 14th, 2023.
</p>
<p class="intro__desc"><b><i>Interested? Let's do this.</i></b></p>
<!-- <a href="https://5chackathon-sp23.devpost.com/" style="cursor: pointer;" class="reg intro__reg"><span class="nowrap mainbutton">REGISTER NOW!</span></a> -->
<a href="https://forms.gle/cH7jZ1rJVCaL3zvt5" style="cursor: pointer;" class="reg intro__reg"><span class="nowrap mainbutton">REGISTER NOW!</span></a>
<br><br>
<p class="bold-blue"><i>Registration closes Monday, April 10th at 11:59 pm PT</i></p>
</div>
</div>
</section>
<section class="overview">
<div class="layout--page">
<h1>Overview</h1>
<div class="overview_desc" style="margin-bottom: 25px;">
<p>
The <span class="bold-blue">5C Hackathon</span> is a student-run 24-hour event held at Pomona College. Historically, hundreds of Claremont College students gather to work on a diverse range of projects.
Our hackathon is a highly anticipated and attended tradition at the Claremont Colleges, drawing creative minds from all five schools in the liberal arts consortium: <span class="bold-blue">Pomona</span>, <span class="bold-blue">Harvey Mudd</span>, <span class="bold-blue">Claremont McKenna</span>, <span class="bold-blue">Scripps</span>, and <span class="bold-blue">Pitzer</span>.
</p>
<h2 class="no-margin-top dark-blue">What makes the 5C Hackathon different?</h2>
<br>
<div class="row">
<div class="col-sm">
<h4>Inclusivity</h4>
<p class="">
We pride ourselves on building a creative and diverse techical community and in making the 5C Hackathon <span class="bold-blue">beginner-friendly and inclusive</span>. At our last event, more than 50% of participants were first-time hackers, and more than 50% identified as non-male.
</p>
</div>
<div class="col-sm">
<h4>Individual Development</h4>
<p class="">
<span class="bold-blue">Teaching and mentorship</span> are of the utmost importance. We teach <span class="bold-blue">beginner and advanced workshops </span> throughout the week preceding the hackathon, an event we lovingly call <a href="#hack-week">Hack Week</a>. We have mentors available throughout the event as well.
</p>
</div>
</div>
<h2 class="no-margin-top dark-blue">Theme, Tracks, & Overlays</h2>
<h4>Theme</h4>
<!-- <p>The overarching theme is <b>Tech for Good</b>. <b>Good</b> entails many things. <b>Good</b> means helping people, animals, organizations, or the environment positively. <b>Good</b> can be big: serving entire populations with disabilities, in minority status, or who have been disenfranchised, for example. It can also be small: assisting a local COVID testing site, connecting people to their local voting station, or stopping the spread of a locally invasive plant. The sky is the limit, but in any case, it is always for the GREATER <b>Good</b> rather than personal gain. </p> -->
<p>The overarching theme is <b>Tech for Good</b>! <b>Good</b> means helping people, animals, organizations, or the environment positively. <b>Good</b> can be big, serving entire populations, and it can be small, impacting local or niche topics. In any case, it is always for the greater <b>Good</b> rather than personal gain. </p>
<p>Prizes will be awarded to the top team in each track and the top team in each overlay that creates a great project while demonstrating the spirit of <b>Tech for Good</b>. You can read more about about our Judging Criteria and Project Submission process on our <a href="https://5chackathon-sp23.devpost.com/">DevPost</a>. </p>
<!--
<p>We have an additional award, the "Outside of the Box" Award for non-technical, non-traditional projects that don't involve coding, data, or usual hackathon media. Examples include, but are not limited to, songs, children's books, artwork, and policy analysis. </p> -->
<!-- <p>Aside from the Top 3 spots, there are additional prizes attached to the below tracks. Note: teams may enter into both tracks, but can not win more than one track. You also do not have to enter these tracks, and can do something completely different!
</p> -->
<p>Teams <i>must</i> enter into one of the following <b>tracks</b>. Teams <i>may</i> enter into multiple <b>overlays</b>, but are not required to enter into any.
</p>
<br>
<h4>Tracks</h4>
<div class="row">
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Get Out The Vote</h4>
<div class="card-text">
The rights to vote and make informed decisions are incredibly important, but not trivial to obtain. With election season around the corner, now is a great time to strengthen democracy, empower voters, build faith in civic engagement, or find insights regarding the state of democracy.
<!-- The project should prioritize accessibility and inclusivity, with a focus on reaching underrepresented communities. By creating an application that empowers individuals to exercise their right to vote and make informed decisions, you will be contributing to the fight for social justice and the strengthening of democracy. -->
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Health Equity</h4>
<div class="card-text">
Explore social justice through a health lens. Everyone deserves the opportunity to achieve their best health and best self. How can you approach or shed light on the factors that limit access to healthcare and good health practices for all?
</div>
</div>
<h6>Supported by <a href="https://strava.com/">Strava</a></h6>
</div>
</div>
</div>
<div class="row">
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Education</h4>
<div class="card-text">
<!-- Interested in improving our education system or exploring school-related data? -->
We'd love to see your idea, analysis, or tool related to an improved classroom experience for students & teachers of all backgrounds, identities, and abilities. The education track is for hackers who seek to make education more accessible and lower the barrier of entry to knowledge.
<!-- Education projects are focused on lowering the barrier of entry to knowledge. The education track is for hackers who seek to make education more accessible and bring awareness to certain topics. -->
<!--
Possible topics include supporting students' access to educational materials, supporting teachers with unique teaching tools, or bringing awareness to topics in education that you are passionate about! -->
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Sustainable Earth</h4>
<div class="card-text">
We need solutions for environmental challenges impacting earth systems, wildlife, and humanity. Sustainable practices support ecological, human, and economic health and vitality. From microplastics, to agriculture, to clean water, and beyond - we want your ideas and insights!
<!-- Example projects include a social media app that facilitates plakling (picking up litter while walking), helping users monitor carbon emissions in the area, or an informational website that educates users about light pollution in their area. -->
</div>
</div>
</div>
</div>
</div>
<br>
<h4>Overlays</h4>
<div class="row">
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Data & Analytics</h4>
<div class="card-text">
Have a dataset you've been itching to explore? If you mine some unique and powerful insights in your project, this prize might be yours.
</div>
</div>
<h6>Supported by <a href="https://www.bloomberg.com/">Bloomberg</a></h6>
</div>
</div>
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Out of the Box for Good</h4>
<div class="card-text">
Non-technical, non-traditional projects that don't involve coding, data, or usual hackathon media <i>at all</i>. Examples include, but are not limited to, songs, children's books, artwork, and policy analysis.
</div>
</div>
</div>
</div>
<div class="col-sm">
<div class="card text-center" id="track">
<div class="card-body">
<h4 class="dark-blue">Beginner</h4>
<div class="card-text">
Are you a first time hacker? We want to honor you and your bravery by awarding one beginner team a prize of their own. This overlay is only open to teams comprised entirely of beginner Hackers.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<!-- <div>
<h4 style="font-size: 2; text-align: center; margin-top: -.5em; margin-bottom: 1em;">
Potential <b>participant</b>? Click <a href="https://docs.google.com/document/d/1pf0Q2WkuK35j0SveWtAz7aGapa-mHAQNGAWD5EgT0tM/">here</a> for more information.
</h4>
<h4 style="font-size: 2; text-align: center; margin-top: -.5em; margin-bottom: 1em;">
Potential <b>sponsor</b>? Click <a href="#sponsorship">here </a> for more information.
</h4>
</div> -->
</section>
<section class="faq" id="faq">
<br><br><br>
<h1>FAQ</h1>
<div class="layout--page">
<p align="center">The answers to all your burning questions.</p>
<div class="list-group">
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">What is a hackathon?</h5>
</div>
<p class="mb-1">A hackathon is an event where folks come together to attend workshops, learn from each other, compete for prizes, be silly, and build meaningful projects.
</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">Who can participate?</h5>
</div>
<p class="mb-1">Any student from the Claremont Colleges is invited! Our hackers include all 5C majors, years, identities, and experience levels. Zero coding knowledge required or expected.</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">Do I need to know how to code?</h5>
</div>
<p class="mb-1">Nope! Although hackathons are traditionally coding-heavy, we've opened up our hackathon to include all creative ventures. We have categories for technical and non-technical projects. That said, if you want to learn how to code, a hackathon project is a fantastic opportunity to dive in! Our <a href="#hack-week">HackWeek</a> workshops will help you gain coding confidence and skillsets.</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">How can I participate?</h5>
</div>
<p class="mb-1">Register at <a href="https://docs.google.com/forms/d/e/1FAIpQLSfXNhAcG9U-VEb4_r293ABj6sGsMwKSZIQsrewEiIuEjTfZMg/viewform">this form</a>. It takes about 1 minute! Registration closes April 10, 11:59 pm PST to ensure sufficient time to form teams.</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">Do I need a team to sign up?</h5>
</div>
<p class="mb-1">Nope! You can sign up as an individual and we will help you meet other amazing people to create your hackathon team. You can also join our <a href="https://5chackathon-sp23.devpost.com/">DevPost</a> to introduce yourself to other hackers looking for teammates.</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">How big can teams be?</h5>
</div>
<p class="mb-1">Teams can be comprised of 1-4 hackers. Teams must be finalized before the actual hacking begins!</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">What are the prizes?</h5>
</div>
<p class="mb-1">We want to acknowledge that prizes are not the sole reason why you're here (we're all here to ideate and create for the sake of ideating and creating), but we also acknowledge that they can make your hackathon experience all the more memorable. Prizes consist of fun items, cash, credits, and various swag, to be annouced at the opening ceremony. And, of course, prestigious bragging rights, memories, etc. Sponsored tracks include sponsor-specific prizes.</p>
</div>
<div class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between">
<h5 class="dark-blue">How can I be a volunteer, mentor, or judge during the hackathon?</h5>
</div>
<p class="mb-1">Send an email to <a href="mailto:[email protected]">[email protected]</a>. We'd love to have you on the team!</p>
</div>
</div>
</div>
</section>
<section class="schedule" id="schedule">
<br><br>
<table class="layout--page">
<!-- <div class="caption" style="margin-top: -1em">Spring 2023 Schedule</div> -->
<h1>SCHEDULE</h1>
<h4 style="text-align: center; margin-bottom: 1em;">April 14–15, 2023</h4>
<tr>
<td class="session__time">Date / Time</td>
<td>Event</td>
<td>Location</td>
</tr>
<tr>
<td class="session__time">April 10</td>
<td>Hack Week begins </td>
<td><a href="#hack-week">schedule below!</a></td>
</tr>
<tr>
<td class="session__time">April 14, 5:00 PM</td>
<td>Hack Week ends</td>
<td><a href="#hack-week">schedule below!</a></td>
</tr>
<tr>
<td class="session__time">April 14, 6:00 PM</td>
<td>Registration</td>
<td>Estella Courtyard</td>
</tr>
<tr>
<td class="session__time">April 14, 6:30 PM</td>
<td>Opening Ceremonies</td>
<td>Estella Argue Auditorium</td>
</tr>
<tr>
<td class="session__time">April 14, 7:00 PM</td>
<td>Hacking officially begins</td>
<td></td>
</tr>
<!-- <tr>
<td class="session__time">April 14, 7:01 PM - April 15, 11:59 PM</td>
<td>Various events, snacks, games (and hacking)</td>
</tr> -->
<tr>
<td class="session__time">April 14, 10:30 PM</td>
<td>Late Night Snack (Cane's Chicken)</td>
<td>Edmunds Ballroom</td>
</tr>
<tr>
<td class="session__time">April 15, 12:00 AM</td>
<td>Midnight Run W/ Strava</td>
<td>Edmunds Ballroom</td>
</tr>
<tr>
<td class="session__time">April 15, 12:30 AM</td>
<td>Donuts</td>
<td>Edmunds Ballroom</td>
</tr>
<tr>
<td class="session__time">April 15, 7:30 AM</td>
<td>Breakfast by Bloomberg</td>
<td>Edmunds Ballroom</td>
</tr>
<!-- <tr>
<td class="session__time">April 15, 12:01 AM - 6:59 PM</td>
<td>Various events, snacks, games (and hacking)</td>
</tr> -->
<tr>
<td class="session__time">April 15, 12:00 PM</td>
<td>Mario Kart Tournament</td>
<td>Edmunds 221</td>
</tr>
<tr>
<td class="session__time">April 15, 3:00 PM</td>
<td>Afternoon Snacks</td>
<td>Edmunds Ballroom</td>
</tr>
<!-- <tr>
<td class="session__time">April 15, 3:00 PM</td>
<td>3v3 Basketball Tournament</td>
</tr> -->
<tr>
<td class="session__time">April 15, 7:00 PM</td>
<td>Project Submission Closes - Congrats!</td>
<td><a href="https://5chackathon-sp23.devpost.com/">Devpost</a></td>
</tr>
<tr>
<td class="session__time">April 15, 7:00 - 7:15 PM</td>
<td>Closing ceremonies</td>
<td>Edmunds Ballroom</td>
</tr>
<tr>
<td class="session__time">April 18</td>
<td>Winners Announced</td>
<td>Check your emails!</td>
</tr>
<!--
<tr>
<td class="session__time">7:30 PM</td>
<td>Hacking begins</td>
</tr>
<tr>
<td class="session__time">10:00 PM</td>
<td>Chipotle</td>
</tr>
<tr>
<td class="session__time">12:00 AM</td>
<td>Midnight Snack</td>
</tr>
<tr>
<td class="session__time">1:30 AM</td>
<td>Turn in projects (6-hour category)</td>
</tr>
<tr>
<td class="session__time">7:30 AM</td>
<td>Turn in projects (12-hour category)</td>
</tr>
<tr>
<td class="session__time">9:00 AM</td>
<td>Breakfast on the Patio</td>
</tr>
<tr>
<td class="session__time">12:00 PM</td>
<td>Lunch Catering</td>
</tr>
<tr>
<td class="session__time">3:00 PM</td>
<td>Break! KSPC DJ Set and Other Activities</td>
</tr>
<tr>
<td class="session__time">5:00 PM</td>
<td>Dinner</td>
</tr>
<tr>
<td class="session__time">6:30 PM</td>
<td>Hacking ends (24-hour category); Project Expo Presentations begin</td>
</tr>
<tr>
<td class="session__time">8:45 PM</td>
<td>Awards Ceremony</td>
</tr>
<tr>
<td class="session__time">9:00 PM</td>
<td>Thanks for Coming!</td>
</tr> -->
</table>
</section>
<section class="hack-week" id="hack-week">
<br><br>
<div class="layout--page">
<h1>Hack Week</h1>
<br>
<h2 style="color: #00467f; margin: -.5em 0 .25em;">Hack Week is a weeklong series of workshops on technical skillsets, career development, product management, and socially relevant issues within the tech world.</h2>
<br>
<div class="row">
<div class="col-sm">
<h5>When?</h5>
<p><b>Monday, April 10 - Friday, April 14</b></p>
<p>Hack Week events are at various times in the afternoons and evenings starting the Saturday before the Hackathon and wrapping up on the 5C Hackathon on Friday.</p>
</div>
<div class="col-sm">
<h5>What?</h5>
<p>Want to learn intro coding skills and data analysis? Or even the fundamentals of tech ethics? Hack Week workshops will help you learn how to build and host a website, explore data with Python, and use GitHub with your next project.</p>
</div>
<div class="col-sm">
<h5>Code!</h5>
<p>Check out some projects and workshops from previous years at our <a href="http://github.com/5CHackathon">GitHub</a> page. During Hack Week, starter code for technical workshops may also be uploaded here.</p>
</div>
</div>
<br>
<div class="row">
<!-- <div class="col"> -->
<div class="card border-light" >
<div class="card-body">
<h5 class="card-title text-center">Monday, April 10</h5>
<h5 class="dark-blue">Becoming 10x More Productive in the Terminal</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/elviskahoro/">Elvis Kaharo PO '20</a>, Developer Experience Engineer at <a href="https://www.warp.dev/">warp</a></h6>
<p class="card-text">Location: Zoom (register to get Meeting ID)</p>
<p class="card-text">Time: 6:00 PM</p>
<br>
<!-- <p class="card-text">Description:</p> -->
<h5 class="dark-blue">APIs – Converting Your Class Assignments into Software Services</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/sam-malagon-3bbb0599/">Sam Malagon CMC '15</a>, CEO & CTO at <a href="https://www.navfeas.com/">Navfeas</a></h6>
<p class="card-text">Location: Rose Hills Theater, Pomona</p>
<p class="card-text">Time: 7:00 PM</p>
</div>
</div>
<div class="card border-light" >
<div class="card-body">
<h5 class="card-title text-center">Tuesday, April 11</h5>
<h5 class="dark-blue">Intro to Python and Data Analysis</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/millie-mince-7276a01b7">Millie Mince PO '23</a>, Prev. Project Manager at <a href="https://www.p-ai.org">P-ai</a>, Intern at Square</h6>
<p class="card-text">Location: Edmunds 101, Pomona</p>
<p class="card-text">Time: 5:00 PM</p>
<br>
<h5 class="dark-blue">The World in Our Hands: Exploring ArcGIS</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/jansen-comadena-652023188/">Jansen Comadena PO '22</a>, Software Development Engineer at <a href="https://www.esri.com/en-us/home">Esri</a></h6>
<p class="card-text">Location: Estella Argue Auditorium, Pomona</p>
<p class="card-text">Time: 6:00 PM</p>
<!-- <p class="card-text">Description:</p> -->
</div>
</div>
<div class="card border-light" >
<div class="card-body">
<h5 class="card-title text-center">Wednesday, April 12</h5>
<h5 class="dark-blue">Innovation in the Lens of a Project Manager</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/cameronedward/">Cameron Edward PO '22</a>, Product Manager at <a href="https://microsoft.com/">Microsoft</a></h6>
<p class="card-text">Location: Zoom (register to get Meeting ID)</p>
<p class="card-text">Time: 5:00 PM</p>
<!-- <p class="card-text">Description:</p> -->
<br>
<h5 class="dark-blue">Liberal Arts as a Path to Technology Consulting</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/isabella-deatherage/">Isabella Deatherage PO '20</a>, Cloud Advisory Consultant at <a href="https://www.accenture.com/us-en">Accenture</a></h6>
<p class="card-text">Location: Zoom (register to get Meeting ID)</p>
<p class="card-text">Time: 6:00 PM</p>
<br>
<h5 class="dark-blue">Neural Networks</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/nathaniel-getachew-6a59b0201/">Nate Getachew, PO '23</a>, Project Manager at <a href="https://www.p-ai.org">P-ai</a>, Previous Intern at NerdWallet, Amazon</h6>
<p class="card-text">Location: Estella Argue Auditorium, Pomona</p>
<p class="card-text">Time: 7:30 PM</p>
</div>
</div>
<div class="card border-light" >
<div class="card-body">
<h5 class="card-title text-center">Thursday, April 13</h5>
<h5 class="dark-blue"">Web Dev for Makers</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/samsonzhangthesalmon/">Samson Zhang PO '25</a>, Project Member at <a href="https://www.p-ai.org">P-ai</a>, Creator of <a href="webdevformakers">Web Dev For Makers</a></h6>
<p class="card-text">Location: Estella Argue Auditorium, Pomona</p>
<p class="card-text">Time: 6:30 PM</p>
<!-- <p class="card-text">Description:</p> -->
</div>
</div>
<div class="card border-light" >
<div class="card-body">
<h5 class="card-title text-center">Friday, April 14</h5>
<h5 class="dark-blue">Resume Workshop with a Bloomberg Tech Recruiter: How to Market your Hackathon Experience</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/nia-blessitt-a778b398/">Nia Blessit</a>, Entry Level Engineering Recruiter at <a href="https://www.bloomberg.com/">Bloomberg</a></h6>
<p class="card-text">Location: Zoom (register to get Meeting ID)</p>
<p class="card-text">Time: 11:00 AM</p>
<br>
<h5 class="dark-blue">Ask-Me-Anything with an OpenAI Engineer</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/simonpfish">Simon Posada Fishman PO '19</a>, Solutions Engineer at <a href="https://openai.com/">OpenAI</a></h6>
<p class="card-text">Location: Zoom (register to get Meeting ID)</p>
<p class="card-text">Time: 12:30 PM</p>
<br>
<h5 class="dark-blue">How Strava's Geo Team uses Apache Spark to Make Maps for Human-Powered Activities</h5>
<h6 class="card-text text-muted"><a href="https://www.linkedin.com/in/charles-watson-35488aa1/">Charlie Watson PO '17</a>, Senior Server Engineer at <a href="https://www.strava.com/">Strava</a></h6>
<p class="card-text">Location: Hive Studio 1</p>
<p class="card-text">Time: 4:00 PM</p>
<!-- <p class="card-text">Description:</p> -->
</div>
</div>
<!-- </div> -->
</div>
</div>
</section>
<section class="companies" id="sponsorship">
<br><br>
<div class="layout--page">
<h1 style="margin-bottom: 0.25em;">Sponsors</h1>
<br>
<div class="container">
<div class="row">
<div class="col-sm my-auto">
<a href="https://www.bloomberg.com/"><img src="public/img/sponsors/bloomberg.png" width="500" alt="Bloomberg"></a>
</div>
</div>
<div class="col-sm my-auto">
<a href="https://www.strava.com/"><img src="public/img/sponsors/strava.png" width="450" alt="Strava"></a>
</div>
</div>
<br><br>
<h3 class="dark-blue">ADDITIONAL SUPPORT PROVIDED BY</h3>
<br><br>
<div class="row">
<div class="col-sm">
<a href="https://www.wolfram.com/"><img src="public/img/sponsors/wolfram.png" width="250" alt="Wolfram Research"></a>
</div>
<div class="col-sm">
<a href="https://cloud.google.com/"><img src="public/img/sponsors/google-cloud.svg" width="250" height="100" alt="Google Cloud"></a>
</div>
<div class="col-sm">
<a href="https://www.accenture.com/us-en"><img src="public/img/sponsors/accenture.png" width="200" alt="Wolfram Research"></a>
</div>
</div>
<div class="row">
<div class="col-sm">
<a href="https://www.p-ai.org/"><img src="public/img/sponsors/p-ai2.png" width="150" alt="Wolfram Research"></a>
</div>
<div class="col-sm">
<a href="https://openai.com/"><img src="public/img/sponsors/open-ai.png" width="250" alt="OpenAI"></a>
</div>
<div class="col-sm">
<a href="https://www.esri.com/en-us/home"><img src="public/img/sponsors/esri.png" width="200" height="80" alt="Esri"></a>
</div>
<div class="col-sm">
<a href="https://www.mlh.io"><img src="public/img/sponsors/mlh.png" width="200" alt="Esri"></a>
</div>
</div>
</div>
</div>
<br>
</section>
<section>
<div class="contact-info"
style="background-color: #f6fbfc">
<div class="layout--page">
<h4 style="font-size: 2em; text-align: center; margin-bottom: 1em;">BECOME A SPONSOR</h4>
<div class="row">
<div class="col-sm">
<h2 class="no-margin-top dark-blue">Why sponsor?</h2>
<p>
Sponsoring is a great way to connect with incredibly talented and creative students at the elite Claremont Colleges in computer science and in other diverse fields. By sponsoring, you can <span class="bold-blue">get access to the resumes of hundreds of students, showcase your API or product, and see students make awesome projects</span>. As a sponsor, you’ll also have the opportunity to mentor students and get them excited about programming!
</p>
</div>
<div class="col-sm">
<h2 class="no-margin-top dark-blue">Ready to sponsor?</h2>
<p>
Please see the sponsorship tiers below detailing the different ways in which you can be part of the 5C Hackathon. Can’t find a tier that works for you? <span class="bold-blue">Send us an email at <a href="mailto:[email protected]">[email protected]</a></span> and we’ll work out the details.</p>
</div>
</div>
</div>
</div>
</section>
<section class="sponsorship">
<div class="layout--page">
<br>
<h2 class="dark-blue" style="margin-bottom: 1em;">Sponsorship Tiers</h2>
<div class="row">
<div class="col-sm-3">
<div class="panel panel-default text-center">
<div class="panel-heading">
<h2 style="color: #a46628"><b>Bronze</b></h2>
</div>
<div class="panel-body">
<h3 class="panel-title price">$250</h3>
</div>
<br>
<div class="panel-body">
<p>+ Swag distribution</p>
<p>+ Logo on website, t-shirts, poster</p>
</div>
<br>
</div>
</div>
<div class="col-sm-3">
<div class="panel panel-default text-center">
<div class="panel-heading">
<h2 style="color: #c0c0c0"><b>Silver</b></h4>
</div>
<div class="panel-body">
<h3 class="panel-title price">$500</h3>
<p><strong>Everything in Bronze</strong></p>
<p>+ Access to participant resumé database</p>
<p>+ Send engineers, recruiters</p>
</div>
<br>
</div>
</div>
<div class="col-sm-3">
<div class="panel panel-primary text-center">
<div class="panel-heading">
<h2 style="color: #b39700"><b>Gold</b></h2>
</div>
<div class="panel-body">
<h3 class="panel-title price">$1000</h3>
<p><strong>Everything in Silver</strong></p>
<p>+ Prizes sponsored in [your] name</p>
</div>
<br>
</div>
</div>
<div class="col-sm-3">
<div class="panel panel-default text-center">
<div class="panel-heading">
<h2><b>Platinum</b></h2>
</div>
<div class="panel-body">
<h3 class="panel-title price">$2000</h3>
</div>
<div class="panel-body">
<p><strong>Everything in Gold</strong></p>
<p>+ Keynote Speaker</p>
<p>+ Special logo placement on website, t-shirts, posters</p>
</div>
<br>
</div>
</div>
</div>
</div>
</section>
<section class="coc" id="coc">
<br><br>
<div class="layout--page">
<h1>Code of Conduct</h1>
<div style="margin-bottom: 25px;">
We value the participation of each individual and want to provide a positive experience for everyone. Accordingly, all attendees are expected to show respect and courtesy to other attendees. To make clear what is expected, all attendees, speakers, and volunteers are required to follow our Code of Conduct. Thank you for helping make this a welcoming, safe space for all!
</div>
<div class="row m-auto">
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5 class="dark-blue">Be Respectful.</h5>
<p class="card-text">
Be kind to others. Do not insult or put down other attendees. Behave professionally. Remember that harassment and racist, sexist, or exclusionary jokes or project content are not appropriate for this event and will not be tolerated.
</p>
<p class="card-text">
Harassment includes but is not limited to: offensive verbal comments related to gender, sexual orientation, disability, physical appearance, race, or religion; inappropriate images in public spaces; deliberate intimidation; unwelcome photography or recording; inappropriate physical contact; and unwelcome attention.
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5 class="dark-blue">Be Open.</h5>
<p class="card-text">
We welcome attendees from all backgrounds and skill levels – from “never been to a hackathon before” to seasoned developers. This event is about increasing innovation, partnership, and engagement in the technical community on campus.
</p>
</div>
</div>
</div>
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5 class="dark-blue">Be Awesome.</h5>
<p class="card-text">
Do your best. Learn something new. Don't take it too seriously!
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact" id="contact">
<div class="contact-info">
<h1 align="center">CONTACT</h1>
<!-- <h4 class="contact__title">Contact</h4> -->
<h5 align="center">
Reach out to our organizing team with any questions or comments at
<b><a href="mailto:[email protected]">[email protected]</a></b>.
</p>
<div align="left">
<div class="card-body">
<h4 class="dark-blue">MEET THE TEAM</h4>
<h6 class="dark-blue">Director</h6>
<p>Hannah Mandell</p>
<h6 class="dark-blue">Logistics</h6>
<p>Catherine Byen, Richard Kim, Liv Christy</p>
<h6 class="dark-blue">Hack Week</h6>
<p>Emily Tomz</p>
<h6 class="dark-blue">Sponsorships</h6>
<p>Sam Malik</p>
<h6 class="dark-blue">Design</h6>
<p>Emily Gao</p>
<h6 class="dark-blue">Web Dev</h6>
<p>Seohyeon Lee, Aldo Ruiz Parra, Keyron Linarez</p>
<h6 class="dark-blue">Campus Organizer</h6>
<p>Sangeon Park</p>
</div>
</div>
</div>
</section>
<section>
<div class="banner">
<img class="banner__img" src="public/img/logo-sp23-long.png" alt="5C Hackathon">
<!-- <span class="banner__main">5C Hackathon</span> -->
</div>
</section>
<section>
<div class="topnav" id="topnav">
<a class="home" href="#home">Home</a>
<a href="#faq">FAQ</a>
<a href="#schedule">Schedule</a>
<a href="#hack-week">Hack Week</a>
<a href="#sponsorship">Sponsors</a>
<a href="#coc">Code of Conduct</a>
<a href="#contact">Contact</a>
</div>
</section>
</body>