-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
295 lines (277 loc) · 13 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
<!-- https://docs.google.com/document/d/1Bw4vE8kieFT0Z4jzarOiGeXQdV4GO-N4FGSZMbblf3Y/edit#heading=h.x0zpm8wx51g7 -->
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="hsl(256.62, 52.85%, 10%)" />
<meta name="color-scheme" content="only dark" />
<title>HawkHacks</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="main-nav-wrapper">
<nav id="main-nav">
<!-- I feel like these should be consistent/have an indicator as to whether they open in a new page or scroll -->
<a id="home" href="index.html">Home</a>
<a id="history" href="history.html">History</a>
<a id="schedule" href="schedule.html">Schedule</a>
<a id="theme" href="theme.html">Theme</a>
<a id="ctf" href="ctf.html">CTF</a>
</nav>
</div>
<main>
<h1>
<div>
<img id="icon" src="favicon.png" />
<span>Hawk<wbr />Hacks</span>
</div>
</h1>
<div id="below-header">
<article id="countdown"></article>
<script>
const countdown = () => {
const current = Date.now();
const end = Date.parse("2024-05-25T10:00:00.000-05:00");
const differenceInMs = end - current;
const totalSeconds = differenceInMs / 1000;
const totalMinutes = totalSeconds / 60;
const totalHours = totalMinutes / 60;
const totalDays = totalHours / 24;
const secs = Math.floor(totalSeconds) % 60;
const mins = Math.floor(totalMinutes) % 60;
const hours = Math.floor(totalHours) % 24;
const days = Math.floor(totalDays);
const countdownElem =
document.getElementById("countdown");
countdownElem.classList.add("js");
if (differenceInMs < 0) {
countdownElem.textContent =
"HawkHacks 2024 has begun!";
document.getElementById("sign-up").style.display =
"none";
return;
} else {
countdownElem.innerHTML = `${days} days, ${hours} hours, ${mins} minutes, and ${secs} seconds until HawkHacks 2024, on May 25th / 26th!`;
window.requestAnimationFrame(countdown);
}
};
window.requestAnimationFrame(countdown);
</script>
<br />
<p>Registration is closed.</p>
</div>
<hr />
<section>
<h2>What is HawkHacks?</h2>
<p>
HawkHacks is an international virtual hackathon for middle
and high school students on
<span class="highlight"> Saturday, May 25th,</span> and
<span class="highlight">Sunday, May 26th</span>. Make teams
of up to four people (individuals welcome!) and get ready
for a weekend full of brainstorming, coding, and pitching.
<br /><br />
Hawkhacks will consist of two segments:
<br /><br />
<span class="highlight">Ideathon:</span> You will have the
weekend (both days) to build a coding-related solution
related to a given problem, meet with expert mentors, and
develop a pitch. <br /><br />
<span class="highlight">Capture the flag:</span> On Sunday
you will be given a set of competitive-coding style problems
themed towards our chosen social issues. <br /><br />
The top performers accross both segments will be declared
the winners! Registration is open! Email
<span class="highlight">[email protected]</span> with
any questions.
<br />
</p>
<div class="sign-up">
<a
href="https://forms.fillout.com/t/byromv4Emjus"
target="_blank"
>Sign up now!</a
>
<br />
<br />
</div>
</section>
<hr />
<section>
<h2>Prizes</h2>
<p>
<span class="highlight">1st Place:</span> $100 in cash,
Vercel merch (water bottles, hats, stickers), and Wolfram
Alpha Pro subscriptions
</p>
<p>
<span class="highlight">$7000</span> of additional prizes
that will be awarded to other winners.
</p>
</section>
<br />
<hr />
<section>
<h2>Mentors</h2>
<div id="mentors">
<div>
<img
class="gs"
src="mentors/Karina.jpg"
alt="Karina Chung"
/>
<div>
<h3>Karina Chung</h3>
<p class="title">Student at Harvard (HCHS '22)</p>
</div>
<p class="bio">
Karina co-organized and led HawkHacks 2021 and 2022.
Her interests include climate and environment and
responsible technology, and she co-founded a
nonprofit from an AI hackathon in high school.
Karina now studies Applied Math and Data Science at
Harvard, and has worked within and beyond the
climate space across private equity, academic
research, and startups.
</p>
</div>
<div>
<img
class="gs"
src="mentors/Brecque.png"
alt="Charles Brecque"
/>
<div>
<h3>Charles Brecque</h3>
<p class="title">Founder and CEO of TextMine</p>
</div>
<p class="bio">
Charles started TextMine in Oxford in 2020 with
Amber Akhtar after experiencing data loss and
friction when working with legal and financial
business-critical documents. TextMine leverages
patented knowledge graph technology and large
language models in order to structure the
unstructured data in documents. Prior to TextMine,
Charles was the first commercial hire at Mind
Foundry, a machine learning spin-out from the
University of Oxford. Charles is a graduate of the
École Centrale de Lyon.
</p>
</div>
<div>
<img
class="gs"
src="mentors/Robila.jpg"
alt="Dr. Stefan Robila"
/>
<div>
<h3>Dr. Stefan Robila</h3>
<p class="title">
Professor of Computer Science / Director of the
Computational Sensing Laboratory at Montclair
State University
</p>
</div>
<p class="bio">
Between Jan 2018 and Jan 2021 Dr. Robila served as
Program Director in the
<a href="https://www.nsf.gov/div/index.jsp?div=OAC"
>Office of Advanced Cyberinfrastructure (OAC)</a
>
at the National Science Foundation. Dr. Robila's
teaching experience spans the Computer Science and
IT undergraduate and graduate curriculum and
includes all introductory computing courses (taught
in Pascal, C, C++, Java and Python), discrete
mathematics, operating systems, computer
organization, computer security, robotics, pattern
recognition, high performance computing, and theory
of programming languages. Dr. Robila completed his
M.S. (2000) and Ph.D. (2002) in Computer Science at
Syracuse University and his B.S. (1997) at the
University of Iasi (Romania). He is an ACM and IEEE
senior member and IEEE Region I award recipient.
</p>
</div>
<div>
<img
src="mentors/Shiels.png"
alt="Luke Shiels"
class="gs"
/>
<div>
<h3>Luke Shiels</h3>
<p class="title">
Founding Design Engineer at Delphi, former CEO
of Solene
</p>
</div>
<p class="bio">
Luke is a self-taught software engineer who has
worked at numerous early-stage technology startups
and currently is the founding design engineer at
Delphi, an AI cloning platform. Before Delphi, he
helped lead a 15-person engineering team at an
early-stage fintech startup, helping drive the
company's valuation to approximately $300 million.
He then served as CEO of Solene, advising
venture-backed AI startups in New York City.
</p>
</div>
</div>
</section>
<br />
<hr />
<section>
<h2>Sponsors</h2>
<div id="sponser-wrapper">
<a
class="sponser"
href="https://wolfram.com"
target="_blank"
>
<img
class="gs"
src="wolfram-corporate-logo-horz-med.png"
/>
</a>
<a
class="sponser"
href="https://www.interviewcake.com/"
target="_blank"
>
<img class="gs" src="cake_logo_white_on_blue.png" />
</a>
<a
class="sponser"
href="https://vercel.com"
target="_blank"
>
<img
class="gs"
src="vercel-logotype-light.png"
style="background-color: transparent !important"
/>
</a>
<a
href="https://www.productteacher.com"
class="sponser"
target="_blank"
>
<img src="Product_Teacher_Color_Logo.png" class="gs" />
</a>
</div>
<br />
<br />
<p>
The HawkHacks logo was created by
<a href="https://xtjart.weebly.com">Xavier Train-Jimenez</a
>, an amazing graphic design student at the High School of
Art and Design.
</p>
</section>
</main>
</body>
</html>