This repository was archived by the owner on Dec 10, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
368 lines (332 loc) · 16.8 KB
/
Copy pathindex.html
File metadata and controls
368 lines (332 loc) · 16.8 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="HoosierHacks 2.0 is one of Indiana's largest High School Hackathons. Join us in West Lafayette on October 22, 2023!">
<meta name="author" content="Johnny Shen, Eugene Zhang, Aneesh Terani, Geeson Wan">
<meta name="theme-color" content="#D59F0F" />
<title>HoosierHacks</title>
<link rel="icon" type="image/x-icon" href="./assets/hoosier-logo.png">
<link rel="canonical" href="https://getbootstrap.com/docs/5.2/examples/product/">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/add-to-calendar-button@1/assets/css/atcb.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee+Shade">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sarabun">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Mono">
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arvo:ital,wght@1,700" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
<link href=
"https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
rel="stylesheet" integrity=
"sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU"
crossorigin="anonymous" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}
.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}
.bi {
vertical-align: -.125em;
fill: currentColor;
}
.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}
.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
.fa {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
border-radius: 50%;
}
.display-5 {
font-family: 'Fira Mono', monospace;
}
.display-8 {
font-family: 'Fira Mono', monospace;
font-size: "1px";
}
body {
font-family: 'JetBrains Mono', monospace;
}
h1 {
color: #000D3D;
}
h2 {
color: #FFBE00;
}
.atcb, .atcb-text {
font-family: 'Sarabun';
}
</style>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/add-to-calendar-button@1" async defer></script>
<header class="site-header sticky-top py-1 bg-dark">
<nav class="navbar navbar-expand-lg navbar-dark static-top" style="background-color: #D59F0F;">
<div class="container">
<a class="navbar-brand" href="#">
<img src="./assets/hoosier-logo.png" alt="HoosierHacks Logo" height="36" style="border: 1px solid #000;">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link active text-white" href="#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" href="#info">Info</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white fw-bold" href="#signup">Sign up</a>
</li>
<li class="nav-item">
<a class="nav-link active text-white" href="#faq">FAQs</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main>
<div class="position-relative p-4 p-md-5 m-md-3 text-center rounded-3 border top-bar" style="background-color: #000F5D;">
<div class="col-md-5 p-lg-5 mx-auto my-7">
<h1 class="display-1 fw-bold" style="color: #D59F0F; font-family: 'JetBrains Mono', monospace;"><b>Hoosier Hacks 2.0</b></h1>
<p class="lead fw-normal text-white">Let's renovate the education scene in Indiana!</p>
<div class="atcb" style="display:none; font-family: 'Fira Mono', monospace;">
{
"name":"HoosierHacks Hackathon",
"description":"Join us to learn to code and have tons of fun at one of Indiana's largest high school hackathons!",
"startDate":"2023-10-22",
"endDate":"2023-10-22",
"startTime":"12:00 pm",
"endTime":"18:00 pm",
"location":"West Lafayette Jr/Sr High School",
"label":"October 22, 2023",
"options":[
"Apple",
"Google",
"iCal",
"Microsoft365",
"MicrosoftTeams",
"Outlook.com"
"Yahoo"
],
"timeZone":"America/Indianapolis",
"trigger":"click",
"inline":true,
"listStyle":"modal",
"iCalFileName":"Hoosier-Hacks"
}
</div>
<br/>
</div>
</div>
<section style="display: flex">
<div class="p-md-5 m-md-3 bg-light rounded-3 border" id="about">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold" style="text-align: center">About</h1>
<p class="fs-4">HoosierHacks 2.0 is an in-person <b>free-of-cost</b> hackathon run by high school students from West Lafayette (the home of Purdue University) for high school students in the state of Indiana. HoosierHacks 2.0 will focus on the theme of education because we recognize the lack of innovation within educational programs in Indiana, especially in computer science. We strive to provide an innovative atmosphere for students to create solutions.</p>
</div>
</div>
<div class="p-md-5 m-md-3 bg-light rounded-3 border" id="identity">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold" style="text-align: center">Who we are</h1>
<p class="fs-4">HoosierHacks 2.0 is a student-run event. The Hack Club chapter at WLHS, who is hosting, is a student-run club that reaches out and helps students understand and explore more in the CS field. </p>
</div>
</div>
</section>
<div class="pt-md-5 px-md-5 m-md-3 mb-md-4 bg-light rounded-3 border" id="info">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold" style="text-align: center">Info</h1>
<div class="pt-3 px-3 mb-4 bg-white rounded-3 border" id="location">
<h2 class="display-8"><u>Location & Time</u></h2>
<p class="fs-4" style="margin-left: 5%">HoosierHacks 2.0 will be hosted on 10/22 from <b>10 a.m. to 6 p.m.</b> at West Lafayette Jr Sr High School (1105 Grant St, West Lafayette, IN 47906). Please enter at the Main Entrance on Grant Street; there will be someone to let you in.</p>
</div>
<div class="pt-3 px-3 mb-4 bg-white rounded-3 border" id="audience">
<h2 class="display-8"><u>Audience</u></h2>
<p class="fs-4" style="margin-left: 5%">HoosierHacks 2.0 invites all Indiana high school students (grades 9-12).</p>
</div>
<div class="pt-3 px-3 mb-4 bg-white rounded-3 border" id="material">
<h2 class="display-8"><u>What to Bring</u></h2>
<p class="fs-4" style="margin-left: 5%">All you need is a computer (Chromebooks are fine) with its charger, a positive attitude, and a mind that's ready to code!</p>
</div>
<div class="p-3 pb-4 mb-5 bg-white rounded-3 border" id="logistics">
<h2 class="display-8"><u>Logistics</u></h2>
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header" id="heading-1">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true" aria-controls="collapse-1" style = "color: #000F5D">
10:00 - 10:30
</button>
</h2>
<div id="collapse-1" class="accordion-collapse collapse show" aria-labelledby="heading-1">
<div class="accordion-body">
Arrival and Check-in
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-2">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="true" aria-controls="collapse-2" style = "color: #000F5D">
10:30 - 11:00
</button>
</h2>
<div id="collapse-2" class="accordion-collapse collapse show" aria-labelledby="heading-2">
<div class="accordion-body">
Opening Meeting, Team Formation
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-3">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="true" aria-controls="collapse-3" style = "color: #000F5D">
11:00 - 12:00
</button>
</h2>
<div id="collapse-3" class="accordion-collapse collapse show" aria-labelledby="heading-3">
<div class="accordion-body">
Workshop session #1
<section style="display: flex">
<div class="p-1 m-1 bg-light rounded-3 border">Python evolved!</div>
<div class="p-1 m-1 bg-light rounded-3 border">From A to B (Algorithms)</div>
</section>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-4">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="true" aria-controls="collapse-4" style = "color: #000F5D">
12:00 - 13:00
</button>
</h2>
<div id="collapse-4" class="accordion-collapse collapse show" aria-labelledby="heading-4">
<div class="accordion-body">
Lunch + Work Time
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-5">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-5" aria-expanded="true" aria-controls="collapse-5" style = "color: #000F5D">
13:00 - 14:00
</button>
</h2>
<div id="collapse-5" class="accordion-collapse collapse show" aria-labelledby="heading-5">
<div class="accordion-body">
Workshop session #2
<section style="display: flex">
<div class="p-1 m-1 bg-light rounded-3 border">Swinging with Java!</div>
<div class="p-1 m-1 bg-light rounded-3 border">Website on Rails! (Website development)</div>
</section>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-6">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-6" aria-expanded="true" aria-controls="collapse-6" style="color: #000F5D">
14:00 - 17:00
</button>
</h2>
<div id="collapse-6" class="accordion-collapse collapse show" aria-labelledby="heading-6">
<div class="accordion-body">
Work Time
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="heading-7">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-7" aria-expanded="true" aria-controls="collapse-7" style = "color: #000F5D">
17:00 - 18:00
</button>
</h2>
<div id="collapse-7" class="accordion-collapse collapse show" aria-labelledby="heading-7">
<div class="accordion-body">
Judging
</div>
</div>
</div>
</div>
</div>
<div class="p-3 p-md-5 m-md-3 mb-md-4 bg-light rounded-3 border" id="signup">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold" style="text-align: center">Sign Up Here!</h1>
<p class="fs-4" style="text-align: center">You can use our form link <a href="https://forms.gle/oaoXYnmBSPFcLAW16">here</a> or use this QR Code to share with your friends!</p>
<img src="./assets/SignupQRCode.png" alt="signup" height="256px" style="display: block; margin-left: auto; margin-right: auto;"/>
</div>
</div>
<div class="p-3 p-md-5 m-md-3 mb-md-4 bg-light rounded-3 border" id="faq">
<div class="container-fluid py-5">
<h1 class="display-5 fw-bold" style="text-align: center">FAQs</h1>
<h2 class="display-8" style="text-indent: 5%">Do I need Computer Science experience?</h2>
<ul class="list-group" style="margin-left: 5%">
<li class="list-group-item">Absolutely not! Whether you've never written a line of code in your life or you're already an expert developer we'll have something for you!</li></ul>
<br/>
<h2 class="display-8" style="text-indent: 5%">What Will I Do?</h2>
<ul class="list-group" style="margin-left: 5%">
<li class="list-group-item">We'll have fun workshops to let you try out something new and plenty of work time to work on games, websites, or anything else you'd like. We'll give cool prizes to outstanding projects, which will judged by students from Purdue.</li></ul>
<br/>
<h2 class="display-8" style="text-indent: 5%">What type of snacks will there be?</h2>
<ul class="list-group" style="margin-left: 5%">
<li class="list-group-item">This event will be pretty long, so there will be Panda Express catering at the event! There will also be chips, cookies, and soda: all the good stuff you need to create good code!</li></ul>
<br/>
<h2 class="display-8" style="text-indent: 5%">Is there parking?</h2>
<ul class="list-group" style="margin-left: 5%">
<li class="list-group-item">Plenty of parking is available on site!</li></ul>
<br/>
</ul>
<h2 class="display-8" style="text-align: center; color:#000000;">For further questions, please contact <a href="mailto:johnnyshen0630@gmail.com">Johnny Shen</a>.</h2>
<br/>
</div>
</div>
</main>
<footer class="container py-5">
<div class="row">
<div class="col-12 col-md">
<img src= "./assets/hoosier-logo.png" alt="logo" height="64px"/>
<small class="d-block mb-3 text-muted">© 2023</small>
<small class="d-block mb-3 text-muted">Site by Johnny Shen, Eugene Zhang, Aneesh Terani, Geeson Wan<span style="float: right"><a href="https://github.com/WLHackClub/HoosierHacks" target="_blank">Source code</a></span></small>
</div>
</footer>
</body>
</html>