-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
303 lines (289 loc) · 24.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QuHacks 2021</title>
<!-- Needed? type="image/icon" -->
<link rel="icon" href="media/quhacks-2021-logo.png">
<link rel="stylesheet" href="css/styles.css">
<script src="https://kit.fontawesome.com/7dc3015a44.js" crossorigin="anonymous"></script><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-font-face.min.css" media="all"><link rel="stylesheet" href="https://kit-free.fontawesome.com/releases/latest/css/free-v4-shims.min.css" media="all">
</head>
<!-- Are these next 2 lines necessary? -->
<body>
<nav class="navTransparent">
<p><a href="#header">QuHacks 2021</a></p>
<ul>
<li><a href="#about" id="about-button">About</a></li>
<li><a href="#schedule" id="schedule-button">Schedule</a></li>
<li><a href="#faq" id="faq-button">FAQs</a></li>
<li><a href="#sponsors" id="sponsors-button">Sponsors</a></li>
<li><a href="#team" id="team-button">Team</a></li>
<li class="nav-reg"><a href="https://docs.google.com/forms/d/e/1FAIpQLSclxUEQ1Y-bMTVG78PDPHqXHdawGo1Srcc5bw1Rfjqoymd4nw/viewform?usp=sf_link" target="_blank" id="register-button-nav">Register</a></li>
<li class="nav-reg"><a href="https://discord.gg/Fh3Kz6fTth" target="_blank" id="discord-button-nav">Discord Server</a></li>
</ul>
</nav>
<header id="header">
<!-- Logo is just a png and does not scale; background removal elementary -->
<ul class="main-container flexbox">
<li class="flex-img"><img src="media/quhacks-2021-logo.png" class="logo-normal"></li>
<li class="flex-info">
<p>December 18th, 2021</p><a href="https://docs.google.com/forms/d/e/1FAIpQLSclxUEQ1Y-bMTVG78PDPHqXHdawGo1Srcc5bw1Rfjqoymd4nw/viewform?usp=sf_link" target="_blank"
class="button" id="register-button-header">Register</a><a href="https://discord.gg/Fh3Kz6fTth" target="_blank" class="button" id="discord-button-header">Discord
Server</a>
</li>
</ul>
</header>
<div class="body-container colored">
<div id="about">
<h1 class="section-heading" id="about-heading">About</h1>
<ul class="about-content flexbox">
<li class="flex-img about-img"><img src="media/stickers.JPG"></li>
<li class="flex-info">
<p>QuHacks is a day-long hackathon by students, for students. Join us for a day of creation, innovation, and fun
with fellow middle and high schoolers interested in coding. From seasoned coding veterans to first-time
programmers, all are welcome to join. This year, QuHacks will be held virtually (team size of up to 5).<br><br>Discover your ability to create change by developing
technology to solve real-world problems, attend workshops, and meet some new friends. We can't wait to see you
there!</p>
</li>
</ul>
</div>
<hr class="body-border">
<div class="schedule" id="schedule">
<h1 class="section-heading" id="schedule-heading">Schedule</h1>
<h1 class="sponsors-label sponsors-h2" id="schedule-header-main">Main Agenda</h1>
<div class="scroll-wrapper">
<table class="table">
<thead class="thead-dark">
<tr>
<th class="table_heading" scope="col">Time (EST)</th>
<th class="table_heading" scope="col">Agenda</th>
<th class="table_heading" scope="col">Main Room</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">9:00-9:30AM</th>
<td>Welcome Ceremony</td>
<td>Welcome Ceremony</td>
</tr>
<tr>
<th scope="row">10:00-11:00AM</th>
<td>Workshops Round 1</td>
<td>Coding!</td>
</tr>
<tr>
<th scope="row">11:00AM-12:00PM</th>
<td>Workshops Round 2</td>
<td>Coding!</td>
</tr>
<tr>
<th scope="row">12:00-1:00PM</th>
<td>Workshops Round 3</td>
<td>Coding!</td>
</tr>
<tr>
<th scope="row">1:00-2:00PM</th>
<td>Lunch Break</td>
<td></td>
</tr>
<tr>
<th scope="row">2:00-3:00PM</th>
<td>Event</td>
<td>Alumni Discussion Panel</td>
</tr>
<tr>
<th scope="row">3:00-4:00PM</th>
<td>Work Time</td>
<td></td>
</tr>
<tr>
<th scope="row">4:00-7:00PM</th>
<td>Work Time</td>
<td>Coding; submissions due 7PM sharp!</td>
</tr>
<tr>
<th scope="row">7:00-9:00PM</th>
<td>Judging</td>
<td>TypeRacer tournament!!!</td>
</tr>
<tr>
<th scope="row">9:00-9:30PM</th>
<td>Awards and Closing Ceremony</td>
<td>Awards and Closing Ceremony!</td>
</tr>
</tbody>
</table>
</div>
<h1 class="sponsors-label sponsors-h2" id="schedule-header-breakout">Breakout Room Agenda</h1>
<div class="scroll-wrapper">
<table class="table">
<thead class="thead-dark">
<tr>
<th class="table_heading" scope="col">Time (EST)</th>
<th class="table_heading" scope="col">Room 1</th>
<th class="table_heading" scope="col">Room 2</th>
<th class="table_heading" scope="col">Room 3</th>
<th class="table_heading" scope="col">Room 4</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">10:00-11:00AM</th>
<td>Python CLI Project</td>
<td>Web Development</td>
<td>Java</td>
<td>Algorithms</td>
</tr>
<tr>
<th scope="row">11:00AM-12:00PM</th>
<td>Python CLI Project</td>
<td>Java</td>
<td>Artificial Intelligence</td>
<td>Algorithms</td>
</tr>
<tr>
<th scope="row">12:00-1:00PM</th>
<td>Python CLI Project</td>
<td>Web Development</td>
<td>Artificial Intelligence</td>
<td>Java</td>
</tr>
<tr>
<th scope="row">7:00-9:00PM</th>
<td>Judging</td>
<td>Judging</td>
<td>Judging</td>
<td>CLI Project Judging</td>
</tr>
</tbody>
</table>
</div>
</div>
<hr class="body-border">
<div class="faq-container" id="faq">
<h1 class="section-heading" id="faq-heading">FAQs</h1>
<div class="faq">
<button class="accordion">What is a Hackathon?</button>
<div class="panel">
<p>A hackathon is a coding marathon - it's like a real-time programming fair where students develop an idea and bring it to life through code. A project could be a game, website, app, robot, Arduino project, whatever! If you enjoy programming or technology in general, hackathons are great places to meet friendly, like-minded people.</p>
</div>
<button class="accordion">Do I need to know how to code?</button>
<div class="panel">
<p>No, you don't! Even if you aren't able to code beforehand, you can attend workshops, learn some code, and still submit a project. We will have both a beginner division (set up specifically for those new to coding) and a main project division.</p>
</div>
<button class="accordion">Who can attend?</button>
<div class="panel">
<p>You are eligible to participate in QuHacks 2021 if you currently attend school (middle or high school) in Maryland,
Pennsylvania, Delaware, West Virginia, Virginia, or DC, and reside in one of those states (or DC). If you have
already graduated high school but would still like to attend the event, please consider volunteering or mentoring
for the event! Send us an email at <a class="faq-a-email"href="mailto:[email protected]">[email protected]</a> for more information
on contributing to QuHacks, or if you have any questions about our eligibility requirements.</p>
</div>
<button class="accordion">How much does QuHacks cost?</button>
<div class="panel">
<p>Nothing! This event is entirely free of charge, thanks to our awesome sponsors. If you're interested in becoming a sponsor, please email us at <a class="faq-a-email"href="mailto:[email protected]">[email protected]</a>.</p>
</div>
<button class="accordion">Can I win any prizes?</button>
<div class="panel">
<p>But of course! We will be giving away up to $850 in prizes this year; you could win up to $50 per person on your team!<!-- You can get a sneak peek of the prizes at <a href="https://quhacks2020.devpost.com/">https://quhacks2020.devpost.com/</a>--></p>
</div>
</div>
<div class="faq">
<button class="accordion">What do I need to compete?</button>
<div class="panel">
<p> The only thing you need is a device that can connect to the
internet, and any materials needed for creating your hack! QuHacks
2021 will be held virtually, so you can join from the comfort of your own home.</p>
</div>
<button class="accordion">Wait a second, a virtual hackathon?</button>
<div class="panel">
<p>Yes indeed! All the same parts of QuHacks you know and love will still be happening, just virtually (except for the food; we don't have that kind of technology yet, but that would be a great hackathon project if you figure it out!). We will also be opening a moderated Discord server where hackers can chat, ask questions, and receive important announcements. Check our <a id="faq-a-schedule"href="#schedule">schedule</a> for more information on what will be happening when.</p>
</div>
<!--<button class="accordion">Can I participate virtually?</button>
<div class="panel">
<p>Yes! QuHacks 2021 will be virtual. We will also be opening a moderated Discord server where hackers can chat, ask questions, and
receive important announcements. Check our <a id="faq-a-schedule"href="#schedule">schedule</a> for more information on what will be
happening when.</p>
</div>
-->
<button class="accordion">Can I use past projects?</button>
<div class="panel">
<p>Anyone caught working on past projects will be forced to sit in the corner and wear the dunce hat. Seriously though, don't be that one person.</p>
</div>
<button class="accordion">What if I don't have a team?</button>
<div class="panel">
<p>No problem! Many participants sign up without a team, and you can meet and work with new people. You can also choose to work alone. The limit is 5 people per team.</p>
</div>
<button class="accordion">Who's Freddy?</button>
<div class="panel">
<p>At some point, Freddy had a cheesy description here. However, we can't seem to decide what Freddy is, so we'll just say he's that one duck you keep seeing around of this website.</p>
</div>
</div>
</div>
<hr class="body-border">
<div id="sponsors" class="sponsors-container">
<h1 class="section-heading" id="sponsors-heading">Sponsors</h1>
<h1 class = "sponsors-label sponsors-h2" id="sponsors-plat-label">Platinum Sponsors</h1>
<ul class="sponsors-plat">
<li><a href="https://www.bitrise.io/" target="_blank"><img src="media/sponsors/bitrise.png"></a></li>
</ul>
<h1 class = "sponsors-label sponsors-h2" id="sponsor-gold-label">Gold Sponsors</h1>
<ul class="sponsors-gold">
<li><a href="https://www.unitedcoder.com/" target="_blank"><img src="media/sponsors/unitedWhite.png"></a></li>
</ul>
<!-- <h1 class = "sponsors-label sponsors-h2">Gold Sponsors</h1>
<ul class="sponsors-gold">
<li><a href="https://www.balsamiq.com/" target="_blank"><img src="media/sponsors/balsamiq.png"></a></li>
<li><a href="https://www.jetbrains.com/" target="_blank"><img src="media/sponsors/jetbrains.png"></a></li>
<li><a href="https://www.janestreet.com/" target="_blank"><img src="media/sponsors/Jane_Street.png"></a></li>
<li><a href="https://www.cloudsploit.com/" target="_blank"><img src="media/sponsors/cloudsploit.png"></a></li>
<li><a href="https://www.codehs.com/" target="_blank"><img src="media/sponsors/codehs.png"></a></li>
<li><a href="https://www.digitalocean.com/" target="_blank"><img src="media/sponsors/digitalocean.png"></a></li>
<li><a href="https://www.gitkraken.com/" target="_blank"><img src="media/sponsors/gitkraken.png"></a></li>
<li><a href="https://www.choosemuse.com/" target="_blank"><img src="media/sponsors/muse.png"></a></li>
<li><a href="https://www.producthunt.com/" target="_blank"><img src="media/sponsors/producthunt.png"></a></li>
</ul> -->
<!--<h1 class = "sponsors-label sponsors-h2">Silver Sponsors</h1>
<ul class="sponsors-silver">
</ul>
-->
<h1 class="sponsors-label sponsors-h2"id="sponsors-bronze-label">Bronze Sponsors</h1>
<ul class="sponsors-bronze">
<a href="https://repl.it/" target="_blank"><img src="media/sponsors/replit.png"></a>
<a href="https://wolframalpha.com" target="_blank"><img src="media/sponsors/Wolfram.png"></a>
</ul>
</div>
<hr class="body-border">
<div id="team">
<h1 class="section-heading" id="team-heading">Our Team</h1>
<div class="team">
<div><img src="media/team/annaheadshot.jpg" /><h2 id="h2-Anna">Anna Han<br>Director</h2><p>Anna is a senior at Marriotts Ridge High School, where she is involved with She++, speech, and FBLA. Outside of school, she is part of the HopeWorks Youth Leadership Program, the JHU APL STEM Academy/ASPIRE program, and Howard County Sources of Strength. In her free time, Anna loves spending time with her family and playing the piano, violin, viola, and guitar.</p></div>
<div><img src="media/team/ryanheadshot.jpg" /><h2 id="h2-Ryan">Ryan Yu<br>Organizer</h2><p>Ryan is a Senior at Centennial High School, where he’s the president of CyberPatriot, Chess club along with running Track. Ryan currently interns at JHU as a visiting scholar, designing a disease simulation with a team of 70 undergraduate and masters students. In his free time, Ryan enjoys going to the gym, reading and complaining.</p></div>
<div><img src="media/team/jesseheadshot.jpg" /><h2 id="h2-Jesse">Jesse Zong<br>Organizer</h2><p>Jesse is a junior at Centennial High School, where he is a member of It’s Academic, Pyoneers (Python club), and debate. In his free time, Jesse enjoys participating in (and losing) hackathons/coding competitions, cooking, and wasting money on gacha games.</p></div>
<div><img src="media/team/jeffheadshot.jpg" /><h2 id="h2-Jeffrey">Jeffrey Cheng<br>Organizer</h2><p>Jeff is a senior at Centennial High School, where he’s involved with Centennial Competitive Coding, National Math Honor Society, and the varsity Cross Country and Track teams. Outside of school, Jeff is an ASPIRE intern at JHUAPL and a tutor for CTD. In his free time, Jeff enjoys participating in (and winning) hackathons and coding competitions, listening to music, and watching sports that he is not talented enough in to play competitively.</p></div>
<div><img src="media/team/nicoleheadshot.png" /><h2 id="h2-Nicole">Nicole Luo<br>Organizer</h2><p>Nicole is a sophomore at Centennial High School, where she is a member of SGA, her Class Board, and various other clubs. She is currently also an intern for the non-profit organization Code Your Chances, a group that aims to break down gender barriers in STEM. In her free time, she loves to listen to music and rewatch Ratatouille.</p></div>
<div><img src="media/team/lauraheadshot.jpg" /><h2 id="h2-Laura">Laura Jia<br>Organizer</h2><p>Laura is a junior at Marriotts Ridge High School, where she is part of the Mock Trial team, Interact Club, Writer’s Guild, and various other clubs. In her free time, she likes to read, bike, and bother her sister.</p></div>
<div><img src="media/team/akshayheadshot.jpg" /><h2 id="h2-Akshay">Akshay Kannan<br>Organizer</h2><p>Akshay is a junior at Marriotts Ridge High School, where he is a member of the math, debate, and HOSA clubs. He also serves as a tutor in the CTD Program. In his free time, he likes to play tennis, listen to music, and work through chemistry problems.</p></div>
<div><img src="media/team/austinheadshot.jpg" /><h2 id="h2-Austin">Austin Zou<br>Organizer</h2><p>Austin is a junior at Centennial High School, where he is involved with CHS Pyoneers, Centennial Competitive Coding, National Math Honor Society, Cyberpatriot, and Math team. Outside of school, Austin enjoys programming, listening to music, and running.</p></div>
<div><img src="media/team/sophiaheadshot.jpg" /><h2 id="h2-Sophia">Sophia Moylan<br>Organizer</h2><p>Sophia is a junior at Marriotts Ridge High School, where she is involved with environmental, robotics, and computer science clubs. She is a member of the Youth Coalition for Climate Action, as well as the American Conservation Coalition and High School Democrats of America. Outside of school, Sophia enjoys making visual mods of her favorite RPGs, reading comics, and coding basic AIs to master games she (begrudgingly) cannot. </p></div>
<div><img src="media/team/Anuraglol.png" /><h2 id="h2-Anurag">Anurag Sodhi<br>Organizer</h2><p>Anurag is a sophomore at Centennial High School, where he is involved with CHS Pyoneers, It's Academic, Science Bowl, Science Olympiad, Math Team, Speech and Debate, and Science Journal. Outside of school, Anurag enjoys programming, biking, badminton, playing old games, and reading spare chemistry textbooks.</p></div>
<div><img src="media/team/arjavheadshot.jpg" /><h2 id="h2-Arjav">Arjav Jain<br>Organizer</h2><p>Arjav is a senior at Marriotts Ridge High School, where he takes part in Science Olympiad and computer science clubs. He is also involved in FBLA. In his free time, he enjoys listening to music, playing sports, and watching Netflix shows.</p></div>
<div><img src="media/team/daeyongheadshot.jpg" /><h2 id="h2-Daeyong">Daeyong Kwon<br>Organizer</h2><p>Daeyong is a senior at Centennial High School, where he is involved with CHS Pyoneers, National Math Honor Society, Music Mentors, and other honor societies. Outside of school, Daeyong is a member of a couple orchestras, student at the JHUAPL STEM Academy, and researcher with a concentration on Digital Mapping in Pioneer Academics. In his free time, Daeyong enjoys hanging out with friends, playing the violin, biking to ultimate frisbee meets, coding, and spending too much time on Genshin Impact.</p></div>
<div><img src="media/team/julianheadshot.JPG" /><h2 id="h2-Julian">Julian Park<br>Organizer</h2><p>Julian is a junior at Marriotts Ridge High School, where he has partaken in the school's math, science olympiad, and computer science clubs, and is also a board member of the CTD program. He also likes to play chess in his free time.</p></div>
<div><img src="media/team/lucasheadshot.PNG" /><h2 id="h2-Lucas">Lucas LaBuff<br>Past Organizer</h2><p>Lucas LaBuff is a graduate of Carver Center for Arts and Technology and a first-year student at the University of Maryland. Majoring in Computer Science and Mathematics, he has a particular interest in quantum computing. Outside of his studies, Lucas races for the Club Running team and is involved with the Baja SAE crew, where he pretends to be an engineer who knows how to build automobiles.</p></div>
</div>
</div>
</div>
<footer class="footer-white">
<a id="footer-envelope" href="mailto:[email protected]" target="_blank"><span class="fas fa-envelope fa-4x"></span></a> 
<a id="footer-github"href="https://github.com/quhacks" target="_blank"><span class="fab fa-github fa-4x"></span></a> 
<a id="footer-twitter"href="https://twitter.com/quhacks" target="_blank"><span class="fab fa-twitter fa-4x"></span></a> 
<a id="footer-instagram"href="https://www.instagram.com/quhacks/" target="_blank"><span class="fab fa-instagram fa-4x"></span></a>
</footer>
<script src="https://code.jquery.com/jquery-3.3.1.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript" src="js/faq.js"></script>
</body>
</html>