forked from hackphs/hackphs2026
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
398 lines (366 loc) · 23.3 KB
/
Copy pathindex.html
File metadata and controls
398 lines (366 loc) · 23.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>hackPHS 2026 | Into the Skies</title>
<meta
name="description"
content="hackPHS 2026 is Princeton High School's student-run hackathon for high school students across New Jersey."
/>
<link rel="icon" type="image/png" href="/assets/branding/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="/assets/branding/favicon.svg" />
<link rel="shortcut icon" href="/assets/branding/favicon.ico" />
<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=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="/styles.css?v=20260810b" />
<script src="/main.js?v=20260809d" defer></script>
</head>
<body>
<div class="journey-background" aria-hidden="true">
<div class="journey-background__night"></div>
<div class="journey-background__dawn"></div>
<div class="journey-background__day"></div>
<div class="journey-background__twilight"></div>
<div class="journey-stars" data-star-field></div>
<div class="journey-sun"></div>
<div class="journey-mountains">
<svg viewBox="0 0 1600 520" preserveAspectRatio="none" role="presentation">
<path class="journey-mountains__far" d="M0 520V398L150 318L264 372L420 205L554 332L720 174L862 316L1035 228L1172 351L1350 208L1600 390V520Z" />
<path class="journey-mountains__snow" d="M374 255L420 205L468 261L442 249L427 269L411 247L394 261ZM670 226L720 174L773 232L746 219L728 242L712 217L691 235ZM1301 257L1350 208L1402 267L1375 252L1357 275L1341 249L1322 266Z" />
<path class="journey-mountains__near" d="M0 520V468L220 354L361 435L520 298L692 430L891 318L1054 451L1260 304L1420 420L1600 348V520Z" />
<path class="journey-mountains__ridge" d="M220 354L361 435M520 298L692 430M891 318L1054 451M1260 304L1420 420" />
</svg>
</div>
<div class="journey-clouds journey-clouds--far"></div>
<div class="journey-clouds journey-clouds--near"></div>
<div class="journey-birds">
<span class="journey-bird journey-bird--one"><svg viewBox="0 0 52 24" role="presentation"><path d="M2 17C10 7 18 8 26 16C34 8 42 7 50 17" /></svg></span>
<span class="journey-bird journey-bird--two"><svg viewBox="0 0 52 24" role="presentation"><path d="M2 17C10 7 18 8 26 16C34 8 42 7 50 17" /></svg></span>
<span class="journey-bird journey-bird--three"><svg viewBox="0 0 52 24" role="presentation"><path d="M2 17C10 7 18 8 26 16C34 8 42 7 50 17" /></svg></span>
<span class="journey-bird journey-bird--four"><svg viewBox="0 0 52 24" role="presentation"><path d="M2 17C10 7 18 8 26 16C34 8 42 7 50 17" /></svg></span>
</div>
<div class="journey-wind">
<span class="wind-streak wind-streak--one"></span>
<span class="wind-streak wind-streak--two"></span>
<span class="wind-streak wind-streak--three"></span>
<span class="wind-streak wind-streak--four"></span>
<span class="wind-streak wind-streak--five"></span>
<span class="wind-streak wind-streak--six"></span>
</div>
<div class="journey-horizon"></div>
<div class="journey-plane" data-journey-plane>
<span class="journey-plane__trail"></span>
<svg viewBox="0 0 120 78" role="presentation">
<path class="journey-plane__body" d="M8 37L111 7L77 69L56 47L8 37Z" />
<path class="journey-plane__fold" d="M56 47L111 7L40 42M56 47L77 69L72 43" />
</svg>
</div>
</div>
<header class="site-header" data-site-header>
<div class="site-header__inner">
<a class="brand" href="/" aria-label="hackPHS 2026 home">
<img src="/assets/branding/favicon-96x96.png" alt="" />
<strong>hackPHS 2026</strong>
</a>
<nav class="site-nav" id="site-navigation" aria-label="Main navigation" data-site-nav>
<a href="#schedule">Schedule</a>
<a href="#faqs">FAQs</a>
<details class="years-menu">
<summary>Past years</summary>
<div class="years-menu__links">
<a href="https://2025.hackphs.tech/" target="_blank" rel="noreferrer">2025</a>
<a href="https://2022.hackphs.tech/" target="_blank" rel="noreferrer">2022</a>
<a href="http://2021.hackphs.tech/" target="_blank" rel="noreferrer">2021</a>
<a href="http://2020.hackphs.tech/" target="_blank" rel="noreferrer">2020</a>
<a href="http://2019.hackphs.tech/" target="_blank" rel="noreferrer">2019</a>
<a href="https://2018.hackphs.tech/" target="_blank" rel="noreferrer">2018</a>
</div>
</details>
</nav>
</div>
</header>
<main>
<section class="journey-section hero-section" id="top" data-stage="night">
<div class="section-inner hero-layout">
<div class="hero-copy reveal">
<p class="section-kicker">Princeton High School's seventh annual hackathon</p>
<div class="hero-masthead">
<img class="hero-logo" src="/assets/branding/favicon-96x96.png" alt="hackPHS tiger logo" />
<div class="hero-wordmark">
<div class="hero-circuit hero-circuit--top" aria-hidden="true"></div>
<h1><span>hackPHS</span><span>2026</span></h1>
<div class="hero-circuit hero-circuit--bottom" aria-hidden="true"></div>
</div>
</div>
<p class="hero-tagline">into the skies...</p>
<p class="hero-date">October 3–4, 2026 · Princeton High School</p>
<p class="hero-summary">hackPHS brings high school students from across New Jersey together for 24 hours of building, learning, meeting new people, and making something awesome.</p>
<div class="hero-actions">
<a
class="primary-action"
href="https://docs.google.com/forms/d/e/1FAIpQLSeebNRWyDxMRbN6KEoL7pdFbbd_xj2PjGi6kFLQ0ATAhoarzQ/viewform?usp=publish-editor"
target="_blank"
rel="noreferrer"
>
Register
</a>
<a class="route-link" href="https://2025.hackphs.tech/" target="_blank" rel="noreferrer">View 2025</a>
</div>
</div>
<div class="hero-space-scene reveal" aria-hidden="true">
<div class="space-planet">
<div class="space-planet__wake"></div>
<img src="/assets/space-planet-texture.svg?v=20260329g" alt="" />
</div>
<div class="rocket-orbit">
<div class="rocket-orbit__body" data-rocket>
<span class="rocket-flame"></span>
<svg viewBox="0 0 230 150">
<defs>
<linearGradient id="rocket-shell" x1="8%" y1="10%" x2="92%" y2="90%">
<stop offset="0%" stop-color="#fbfdff" />
<stop offset="45%" stop-color="#bdd7ff" />
<stop offset="100%" stop-color="#6797f7" />
</linearGradient>
</defs>
<path d="M38 72C55 45 91 30 145 36C173 39 197 55 208 76C197 97 173 113 145 116C91 122 55 107 38 80Z" fill="url(#rocket-shell)" />
<path d="M24 62L55 72L24 91C16 82 16 70 24 62Z" fill="#3a6bd0" />
<path d="M72 36L98 56L58 60C60 49 65 40 72 36Z" fill="#7aa7ff" />
<path d="M72 116L98 96L58 92C60 103 65 112 72 116Z" fill="#4d76d8" />
<circle cx="150" cy="76" r="15" fill="#12366b" />
<circle cx="150" cy="76" r="8.5" fill="#9ce2ff" />
</svg>
</div>
</div>
<div class="blackhole">
<div class="blackhole__halo"></div>
<div class="blackhole__disk blackhole__disk--back"></div>
<div class="blackhole__core"></div>
<div class="blackhole__lensing"></div>
<div class="blackhole__disk blackhole__disk--front"></div>
</div>
</div>
</div>
<a class="scroll-cue" href="#about">
<span>Scroll to take off</span>
<i aria-hidden="true"></i>
</a>
</section>
<section class="journey-section about-section" id="about" data-stage="dawn">
<div class="section-inner">
<div class="section-heading section-heading--split reveal">
<div>
<p class="section-number">01 / About</p>
<h2>What is<br />hackPHS?</h2>
</div>
<p>
hackPHS hosts over 100 high school students from across New Jersey to collaborate, innovate,
and create in a 24-hour, student-organized hackathon at Princeton High School. Whether you're
a complete beginner or an experienced hacker, hackPHS will have something for you!
</p>
</div>
<div class="facts-line reveal" aria-label="Event facts">
<div><strong>100+</strong><span>students</span></div>
<div><strong>24</strong><span>hours together</span></div>
<div><strong>$0</strong><span>to attend</span></div>
<div><strong>1</strong><span>weekend to build</span></div>
</div>
<p class="about-statement reveal">
You don't need a perfect idea or years of experience. Just bring a laptop, some curiosity, and a
willingness to try something new.
</p>
</div>
</section>
<section class="journey-section schedule-section light-stage" id="schedule" data-stage="day">
<div class="section-inner">
<div class="section-heading reveal">
<p class="section-number">02 / Schedule</p>
<h2>The night<br />flight plan...</h2>
<p class="schedule-intro">
The full workshop, meal, and activity schedule will be released soon. The event itself runs
from 9:00 AM on Saturday, October 3 through 12:00 PM on Sunday, October 4.
</p>
</div>
<div class="itinerary reveal">
<article class="itinerary-stop">
<p class="itinerary-stop__label">Saturday · October 3</p>
<time datetime="2026-10-03T09:00:00-04:00">9:00 <span>AM</span></time>
<h3>Doors open</h3>
<p>Check in at Princeton High School and get settled before the opening program.</p>
</article>
<div class="itinerary-route" aria-hidden="true">
<span></span>
<p>Build · learn · eat · repeat</p>
<span></span>
</div>
<article class="itinerary-stop itinerary-stop--arrival">
<p class="itinerary-stop__label">Sunday · October 4</p>
<time datetime="2026-10-04T12:00:00-04:00">12:00 <span>PM</span></time>
<h3>Event concludes</h3>
<p>Demos, judging, and the closing ceremony bring the weekend in for a landing.</p>
</article>
</div>
<p class="schedule-note reveal"><span>Full schedule</span> Coming soon.</p>
</div>
</section>
<section class="journey-section faq-section light-stage" id="faqs" data-stage="day">
<div class="section-inner">
<div class="section-heading section-heading--split reveal">
<div>
<p class="section-number">03 / FAQs</p>
<h2>Before you<br />pack your bag!</h2>
</div>
<p>
Everything first-time and returning hackers usually want to know. Still wondering about
something? Email <a href="mailto:team@hackphs.tech">team@hackphs.tech</a>
</p>
</div>
<div class="faq-list reveal">
<details>
<summary><span>01</span> Who can attend this event?</summary>
<p>
hackPHS 2026 is for high school students. If you are no longer in high school and would
like to help, consider becoming a mentor, chaperone, or volunteer by emailing
<a href="mailto:team@hackphs.tech">team@hackphs.tech</a>
</p>
</details>
<details>
<summary><span>02</span> How do I apply?</summary>
<p>
Registration is open for 2026! Fill out our
<a href="https://docs.google.com/forms/d/e/1FAIpQLSeebNRWyDxMRbN6KEoL7pdFbbd_xj2PjGi6kFLQ0ATAhoarzQ/viewform?usp=publish-editor" target="_blank" rel="noreferrer">registration form</a>
and you'll be good to go. Our Devpost is coming soon!
</p>
</details>
<details>
<summary><span>03</span> How do I become a mentor, chaperone, or volunteer?</summary>
<p>
Email <a href="mailto:team@hackphs.tech">team@hackphs.tech</a> with how you would like to
help, your availability, and any relevant experience.
</p>
</details>
<details>
<summary><span>04</span> What will be provided during the event?</summary>
<p>
Free food and drinks will be provided, including options for common dietary restrictions.
We will also have designated quiet sleeping areas and electrical outlets throughout the
cafeteria for charging devices.
</p>
</details>
<details>
<summary><span>05</span> What should I bring?</summary>
<p>
Bring a laptop, charger, any project hardware, a sleeping bag, a change of clothes,
toiletries, and anything else you need to stay comfortable overnight.
</p>
</details>
<details>
<summary><span>06</span> How do I form a team?</summary>
<p>
Teams of up to 4 people are encouraged (though not mandatory). If you don't have a team
before the event, don't worry! At the beginning of the event, there will be a team-building
workshop, which will be a great way to meet other enthusiastic people and even make new friends.
</p>
</details>
<details>
<summary><span>07</span> Is there a Code of Conduct?</summary>
<p>
All hackers must follow Major League Hacking's
<a href="https://github.com/MLH/mlh-policies/blob/main/code-of-conduct.md" target="_blank" rel="noreferrer">Code of Conduct</a>
and Princeton High School rules while on campus. All hackers should and are expected to
respect one another and help make the event safe and welcoming to participate in.
</p>
</details>
<details>
<summary><span>08</span> What can I win?</summary>
<p>
hackPHS hopes to emphasize learning and collaboration more so than competition—nonetheless,
there will be awesome prizes to be won for some of the best hacks made during the event!
The full prize list will be available on our
<strong>Devpost</strong> <span class="inline-coming-soon">(coming soon)</span>.
</p>
</details>
<details>
<summary><span>09</span> What can I learn?</summary>
<p>
While you can learn a great deal in the process of building an ambitious project in such a
limited time frame, we also plan to offer many introductory workshops (around 1 hour each)
during the event for those new to software and/or hardware engineering. Last year's topics
included Python, Web Development, and Circuitry, among many others—check our
<a href="#schedule">schedule</a> (coming soon) for the full list!
</p>
</details>
<details>
<summary><span>10</span> Where can I find hackPHS on social media?</summary>
<p>
Follow <a href="https://www.instagram.com/hackphs/" target="_blank" rel="noreferrer">@hackphs on Instagram</a>
for announcements and behind-the-scenes updates.
</p>
</details>
<details>
<summary><span>11</span> My question is not answered here.</summary>
<p>
Send it to <a href="mailto:team@hackphs.tech">team@hackphs.tech</a> and the team will help.
</p>
</details>
</div>
</div>
</section>
<section class="journey-section sponsors-section" id="sponsors" data-stage="twilight">
<div class="section-inner">
<div class="section-heading section-heading--split reveal">
<div>
<p class="section-number">04 / Sponsors</p>
<h2>The sponsors<br />behind this weekend!!</h2>
</div>
<p>
We are eternally grateful to each and every one of our sponsors. Their support makes this
entire weekend possible—from the food and prizes to the tools our hackers get to build with.
We truly could not do this without them.
</p>
</div>
<div class="sponsor-field reveal" aria-label="hackPHS 2026 sponsors">
<a href="https://nordvpn.com/" target="_blank" rel="noreferrer" aria-label="Visit NordVPN"><img src="/assets/sponsors/nordvpn.svg?v=20260807" alt="NordVPN" /></a>
<a href="https://nordpass.com/" target="_blank" rel="noreferrer" aria-label="Visit NordPass"><img src="/assets/sponsors/nordpass.png" alt="NordPass" /></a>
<a href="https://coveron.com/" target="_blank" rel="noreferrer" aria-label="Visit Coveron"><img src="/assets/sponsors/coveron.svg" alt="Coveron" /></a>
<a href="https://incogni.com/" target="_blank" rel="noreferrer" aria-label="Visit Incogni"><img src="/assets/sponsors/incogni.png" alt="Incogni" /></a>
<a href="https://saily.com/" target="_blank" rel="noreferrer" aria-label="Visit Saily"><img src="/assets/sponsors/saily.png" alt="Saily" /></a>
<a href="https://nexos.ai/" target="_blank" rel="noreferrer" aria-label="Visit nexos.ai"><img src="/assets/sponsors/nexos-ai.png" alt="nexos.ai" /></a>
<a class="sponsor-field__hrt" href="https://www.hudsonrivertrading.com/" target="_blank" rel="noreferrer" aria-label="Visit Hudson River Trading"><img src="/assets/sponsors/hrt.png?v=20260810b" alt="Hudson River Trading (HRT)" /></a>
<a href="https://fly.io/" target="_blank" rel="noreferrer" aria-label="Visit Fly.io"><img src="/assets/sponsors/fly.svg?v=20260810b" alt="Fly.io" /></a>
<a class="sponsor-field__aops" href="https://artofproblemsolving.com/" target="_blank" rel="noreferrer" aria-label="Visit Art of Problem Solving"><img src="/assets/sponsors/aops.png" alt="Art of Problem Solving" /></a>
</div>
<p class="sponsor-invite reveal">
<span class="sponsor-invite__lead">Interested in sponsoring?</span>
<span>
Check out our
<a href="/assets/documents/hackphs-2026-prospectus.pdf" target="_blank" rel="noreferrer">2026 prospectus</a>
and reach out to us at <a href="mailto:team@hackphs.tech">team@hackphs.tech</a>
</span>
</p>
</div>
</section>
</main>
<footer class="site-footer">
<div class="section-inner site-footer__inner">
<span>© hackPHS 2026</span>
<div class="site-footer__contact">
<strong>Contact us:</strong>
<a href="mailto:team@hackphs.tech">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M22 7l-10 7L2 7"/></svg>
<span>team@hackphs.tech</span>
</a>
<a href="https://www.instagram.com/hackphs/" target="_blank" rel="noreferrer">
<svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"/><line x1="17.5" y1="6.5" x2="17.51" y2="6.5"/></svg>
<span>@hackphs</span>
</a>
</div>
</div>
</footer>
</body>
</html>