-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
357 lines (323 loc) · 15.6 KB
/
index.html
File metadata and controls
357 lines (323 loc) · 15.6 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>AtomHacks VII</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="assets/css/main.css"/>
</head>
<body>
<!-- Header -->
<header id="header" style="height: 75px">
<a href="index.html" style="position: relative; bottom: 35px">Home</a>
<a href="about_new.html" style="position: relative; bottom: 35px">About Us</a>
<a href="gallery.html" style="position: relative; bottom: 35px">Gallery</a>
<img id="home-logo" src="images/logo.png" alt="" height="80px" width="80px">
<a href="sponsor.html" style="position: relative; bottom: 35px">Sponsors</a>
<a href="schedule.html" style="position: relative; bottom: 35px">Schedule</a>
<a href="prizes.html" style="position: relative; bottom: 35px">Prizes</a>
</header>
<!-- Nav -->
<nav id="menu"></nav>
<!-- Banner -->
<section class="banner full">
<article>
<img src="images/bxscience.jpg" alt=""/>
<div class="inner">
<header>
<p style="font-size: 1.25vw"><b style="color: rgba(255, 255, 255, 0.65)">WELCOME TO BRONX SCIENCE'S
SEVENTH ANNUAL</b></p>
<h2 style="font-size: 6.0vw">Hackathon</h2>
</header>
</div>
</article>
<article>
<img src="images/activism.png" alt=""/>
<div class="inner">
<header>
<p style="font-size: 1.25vw"><b style="color: rgba(255, 255, 255, 0.65)">THIS YEAR'S THEME IS</b></p>
<h2 style="font-size: 6.0vw">Activism.</h2>
</header>
</div>
</article>
<article>
<img src="images/bg-temp4.jpg" alt=""/>
<div class="inner">
<header>
<p style="font-size: 1.25vw"><b style="color: rgba(255, 255, 255, 0.65)">NEVER PROGRAMMED BEFORE? DON'T
WORRY,</b></p>
<h2 style="font-size: 6.0vw">No Skills Needed</h2>
</header>
</div>
</article>
<article>
<img src="images/nintendo.jpg" alt=""/>
<div class="inner">
<header>
<p style="font-size: 1.25vw"><b style="color: rgba(255, 255, 255, 0.65)">WIN PRIZES INCLUDING GIFT CARDS
OR A</b></p>
<h2 style="font-size: 6.0vw">Nintendo Switch</h2>
</header>
</div>
</article>
<article>
<img src="images/bg-temp3.jpg" alt=""/>
<div class="inner">
<header>
<p style="font-size: 1.25vw"><b style="color: rgba(255, 255, 255, 0.65)">INTERESTED IN
PARTICIPATING?</b></p>
<h2 style="font-size: 6.0vw">Sign Up Below!</h2>
</header>
</div>
</article>
</section>
<section class="wrapper style2" style="padding: 3rem 0 1rem 0">
<div class="inner">
<div class="box" style="margin-bottom: 0">
<div class="content">
<header class="align-center">
<p><b style="font-size: 20px">Our Mission Statement:</b></p>
<h4>AtomHacks is committed to creating and organizing innovative and interactive coding competitions for the Bronx High School of Science.
We are driven to give back to our community and provide transformative computer science opportunities for students of all levels.
</h4>
</header>
</div>
</div>
</div>
</section>
<section class="wrapper style2" style="padding: 3rem 0 1rem 0">
<div class="inner">
<div class="box" style="margin-bottom: 0">
<div class="content">
<header class="align-center">
<p><b style="font-size: 20px">OUR THEME</b></p>
<h4>This year, in lieu of these tough times, we want to use the power
of coding to express activism. As we have been surrounded by an
environment filled with challenges in 2020, we want to take advantage
of the virtual environment of coding and empower others to do more,
despite the challenges of virtual environments. Our team decided on the
activism theme because of how broad and all-encompassing it is. Activism
can include, but is not limited to political activism, social activism,
health activism and so much more.
</h4>
</header>
</div>
</div>
</div>
</section>
<section class="wrapper style2" style="padding: 3rem 0 1rem 0">
<div class="inner">
<div class="box" style="margin-bottom: 0">
<div class="content">
<header class="align-center">
<p><b style="font-size: 20px">ECHOAR RESOURCE!</b></p>
<h4>Thank you again to EchoAR for sponsoring our hackathon! EchoAR
has also provided all participants of the hackathon with a free
1 month trial with the EchoAR business tier product.
<a href="https://console.echoar.xyz/#/auth/register-hackathon?code=AtomHacks" style="color: blue;">Click here for access!</a>
</h4>
</header>
</div>
</div>
</div>
</section>
<section class="wrapper style2" style="padding: 3rem 0 1rem 0">
<div class="inner">
<div class="box" style="margin-bottom: 0">
<div class="content">
<h2 class="align-center">AtomHacks Promotional Video</h2>
<video style="display: block;
margin: 0 auto;
width: 700px;
height: auto;"
width="240px" height="auto" autoplay muted controls>
<source src="images/AtomHacks VII Video.MP4" type="video/mp4">
AtomHacks Promotion Video
Cr. Derrick Lu
</video>
<h6 style="text-align: center;">Credit to Derrick Lu for making such an amazing video</h6>
<h6 style="text-align: center;">Music: See The Stars by Daniel Rosty and Sash_S</h6>
</div>
</div>
</div>
</section>
<section class="wrapper style2" style="padding: 2rem 0 4rem 0">
<div class="inner">
<div class="grid-style2">
<!--< div style="padding-right: 2vw;">
<div class="box" style="height: 40rem;">
<div class="image fit">
<img style= "height: 18rem; object-fit: cover;" src="images/discord.png" alt=""/>
</div>
<div class="content">
<header class="align-center">
<h2>Discord</h2>
</header>
<p>
We will be using Discord as our communication platform throughout the hackathon.
Click the link below to access the AtomHacks channel. <a href="https://docs.google.com/document/d/1SHMfhDPoNbbABVuKFD1Z-d-L_aXnI0--RSQJCPT4Mdo/edit?usp=sharing">Click Here for a tutorial on how to use the Discord.</a>
</p>
<footer class="align-center">
<a href="#" target= "_blank" class="button alt">JOIN NOW</a>
</footer>
</div>
</div>
</div>
<div style="padding-right: 2vw;">
<div class="box" style="height: 40rem;">
<div class="image fit">
<img style= "height: 18rem; object-fit: cover;" src="images/devpost.png" alt=""/>
</div>
<div class="content">
<header class="align-center">
<h2>Devpost</h2>
</header>
<p>
We will be using Devpost to submit projects for judges to access and assess.
Click the link below to go to our Devpost page.
<a href="https://docs.google.com/document/d/1hFVsAu64YBKcbXgXf-VYqPxF_7GchLP6374oetpGpD4/edit?usp=sharing">Here is a tutorial on how to use Devpost</a>
</p>
<footer class="align-center">
<a href="#" target= "_blank" class="button alt">JOIN NOW</a>
</footer>
</div>
</div>
</div> -->
<div style="padding-right: 2vw;">
<div class="box">
<div class="image fit">
<img style= "height: 18rem; object-fit: cover;" src="images/bg-temp3.jpg" alt=""/>
</div>
<div class="content">
<header class="align-center">
<h2>Students</h2>
</header>
<p>
Regardless of how much experience with programming you have, we welcome you to join us at
the 7th annual AtomHacks Hackathon. There will be multiple workshops on different
programming languages and concepts.
Although this year the hackathon will be completely virtual, you should still come and create
something with your friends; you'll have a great time and learn a lot about coding in the
process.
The event will take place March 20th from 8 A.M to 8 P.M. You will be able to present to a
panel of judges for a chance to win prizes including amazon gift cards and arduinos.
</p>
<footer class="align-center">
<a href="https://forms.gle/YE3jYbAVTNhrpeNTA" target= "_blank" class="button alt">REGISTER NOW</a>
</footer>
</div>
</div>
</div>
<div style="padding-left: 2vw;">
<div class="box">
<div class="image fit">
<img style= "height: 18rem;" src="images/bg-temp4.jpg" alt=""/>
</div>
<div class="content">
<header class="align-center">
<h2>Mentors & Judges</h2>
</header>
<p>
If you have a good amount of experience with programming, we encourage you to consider
applying to become a mentor or judge. As a mentor, you will help host workshops to teach the
participants programming. As a judge you will get to vote on the winners of the Hackathon.
Please email atomhacks@bxscience.edu for more info.
<br><br><br><br>
</p>
<footer class="align-center">
<a href="https://forms.gle/qZRgqNjeXU9Z43TJ9"
target= "_blank" class="button alt" style="width: 320px">APPLY TO BECOME A MENTOR</a>
<a href="https://forms.gle/4f2iEbYwK6dTR7Lr5"
target= "_blank" class="button alt" style="width: 320px">APPLY TO BECOME A JUDGE</a>
</footer>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>Frequently Asked Questions:</p>
<h2>FAQ</h2>
</header>
</div>
</section>
<section class="wrapper style2" style="padding: 3rem 0 1rem 0">
<div class="inner">
<div class="box">
<div class="content">
<header class="align-center">
<h3>WHAT IS A HACKATHON?</h3>
</header>
<p class="align-center">
A hackathon is a short event focused on creating projects that typically have something to do with
computer engineering or computer science.
Aside from the amazing experience, they are often viewed as learning events, as you can take a lot
away from attending one,
and as gatherings, as you can meet many people with the same interests.
</p>
<header class="align-center">
<h3>WHO CAN ATTEND?</h3>
</header>
<p class="align-center">
Students who are currently enrolled at Bronx Science are allowed to attend the hackathon.
Mentors are always appreciated at AtomHacks! We are looking for knowledgeable and passionate people
to help our participants "inquire, discover, create."
</p>
<header class="align-center">
<h3>WHEN IS ATOMHACKS?</h3>
</header>
<p class="align-center">
This year, AtomHacks will take place on Saturday, March 20 from 8:00 AM to 8:00 PM.
However, you do not need to stay all 12 hours. Please sign up before 3:00 PM on Friday, March 12th!
</p>
<header class="align-center">
<h3>HOW LARGE CAN MY TEAM BE?</h3>
</header>
<p class="align-center">
Teams may not have more than 4 members. Students are also welcome to work solo.
</p>
<header class="align-center">
<h3>CAN I START WORKING BEFORE THE HACKATHON?</h3>
</header>
<p>
To keep the competition fair, all code used in your project must be written at the hackathon.
However, you are allowed to start brainstorming your project before the event begins.
</p>
<header class="align-center">
<h3>WHAT CAN I CREATE?</h3>
</header>
<p class="align-center">
You can create anything you want, as long as your hack does not violate our <a href="code_of_conduct.pdf" style="color: #02A7D5">code of conduct</a>.
</p>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<div class="container">
<ul class="icons">
<li><a href="https://www.facebook.com/BxSciHackathoners" class="icon fa-facebook"><span class="label">Facebook</span></a>
</li>
<li><a href="https://www.instagram.com/bxsciatomhacks/" class="icon fa-instagram"><span class="label">Instagram</span></a>
</li>
<li><a href="https://github.com/atomhacks" class="icon fa-github"><span class="label">Github</span></a></li>
<li><a href="mailto:atomhacks@bxscience.edu" class="icon fa-envelope-o"><span
class="label">Email</span></a></li>
</ul>
</div>
<div class="copyright">
© Copyright 2021, Bronx High School of Science AtomHacks. <br>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>