-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathindex.html
More file actions
491 lines (474 loc) · 20.2 KB
/
index.html
File metadata and controls
491 lines (474 loc) · 20.2 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- STYLES -->
<link rel="stylesheet" href="stylesheets/main.css" />
<script
src="https://kit.fontawesome.com/be15dc1a73.js"
crossorigin="anonymous"
></script>
<!-- SEO -->
<!-- Primary Meta Tags -->
<meta
name="description"
content="The Official Youngstown State University Hackathon."
/>
<meta
name="keywords"
content="hackathon, coding, programming, game jam, hackysu, yph, youngstown penguin hackers, hack, ysu, ysu computer club, youngstown computer club"
/>
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://hackysu.com/" />
<meta property="og:title" content="HackYSU" />
<meta
property="og:description"
content="The official Youngstown State University Hackathon."
/>
<meta
property="og:image"
content="https://hackysu.com/images/HackYSU2026-3-01.png"
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://hackysu.com/" />
<meta property="twitter:title" content="HackYSU" />
<meta
property="twitter:description"
content="The official Youngstown State University Hackathon."
/>
<meta
property="twitter:image"
content="https://hackysu.com/images/HackYSU2026-3-01.png"
/>
<link rel="icon" href="https://hackysu.com/images/HackYSU2026-3-01.png" />
<title>HackYSU</title>
</head>
<body>
<div class="hero">
<header>
<nav>
<ul>
<li>
<a href="#faq">FAQ</a>
</li>
<li>
<a href="#sponsors">Sponsors</a>
</li>
<li>
<a href="#contact">Contact</a>
</li>
<li>
<a href="https://ysucomputerclub.com/" target="_blank"
>YSU Computer Club</a
>
</li>
</ul>
</nav>
</header>
<div class="content">
<h1>HackYSU 2026 is happening! RSVP at the links below</h1>
<p>March 13 - 15, 2026</p>
<p>DeBartolo Stadium Club, Stambaugh Stadium - Youngstown State University</p>
<img src="https://hackysu.com/images/HackYSU2026-3-01.png" alt="HackYSU 2026" />
</div>
</div>
<div class="section-space"></div>
<div class="page-container">
<main>
<section class="register">
<!--<h2>Registration will be opening very soon. Please check back later to RSVP.</h2>-->
<div class="links">
<a
target="_blank"
href="https://docs.google.com/forms/d/e/1FAIpQLSdmUtFajbNKuDvu6ajQEhwzcqA0Hs2wIpKyXsP7S8IPEe1C5w/viewform?usp=header"
>Student</a
>
<a
target="_blank"
href="https://docs.google.com/forms/d/e/1FAIpQLSc9MTs8SEE5dHoYiqp-wKCkfRcZdwFs1L66egIDTuNa-VY8tw/viewform?usp=header"
>Mentor/Judge</a
>
<a
target="_blank"
href="https://docs.google.com/forms/d/e/1FAIpQLSeCQrKUciCxw54IlkLtcUvCa3o7uuD2O5aN2bgmbM1KmE2vxA/viewform?usp=publish-editor"
>Presenter</a
>
</div>
</section>
<div class="section-space"></div>
<section id="winners" class="info-section">
<h2>HackYSU 2026 Prize Categories</h2>
<hr></hr>
<h3>Misc Prize Category: "Best Western Music / Use of Audio"</h3><br>
<h4>Winner(s): Jonathon H. with "Hearthside"</h4>
<br>
<h3>Misc Prize Category: "Best Use of AWS Web Services"</h3><br>
<h4>Winner(s): MD Mushfiqur R., Arsh S., Tirsan S. with "SATsec"</h4>
<br>
<h3>Misc Prize Category: "Best Lone Wolf Team"</h3><br>
<h4>Winner(s): Mohit D. with "Neon-Net Collective"</h4>
<br>
<h3>3rd Place Prize</h3><br>
<h4>Winner(s): Sumaia I. with "Streetlight"</h4>
<br>
<h3>2nd Place Prize</h3><br>
<h4>Winner(s): MD Mushfiqur R., Arsh S., Tirsan S. with "SATsec"</h4>
<br>
<h3>1st Place Prize</h3><br>
<h4>Winner(s): Jonathon H. with "Hearthside"</h4><br>
<br>
<h3>Congrats to our winners, and thank you everyone for attending!</h3>
</section>
<div class="section-space"></div>
<section id="faq" class="info-section">
<h2>Frequently Asked Questions</h2>
<hr />
<ul class="faq">
<li class="faq-item">
<p>What is HackYSU?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
HackYSU is a hack-a-thon / make-a-thon, an event where students
of all majors and experience levels come together to create
something - normally a creative technology project like an app
or website - over the course of a weekend.
</p>
</div>
<li class="faq-item">
<p>Where and when is HackYSU?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
HackYSU 2026 will be held in the Debartolo Stadium Club, Stambaugh Stadium, at Youngstown State University.
March 13-15 2026
</p>
</div>
<li class="faq-item">
<p>What if I don't know what to make?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
If you aren't sure what to make, that's okay! Some projects only become apparent the weekend of, and that's part of the fun.
</p>
<p>There will be an intinerary full of workshops to inspire you. Whether its a website, game, application, hardware, a data science solution or something you just made on the computer we want to see it!*</p>
<p>*Within reason. Remember this is a collegiate event that may have minors in attendance.</p>
</div>
<li class="faq-item">
<p>What do people do at hackathons?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Students will have 36 hours to create anything they want –
software, hardware, a business plan, art, a design, anything –
in the pursuit of experience, fun, knowledge, and prizes.
Projects will be exhibited in a showcase Sunday around noon.
</p>
</div>
<li class="faq-item">
<p>Do I register for my team? What if I'm alone?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Registration is on a person-by-person basis. Even if you know who your team is, each team member will need to register separately.
</p>
<p>If you're attending alone, that is okay! There will be a teambuilding event on the intinerary to help you find who your people are. And lone wolves win prizes too!</p>
</div>
<li class="faq-item">
<p>Does it cost anything to participate?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Nope! Not only is HackYSU free, but you'll recieve some
complimentary food and swag too.
</p>
</div>
<li class="faq-item">
<p>How do I register?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>Use the Registration link at the top of the site! </p>
<p>
If you are under 18 or a high school student please email us at
<a href="mailto:contact@ysucomputerclub.com"
>contact@ysucomputerclub.com
</a>
prior to the event to be sent parent/guardian liability waiver documents.
</p>
<p>
If you already know who your team is, great! Each team member will still need to register independently to ensure we capture t shirt size, dietary restrictions, and so on.
</p>
</div>
<li class="faq-item">
<p>Are there prizes?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Yep! There will be ranked prizes for the best projects, and
potentially other prizes for various categories thanks to our
amazing sponsors. But really, it's not about winning as much as
it's about learning, creating, and networking.
</p>
</div>
<li class="faq-item">
<p>Do I need to be able to code?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Nope! Not only is HackYSU not a programming-only event (though
there will be a lot of it), it is an educational experience. No
matter what your experience is, you are welcome here. Everyone
is invited to expand their skill set and make something! We'll
have mentors around helping students with their hacks and
hardware - including our Raspberry Pis you can borrow and hack
on. There will also be a team building session where you can
meet some other attendees who you can work with for the weekend!
</p>
<p> </p>
<p>Our friends over at Kent Hack Enough put together this guide on how to succeed at a hackathon, no matter your technical background.</p>
<a href="https://tobeofuse.github.io/hackathon-guide/">Check it out by clicking the link here!</a>
<p> </p>
</div>
<li class="faq-item">
<p>What are the rules?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Hackers must abide by
<a
href="https://static.mlh.io/docs/mlh-code-of-conduct.pdf"
target="_blank"
>Major League Hacking's Code of Conduct</a
>
and
<a
href="https://ysu.edu/student-conduct/student-code-conduct"
target="_blank"
>YSU's Code of Conduct</a
>.
</p>
<p>
Also, teams must consist of 5 or less hackers, and all projects
must be created at the hackathon to qualify for prizes. Feel
free to plan a bit at home, but it wouldn't be fair if you had
a head start!
</p>
</div>
<li class="faq-item">
<p>What do I need to participate?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Ideally, you'll have a computer and some hygiene basics, but if
you don't have access to a personal computer, let us know! We
will have Raspberry Pis available for you to borrow for the
duration of the event, and we can look into getting monitors,
keyboards, etc.
</p>
</div>
<li class="faq-item">
<p>Have another question?</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="panel">
<p>
Email us at
<a href="mailto:contact@ysucomputerclub.com"
>contact@ysucomputerclub.com
</a>
and we'll take care of you.
</p>
</div>
</ul>
</section>
<div class="section-space"></div>
<section id="parking" class="info-section parking">
<h2>HackYSU Parking Information</h2>
<hr />
<p>
Any company and non-YSU students attending the event should notify
parking attendants in the M70 deck that you
are attending HackYSU. The Computer Club will be covering parking
costs. All attendees can park overnight.
Those who are not YSU students will have their parking paid for in advance.
</p>
<p>
The M70 parking deck will be located at 333 Grant St. in Youngstown and the event
will be held in the Debartolo Stadium Club at the top floor of the
YSU Football Stadium. Follow signage inside the stadium leading to the upper floors to reach the venue.
</p>
<a href="https://www.google.com/maps/dir//333%20Grant%20St.,%20Youngstown,%20OH%2044502"><p>Click Here for GPS Directions to Lot M70</p></a>
<div class="image">
<img src="/images/newmap.png" alt="YSU Campus Map" />
<p> </p>
<p><u><strong>I'm Here - Where Do I Go??</strong></u> <br> If you parked in lot M70 - you have some walking to do. <a href="/images/attendance_instructions.png" target="_blank"><u>Use this image</u></a> to check in and make sure youre going the right way. If you get lost, <a href="mailto:contact@ysucomputerclub.com">email us</a> and we can come find you.</p>
</div>
</section>
<div class="section-space"></div>
<section id="itinerary" class="info-section itinerary">
<h2 style="padding:1rem">HackYSU Itinerary March 13 - March 15</h2>
<hr />
<!--<ul> OLD
<li class="day-item">
<p>Friday</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="day-table">
<a href="/images/Friday.png" target="_blank"><img src="/images/Friday.png" /></a>
</div>
<li class="day-item">
<p>Saturday</p>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="day-table">
<a href="/images/Saturday.png" target="_blank"><img src="/images/Saturday.png" />
</div>
<li class="day-item">
<p>Sunday</p></a>
<i class="fa-solid fa-angle-down"></i>
</li>
<div class="day-table">
<a href="/images/Sunday.png" target="_blank"><img src="/images/Sunday.png" /></a>
</div>
</ul>-->
<!-- HackYSU 2026 Itinerary Google Calendar Link -->
<div style="position:relative;width:100%;padding-top:75%;overflow:hidden;">
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&ctz=America%2FNew_York&showPrint=0&mode=WEEK&title=HackYSU%202026%20Itinerary&showTabs=0&showCalendars=0&showTz=0&src=Y184MTI3NjM1NzYxZWI0OTNkMTAwMTJhM2NlMjkwZGIzYzNhZDU3NjMwYTI4Y2VkODFjYzY4Y2EzZjNiYmJlMDMwQGdyb3VwLmNhbGVuZGFyLmdvb2dsZS5jb20&color=%237986cb" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;" frameborder="0" scrolling="no"></iframe>
</div>
<br>
<p>Old fashioned? Prefer images? Click below!</p><br>
<hr />
<p>Note: May be outdated if itinerary changes mid-event. Check with an organizer if you are uncertain.</p><br>
<a href="/images/26_1_friday.png" target="_blank"><p>Friday Schedule (PNG)</p></a><br>
<a href="/images/26_2_Sat.png" target="_blank"><p>Saturday Schedule (PNG)</p></a><br>
<a href="/images/26_3_sun.png" target="_blank"><p>Sunday Schedule (PNG)</p></a><br>
</section>
<div class="section-space"></div>
<section id="sponsors" class="info-section sponsors">
<h2>Sponsors</h2>
<hr />
<p>Title Sponsor</p>
<div class="icons">
<<a
href="https://ysu.edu/academics/science-technology-engineering-mathematics"
target="_blank"
>
<img src="/images/stem.png" alt="YSU STEM Icon" />
</a>
<!--<p>Coming soon!</p>-->
</div>
<p>Tier 2 Sponsors</p>
<div class="icons">
<a href="https://45press.com/" target="_blank">
<img src="/images/45press_logo.png" alt="45Press Logo"/>
</a><!-- <a href="https://ybi.org/programs/evolve/" target="_blank">
<img src="/images/ybi.png" alt="YBI Icon" />
</a>-->
<a href="https://thatgamecompany.com/" target="_blank">
<img src="/images/thatgamecompany.png" alt="that game company logo"/>
</a>
</div>
<p>Tier 1 Sponsors</p>
<div class="icons">
<a href="https://sga.ysu.edu/" target="_blank">
<img src="/images/sga-logo.png" alt="Student Government Association" />
</a>
<a href="https://ippowerhouse.com/" target="_blank">
<img src="/images/IPP.png" alt="IP Powerhouse Distribution" />
</a>
<a href="https://www.inknthreadworks.com/" target="_blank">
<img src="/images/inknthread.png" alt="ink n thread logo"/></a>
<!--
<a href="https://oakhillcollaborative.org" target="_blank">
<img src="/images/ohc.png" alt="Oak Hill Icon" />
</a>
<a
href="https://primeserversinc.com/"
target="_blank"
>
<img src="/images/primeservers.png" alt="Prime Servers Icon" />
</a>
<p>Coming soon!</p>-->
</div>
<p class="join">
If you are interested in joining us as a sponsor,
<a href="mailto:contact@ysucomputerclub.com">contact us</a> for more
information!
</p>
</section>
<div class="section-space"></div>
<section id="contact" class="info-section contacts">
<h2>Contact Us</h2>
<hr />
<div>
<a href="mailto:contact@ysucomputerclub.com">
<i class="fa-solid fa-envelope"></i>
</a>
<a href="https://www.facebook.com/ysucomputerclub" target="_blank">
<i class="fa-brands fa-square-facebook"></i>
</a>
<a href="https://github.com/ysucomputerclub/" target="_blank">
<i class="fa-brands fa-square-github"></i>
</a>
<a href="https://twitter.com/YSUComputer" target="_blank">
<i class="fa-brands fa-square-twitter"></i>
</a>
<a
href="https://www.youtube.com/channel/UCOTZnlGzu_zgOfSF9WpIxRQ/playlists"
target="_blank"
>
<i class="fa-brands fa-youtube"></i>
</a>
</div>
</section>
</main>
</div>
<footer>
<p>HackYSU 2015 - 2026</p>
<p>An initiative of the YSU Computer Club</p>
</footer>
</body>
</html>
<script>
var faq = document.getElementsByClassName("faq-item");
var i;
for (i = 0; i < faq.length; i++) {
faq[i].addEventListener("click", function () {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
var acc = document.getElementsByClassName("day-item");
var j;
for (j = 0; j < acc.length; j++) {
acc[j].addEventListener("click", function () {
this.classList.toggle("active");
var dayItem = this.nextElementSibling;
if (dayItem.style.maxHeight) {
dayItem.style.maxHeight = null;
} else {
dayItem.style.maxHeight = dayItem.scrollHeight + "px";
}
});
}
</script>