-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
597 lines (573 loc) · 32.3 KB
/
index.html
File metadata and controls
597 lines (573 loc) · 32.3 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
<!DOCTYPE html>
<html lang="en">
<head>
<!--
- Roxy: Bootstrap template by GettTemplates.com
- https://gettemplates.co/roxy
-->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AcademyHacks</title>
<link rel="icon" type="image/x-icon" href="img/favicon.ico">
<meta name="description" content="Join AcademyHacks, a computer science competition for middle and high schoolers!">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- External CSS -->
<link rel="stylesheet" href="vendor/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="vendor/select2/select2.min.css">
<link rel="stylesheet" href="vendor/owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/lightcase/lightcase.css">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Lato:300,400|Work+Sans:300,400,700" rel="stylesheet">
<link href="fonts/stylesheet.css" rel="stylesheet">
<!-- CSS -->
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Modernizr JS for IE8 support of HTML5 elements and media queries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script>
</head>
<body data-spy="scroll" data-target="#navbar" class="static-layout">
<div class="jumbotron d-flex align-items-center">
<div class="container text-center">
<h1 class="display-1 mb-4 mcaic-logo">
<img src="img/mcaic_logo.png" style="filter:brightness(100)">
<span>
<h3 style="text-decoration: line-through;"><br>June 8, 2024</h3>
<h2>
<!-- <br> -->
October 26, 2024
</h2>
</span>
<a class="btn btn-outline-primary" href="#registration">REGISTER NOW!</a>
</h1>
</div>
<div class="rectangle-1"></div>
<div class="rectangle-2"></div>
<div class="rectangle-transparent-1"></div>
<div class="rectangle-transparent-2"></div>
<div class="circle-1"></div>
<div class="circle-2"></div>
<div class="circle-3"></div>
<div class="triangle triangle-1">
<img src="img/obj_triangle.png" alt="">
</div>
<div class="triangle triangle-2">
<img src="img/obj_triangle.png" alt="">
</div>
<div class="triangle triangle-3">
<img src="img/obj_triangle.png" alt="">
</div>
<div class="triangle triangle-4">
<img src="img/obj_triangle.png" alt="">
</div>
</div> <!-- Features Section-->
<section id="about" class="bg-white">
<div class="container">
<div class="section-content">
<!-- Section Title -->
<div class="title-wrap mb-5" data-aos="fade-up">
<h2 class="section-title">
About AcademyHacks
</h2>
<p class="section-sub-title" style="margin: 0 15%">
<p style="font-size: x-large;"><strong>Update!</strong> AcademyHacks has been postponed to
<u>October 26th, 2024</u>
</p>
AcademyHacks is a full-day computer science tournament for those in middle school or
high school.
Hosted by the Edison Academy's computer science club, AcademyHacks gives rising programmers and
CS enthusiasts a chance to shine and compete for big prizes!
<br>
The competition is split into two sections: the middle school section, which will be an
individual competition,
and the high school section, which will be a hackathon format—individuals may compete
individually or in a team in this section.
<br><br>
<strong>If you are of appropriate age (i.e. in high school), make sure you <a
href="https://discord.gg/bW9uaEeS">join our Discord server</a> where we
will be posting announcements and updates.</strong>
<br><br>
<strong>Please scroll down for more details about the competition format, entry fees, and
schedule.</strong>
</p>
</div>
<!-- End of Section Title -->
<div class="row">
<!-- Features Holder-->
<div class="col-md-10 offset-md-1 features-holder">
<div class="row">
<!-- Features Item -->
<div class="col-md-4 col-sm-12 text-center mt-4">
<div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
<div class="my-4">
<i class="lnr lnr-users fs-40"></i>
</div>
<h4>Who</h4>
<p>Middle and high school students (grades 6-12) in NJ</p>
</div>
</div>
<!-- End of Feature Item -->
<!-- Features Item -->
<div class="col-md-4 col-sm-12 text-center">
<div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
<div class="my-4">
<i class="lnr lnr-calendar-full fs-40"></i>
</div>
<h4>When</h4>
<p>Saturday, October 26, 2024 from 8:30 AM - 4 PM</p>
</div>
</div>
<!-- End of Feature Item -->
<!-- Features Item -->
<div class="col-md-4 col-sm-12 text-center mt-4">
<div class="shadow rounded feature-item p-4 mb-4" data-aos="fade-up">
<div class="my-4">
<i class="lnr lnr-location fs-40"></i>
</div>
<h4>Where</h4>
<p>Middlesex College Campus in Edison, NJ</p>
</div>
</div>
<!-- End of Feature Item -->
</div>
</div>
<!-- End of Features Holder-->
</div>
<div class="ms-hs-btn-container col-md-12"
style="display: flex; align-items: center; justify-content: center; gap: 20%; margin-top: 2rem;">
<a href="#high-school" class="btn btn-outline-primary btn-lg">High School</a>
<a href="#middle-school" class="btn btn-outline-primary btn-lg">Middle School</a>
</div>
</div>
</div>
</section>
<section id="high-school" class="overlay bg-fixed">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12">
<!-- Section Title -->
<div class="title-wrap mb-5">
<h2>High School</h2>
<p style="margin: 0 15%">
The high school section is a <strong>four-hour hackathon</strong> composed of teams of
up to 4 high schoolers (grades 9-12).
Don't worry if you don't have a team, you can sign up as an
Individual and we will assign you to one.
<br><br>
There are <strong>two categories</strong> which will be announced on the day of the
hackathon.
<br><br>
There are <strong>four awards</strong>: one for the best submission in each category,
one for the best use of AI/ML, and one that is voted the best by other competitiors.
<br><br>
The <strong>ten best teams</strong> will have the opportunity to present their project
to everyone and the winners will be announced during the closing ceremony.
</p>
</div>
<!-- End of Section Title -->
</div>
</div>
</div>
</div>
</section>
<section id="middle-school" class="">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12">
<!-- Section Title -->
<div class="title-wrap mb-5">
<h2>Middle School</h2>
<p style="margin: 0 15%">
The middle school section has <strong>two parts</strong>: a Shorts section and a
Programming section with
lunch and a Python workshop in between.
<br><br>
The Shorts section will consist of <strong>twenty multiple-choice questions</strong> to
be answered in
<strong>half an hour</strong>.
The questions will be from a variety of topics such as informatics, Boolean algebra, and
data structures and will generally increase in difficulty.
<br><br>
You are encouraged to take a look at the <a
href="https://www.acsl.org/get-started/study-materials">shorts problems for the
Junior Divison</a> on the ACSL website.
<br><br>
The Programming section will consist of <strong>three programming problems</strong> to
be solved in <strong>one
hour</strong>. Each problem will have several subproblems to help guide you to the
solution and
receive partial credit.
<br><br>
Python, Java, and C++ may be used.
<br><br>
There will be three awards for the <strong>best combined scores</strong>, an award for
the <strong>best Shorts
score</strong>, and an award for the <strong>best Programming score</strong>.
</p>
</div>
<!-- End of Section Title -->
</div>
</div>
</div>
</section>
<!-- End of Features Section-->
<!-- Client Section -->
<section id="club" class="overlay bg-fixed">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12">
<!-- Section Title -->
<div class="title-wrap mb-5">
<h2>Our Club</h2>
<p style="margin: 0 15%">We are the Edison Academy Computer Science Club. We're a
diverse group of students from the Edison Academy Magnet School, formerly the Middlesex
County Academy, in Edison, New Jersey, who
are passionate about computer science and technology.</p>
</div>
<!-- End of Section Title -->
</div>
<!-- Client Holder -->
<div class="col-md-12 client-holder">
<div class="client-slider owl-carousel">
<div class="client-item">
<img class="img-responsive" src="img/team/nishi-photo.png" alt="Nishi">
<span>Nishi</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/ethan.png" alt="Ethan">
<span>Ethan</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/hari.png" alt="Hari">
<span>Hari</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/neil2modified.png" alt="Neil">
<span>Neil</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/srijith-modified.png" alt="Srijith">
<span>Srijith</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/pranav.png" alt="Pranav">
<span>Pranav</span>
</div>
<div class="client-item">
<img class="img-responsive" src="img/team/sanjay.png" alt="Sanjay">
<span>Sanjay</span>
</div>
</div>
<!-- End of Client Holder -->
</div>
</div>
</div>
</section>
<!-- End of Client Section -->
<section id="schedule" class="featurettes">
<div class="container">
<div class="section-content">
<div class="title-wrap mb-5" data-aos="fade-up">
<h2 class="section-title">Schedule</h2>
<p class="section-sub-title" style="margin: 0 15%">
AcademyHacks will be held at the Middlesex College Campus. The event will run from 8:30 AM to 4
PM.
</p>
</div>
<table class="section-sub-title" data-aos="fade-up">
<tr>
<td> <b> Time </b></td>
<td> <b> Middle School (Individual Competition) </b></td>
<td> <b> High School (Hackathon) </b></td>
</tr>
<tr>
<td>8:30 AM - 9:00 AM</td>
<td colspan="2">Check-in and Registration</td>
</tr>
<tr>
<td>9:00 AM - 9:30 AM</td>
<td colspan="2">Opening Ceremony</td>
</tr>
<tr>
<td>9:30 AM - 10:30 AM </td>
<td>Individual Shorts Round</td>
<td rowspan="3">Categories announced and hackathon starts</td>
</tr>
<tr>
<td>10:30 AM - 11:00 AM</td>
<td>Break</td>
</tr>
<tr>
<td>11:00 AM - 12:00 PM</td>
<td>Python Workshop</td>
</tr>
<tr>
<td>12:00 PM - 12:30 PM </td>
<td colspan="2">Lunch (included in registration fee) </td>
</tr>
<tr>
<td>12:30 PM - 1:30 PM</td>
<td>Individual Programming Round</td>
<td> Hackathon Final Working Session </td>
</tr>
<tr>
<td>1:30 PM - 2:30 PM </td>
<td colspan="2"> Break (final checks for submission for high school) </td>
</tr>
<tr>
<td>1:30 PM - 2:30 PM </td>
<td colspan="2"> Judging and Presentation of top 10 </td>
</tr>
<tr>
<td>3:15 PM - 3:30 PM </td>
<td colspan="2"> Break and final checks as necessary </td>
</tr>
<tr>
<td>3:15 PM - 3:45 PM </td>
<td colspan="2"> Closing and Awards Ceremony </td>
</tr>
</table>
</div>
</div><!--/ .container -->
<section id="sponsors" class="overlay">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12">
<div class="title-wrap md-5">
<h2>Sponsors</h2>
<br>
</div>
</div>
</div>
<div class="col-md-12 client-holder">
<div class="sponsor-slider owl-carousel">
<div class="client-item">
<a href="https://artofproblemsolving.com/">
<img src="img/sponsors/AoPS logo.png" alt="Art of Problem Solving"
title="Art of Problem Solving">
</a>
</div>
<div class="client-item">
<a href="https://www.wolfram.com/wolfram-one/">
<img src="img/sponsors/Wolfram logo.png" alt="Wolfram" title="Wolfram">
</a>
</div>
<div class="client-item">
<a href="https://balsamiq.com/">
<img src="img/sponsors/Balsamiq logo.png" alt="Balsamiq" title="Balsamiq">
</a>
</div>
<div class="client-item">
<a href="https://thefr.app/">
<img src="img/sponsors/Frog logo.png" alt="Frog" title="Frog">
</a>
</div>
<div class="client-item">
<a href="https://www.mcmsnj.net/">
<img src="img/sponsors/MCMS logo.png" alt="Middlesex County Magnet Schools"
title="Middlesex County Magnet Schools">
</a>
</div>
<div class="client-item">
<a href="https://www.mcmsnj.net/edison">
<img src="img/sponsors/EAMS logo.png" alt="Edison Academy Magnet School"
title="Edison Academy Magnet School">
</a>
</div>
<div class="client-item">
<a href="https://middlesexcollege.edu/">
<img src="img/sponsors/MCC logo.png" alt="Middlesex County College"
title="Middlesex County College">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section id="registration" class="overlay"> -->
<section id="registration">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="col-md-12">
<h2 class="section-title">Registration</h2>
<p class="section-sub-title" style="margin: 2rem 15%">
Interested in signing up for this fantastic opportunity?
Fill out this Google Form (including the payment link) to join!
</p>
<div class="center-flex" style="display: flex; align-items: center; justify-content: center;">
<iframe
src="https://docs.google.com/forms/d/e/1FAIpQLSecIjoqYan3EaT5fqoVA_9N4J29_G8wCzzGvMOxdYK44aSQoA/viewform?embedded=true"
width="640" height="700" frameborder="0" marginheight="0"
marginwidth="0">Loading…</iframe>
</div>
<br>
<p class="section-sub-title" style="margin: 2rem 15%">Is the embed not working?
Click here to access the <a
href="https://docs.google.com/forms/d/e/1FAIpQLSecIjoqYan3EaT5fqoVA_9N4J29_G8wCzzGvMOxdYK44aSQoA/viewform"
style="color: inherit; text-decoration: underline;">web
version of the registration form</a></p>
</div>
</div>
</div>
</section>
<section id="faq" class="overlay bg-fixed">
<!-- <section id="faq" class="bg-fixed"> -->
<div class="container">
<div class="section-content aos-init aos-animate">
<div class="row">
<div class="col-md-12">
<div class="title-wrap mb-5">
<h2>FAQ</h2>
<p style="margin: 0 15%">Have any questions? Maybe we can answer them.</p>
</div>
<button class="accordion-s">What is the registration fee?</button>
<div class="panel-s">
<span>The fee is <b>$5</b>, for an individual (regardless of their section), and
<b>$15</b> for a team of up to 4 individuals.
Students may compete individually or in a team of (max) 4 for the high school
division, but the middle school division is purely an individual competition.
</span>
</div>
<button class="accordion-s">How do you register?</button>
<div class="panel-s">
<span>Registration has opened! Fill out the <a
href="https://docs.google.com/forms/d/e/1FAIpQLSecIjoqYan3EaT5fqoVA_9N4J29_G8wCzzGvMOxdYK44aSQoA/viewform">registration
form</a> and pay through MySchoolBucks.</span>
</div>
<button class="accordion-s">What is an informatics competition?</button>
<div class="panel-s">
<span>An informatics competition, or computer science competition, is a tournament to
test competitors on their theoretical and practical programming knowledge. In the
case of MCAIC, we are looking for upstart students with some knowledge of CS and
coding. We will be testing them through a series of multiple-choice questions and
programming prompts that aim to solve real-world problems.</span>
</div>
<button class="accordion-s">What is the purpose of this event?</button>
<div class="panel-s">
<span>As a computer science club at a STEM-based high school, we are always looking to
foster interest in computer science in our community, and we believe AcademyHacks is
truly a fun and memorable way to do this!</span>
</div>
<button class="accordion-s">Who is this event for?</button>
<div class="panel-s">
<span>This event is for anyone in middle school or high school (typically grades 6-12)
from the state of New Jersey with a passion for computer science. Experience in
competitive programming, such as participation in the American Computer Science
League, is recommended but not required.</span>
</div>
<button class="accordion-s">Is it individual or team-based?</button>
<div class="panel-s">
<span>If you are in the middle school section, you will be competing as an individual.
If you are in the high school (hackathon) section, you may compete by yourself or
have a team of up to four (including yourself). </span>
</div>
<button class="accordion-s">How do I prepare?</button>
<div class="panel-s">
<span>If you'd like to get some practice in before the day-of, scroll down for a list of
practice questions and topics.</span>
</div>
<button class="accordion-s">Will food be provided?</button>
<div class="panel-s">
<span>Pizza lunch will be made available to all competitors, and it is included in the
entry fee. If you'd like, you can bring your own lunch. We will also have snacks and
drinks for purchase available throughout the day.</span>
</div>
<button class="accordion-s">How do I arrive at the venue?</button>
<div class="panel-s">
<span>The event will be held at the <a
href="https://www.google.com/maps/place/Middlesex+College/@40.5048722,-74.3700762,16.25z/data=!4m6!3m5!1s0x89c3c84ebc6cddfd:0x9cd927edaafc1357!8m2!3d40.5048319!4d-74.3667479!16s%2Fg%2F11bwdywljx?entry=ttu">
Middlesex College campus</a>, but the exact building information will be
released shortly. It is recommended that you travel by car, and there are many
parking spaces available for free.</span>
</div>
<button class="accordion-s">What are the prizes?</button>
<div class="panel-s">
<span>Winners will be receiving medallions and cloud credits or swag made possible by
our sponsors.</span>
</div>
<button class="accordion-s">What if I don't like computer science?</button>
<div class="panel-s">
<span>Our school doesn't just host a computer science competition! Check out <a
href="https://www.mcmsnj.net/domain/1284" target="_blank">our website</a> for
upcoming STEM opportunities for middle schoolers, including tournaments for
competition math, quiz bowl, and science bowl.</span>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!-- Reservation Section -->
<section id="practice" class="bg-white section-content">
<!-- <section id="practice" class="section-content overlay bg-fixed"> -->
<div class="container">
<div class="row align-items-center">
<div class="col-md-12 offset-lg-1" data-aos="fade-left">
<h2 class="mb-4">Practice Questions</h2>
<p class="mb-4">Take a look at <a
href="https://drive.google.com/file/d/1-MS14HsGVAudyxM9Psj5D3FF0oI2LBuw/view"
style="color: inherit; text-decoration: underline;">these practice
problems</a> and at the ones on the <a
href="https://www.acsl.org/get-started/study-materials"
style="color: inherit; text-decoration: underline;">ACSL website
in the Junior
Division</a></p>
</div>
<!-- <div class="col-lg-4 offset-lg-1" data-aos="fade-left"> -->
</div>
</div>
</div>
</section>
<!-- End of Reservation Section --> <!-- Features Section-->
<section id="questions" class="bg-fixed overlay">
<!-- <section id="questions" class=""> -->
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="mb-2">Any Questions?</h2>
<p>Reach us at <a href="mailto:[email protected]"
style="color: inherit; text-decoration: underline;">[email protected]</a> or
@mca.cs.club on Instagram with any questions.</p>
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="mastfoot my-3">
<div class="inner container">
<div class="row">
<div class="col-lg-4 col-md-12 d-flex align-items-center">
</div>
<div class="col-lg-4 col-md-12 d-flex align-items-center">
<p class="mx-auto text-center mb-0">© 2019 Roxy. Design by <a href="https://gettemplates.co"
target="_blank">GetTemplates</a> Distributed By: <a class="" href="https://htmltemplates.co"
target="_blank">HTML Templates</a>.</p>
</div>
</div>
</div>
</footer> <!-- External JS -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="vendor/bootstrap/popper.min.js"></script>
<script src="vendor/bootstrap/bootstrap.min.js"></script>
<script src="vendor/select2/select2.min.js "></script>
<script src="vendor/owlcarousel/owl.carousel.min.js"></script>
<script src="vendor/stellar/jquery.stellar.js" type="text/javascript" charset="utf-8"></script>
<script src="vendor/isotope/isotope.min.js"></script>
<script src="vendor/lightcase/lightcase.js"></script>
<script src="vendor/waypoints/waypoint.min.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<!-- Main JS -->
<script src="js/accordion.js"></script>
<script src="js/app.min.js"></script>
</body>
</html>