882 lines
80 KiB
HTML
882 lines
80 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--
|
|
Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
|
|
|
|
Web-Designed by James Dinh ᓚᘏᗢ from scratch using HTML, CSS, and JS
|
|
For more info, contact jamesdinh77 (at) protonmail (dot) com
|
|
|
|
Copyright Disclaimer: This Source Code is Copyright (c) 2022 Gilroy Hacks All Rights Reserved.
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
|
|
<title>Gilroy Hacks</title>
|
|
<link href="css/general.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="css/splide.min.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="stylesheet" href="css/leaflet.css"/>
|
|
<link rel="icon" href="img/icon.ico">
|
|
<link rel="apple-touch-icon" href="img/Gilroy_Hacks_Logo_app.png">
|
|
|
|
<meta name="author" content="Gilroy Hacks">
|
|
<meta name="copyright" content="This site and its pages are Copyright (c) 2023 Gilroy Hacks All Rights Reserved.">
|
|
<meta name="description" content="Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.">
|
|
<meta name="keywords" content="Gilroy Hacks, GilroyHacks, Gilroy, hackathon, Bay Area, GECA, Dr. TJ Owens Gilroy Early College Academy">
|
|
|
|
<!-- JavaScript Refs -->
|
|
<!-- <script defer src="js/leaflet.js"></script>
|
|
<script defer src="js/map.js"></script> -->
|
|
<script defer src="js/splide.min.js"></script>
|
|
<script defer src="js/general.js"></script>
|
|
<!-- <script defer src="js/apexcharts.js"></script> -->
|
|
<script defer src="js/jquery-3.6.0.min.js"></script>
|
|
<script defer data-domain="gilroyhacks.com" src="https://plausible.gilroyhacks.com/js/script.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: "Glacial Indifference";
|
|
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
|
|
font-display: swap;
|
|
}
|
|
@font-face {
|
|
font-family: "Norwester";
|
|
src: url("font/Norwester.otf") format('opentype');
|
|
/* font-display: swap; */
|
|
}
|
|
body {
|
|
position: relative;
|
|
background-color: #0d1117;
|
|
color: #f2f1ef;
|
|
font-family: "Glacial Indifference";
|
|
}
|
|
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 15px;
|
|
}
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
box-shadow: inset 0 0 2px grey;
|
|
background-color: rgb(12, 14, 26);
|
|
}
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgb(38, 45, 75);
|
|
border-radius: 5px;
|
|
}
|
|
/* Handle on hover */
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgb(31, 36, 61);
|
|
}
|
|
</style>
|
|
<!--For icons, go here: https://iconsvg.xyz/ or https://icomoon.io/app/#/select-->
|
|
<!-- Compress Images: https://imageresizer.com/image-compressor -->
|
|
</head>
|
|
<body>
|
|
<!--Nav-->
|
|
<nav id="navBar">
|
|
<div class="nav-container">
|
|
<a id="nav-logo-a" href="./">
|
|
<img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
|
|
</a>
|
|
<div id="banner">
|
|
<p id="banner-text"><a class="navlink" id="timer-link" href="#schedule"><span id="event-name">loading...</span></a> <div id="timer-container">in
|
|
<span id="timer">---</span></div>
|
|
</p>
|
|
</div>
|
|
<input class="menu-btn" onclick="CheckNavOpen()" type="checkbox" id="menu-btn"/>
|
|
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
|
|
<ul class="nav-menu">
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="#event">Event</a></li>
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="#workshops">Workshops</a></li>
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="#prizes">Prizes</a></li>
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="#team">Team</a></li>
|
|
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./rules">Rules<svg id="nav-icon" class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
|
|
</ul>
|
|
<a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
|
|
</div>
|
|
</nav>
|
|
<!--Front Page-->
|
|
<header>
|
|
<div id="header-background">
|
|
<div id="header-gradient">
|
|
<div id="header">
|
|
<img id="logo" src="img/logo_mini.png" alt="logo"/>
|
|
<div class="waviy" id="top-logo-text">
|
|
<span style="--i:0.1s">G</span>
|
|
<span style="--i:0.2s">I</span>
|
|
<span style="--i:0.3s">L</span>
|
|
<span style="--i:0.4s">R</span>
|
|
<span style="--i:0.5s">O</span>
|
|
<span style="--i:0.6s">Y</span>
|
|
</div>
|
|
<div class="waviy" id="bottom-logo-text">
|
|
<span style="--i:0.7s">H</span>
|
|
<span style="--i:0.8s">A</span>
|
|
<span style="--i:0.9s">C</span>
|
|
<span style="--i:1.0s">K</span>
|
|
<span style="--i:1.1s">S</span>
|
|
</div>
|
|
<hr id="line-header">
|
|
<div class="header-info">
|
|
<a class="link tooltip header-link left" id="header-tooltip" style="--i:0.1s" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T170000Z%2F20230417T000000Z&details=Participate%20in%20a%20weekend-long%20hackathon%20to%20strengthen%20your%20coding%20skills%20and%20earn%20some%20cool%20prizes%21&location=Gilroy%20Library&text=Gilroy%20Hacks%20Hackathon"><h2 class="header-subtitle" id="header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg> Apr 15 - 16</h2></a>
|
|
<a class="link tooltip header-link right" id="map-tooltip" style="--i:0.3s" target="_blank" href="https://goo.gl/maps/sAwTRMW3zRkZphV77"><h2 class="header-subtitle"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z"/><circle cx="12" cy="10" r="3"/></svg> Gavilan College</h2></a>
|
|
<a class="tooltip header-link left" id="spots-tooltip" style="--i:0.5s" href="https://forms.gle/DGhhtikk5j72E59G8" target="_blank">
|
|
<div id="spots-container">
|
|
<div class="blob green" aria-hidden="true"></div>
|
|
<h2 id="header-subtitle-spots">Signup Form<svg class="new-tab-icon sub-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></h2>
|
|
</div>
|
|
</a>
|
|
<a class="link tooltip header-link right" id="donate-tooltip" style="--i:0.7s" target="_blank" href="https://bank.hackclub.com/donations/start/gilroy-hacks"><h2 class="header-subtitle donate"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg> Donate<svg class="new-tab-icon sub-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></h2></a>
|
|
</div>
|
|
<div id="entrance-arrow">
|
|
<a href="#event" id="arrow-link">
|
|
Scroll
|
|
<svg id="arrow" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"/></svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<!--Main-->
|
|
<main>
|
|
<section id="event">
|
|
<h2 class="topic">Event Details</h2>
|
|
<hr class="line">
|
|
<div id="event-container">
|
|
<article id="event-description">
|
|
<div id="event-title">
|
|
<h2 class="description-heading">New Hackathon Who Dis?</h2>
|
|
</div>
|
|
<h3 id="headline-recap">A recap of Summer 2022:</h3>
|
|
<div class="splide" id="splide" aria-label="Splide Slideshow">
|
|
<div class="splide__track">
|
|
<ul class="splide__list">
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/first_place_winner.jpg" loading="lazy" alt="First place winners"><span class="slide-caption">🎉 First Place Winners - Christian Nguyen, Connor Palsgrove 🎉</span></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/opening_ceremony.jpg" loading="lazy" alt="Opening Ceremony"><span class="slide-caption">Opening Ceremony 👍</span></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/brainstorm.png" loading="lazy" alt="Brainstorming ideas..."><span class="slide-caption">🤔 Brainstorming ideas...</span></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/python_workshop.jpg" loading="lazy" alt="Python Workshop"><span class="slide-caption">💻 Python Workshop 💻</span></div></li>
|
|
<li class="splide__slide"><div class="slide-content"><img class="slide-img" src="img/prizes.png" loading="lazy" alt="Prizes"><span class="slide-caption">🏆 Prizes! 🏆</span></div></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<hr id="div-hr"><br>
|
|
<span class="caption" id="splash-entrance">Some info on us...</span>
|
|
<div class="splash-container" id="what-GilroyHacks">
|
|
<h2 class="splash-title">What is Gilroy Hacks?</h2>
|
|
<div class="splash-desc">Are you interested in coding, engineering, or STEM? Does a weekend full of intense brainstorming and coding extravaganza
|
|
with tons of other like-minded students sound (at the least bit) interesting to you? Gilroy Hacks is all about letting students
|
|
showcase their skills and teaching new concepts to newcomers!</div>
|
|
</div>
|
|
<div class="splash-group">
|
|
<div class="splash-container" id="why-GilroyHacks">
|
|
<h2 class="splash-title">Why?</h2>
|
|
<div class="splash-desc">We wanted to give the power for students to create what they make best: projects that make a difference.</div>
|
|
</div>
|
|
<div class="splash-container" id="who-GilroyHacks">
|
|
<h2 class="splash-title">Who are we?</h2>
|
|
<div class="splash-desc">We're a group of high schoolers in the Bay Area looking to spread our love of coding and collaboration to local students.</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="signup-article">
|
|
<div id="signup-title">
|
|
<h2 class="signup-header">Signup Checklist</h2>
|
|
<span class="caption">Click each step to cross it out!</span>
|
|
</div>
|
|
<div id="steps-card">
|
|
<div class="signup-container" id="signup-checklist">
|
|
<div class="outer">
|
|
<div class="card">
|
|
<div class="info">
|
|
<!-- Checklist src: https://codepen.io/milanraring/pen/QWbqBGo -->
|
|
<div class="checklist">
|
|
<input id="01" onclick="save()" type="checkbox" name="r" value="1">
|
|
<label for="01">
|
|
<p class="title">1. Sign up w/ this <a onclick="check('01'); save()" class="link tooltip" id="signup-link" target="_blank" href="https://forms.gle/DGhhtikk5j72E59G8">form</a></p>
|
|
</label>
|
|
<label for="01">
|
|
<span class="step-desc">- These questions are used to gauge your experience and skills so we can pair you with others</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div class="checklist">
|
|
<input id="02" onclick="save()" type="checkbox" name="r" value="2">
|
|
<label for="02">
|
|
<p class="title">2. Join the <a onclick="check('02'); save()" class="link tooltip" id="discord-link" target="_blank" href="https://discord.gg/nkTDKMcYbr">Discord</a></p>
|
|
</label>
|
|
<label for="02">
|
|
<span class="step-desc">- Please change your nickname to your First and Last name</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div class="checklist">
|
|
<input id="03" onclick="save()" type="checkbox" name="r" value="3">
|
|
<label for="03">
|
|
<p class="title">3. Create/join a team</p>
|
|
</label>
|
|
<label for="03">
|
|
<span class="step-desc">- Join teams in the Discord Server!</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div class="checklist">
|
|
<input id="04" onclick="save()" type="checkbox" name="r" value="4">
|
|
<label for="04">
|
|
<p class="title">4. Start preparing</p>
|
|
</label>
|
|
<label for="04">
|
|
<span class="step-desc">
|
|
- Between now and the start of the hackathon is a great time to download any software you may need
|
|
<br>
|
|
- However, you can't start working on the project until the hackathon begins
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div class="checklist">
|
|
<input id="05" onclick="save()" type="checkbox" name="r" value="5">
|
|
<label for="05">
|
|
<p class="title">5. Wait for the hackathon to start!</p>
|
|
</label>
|
|
<label for="05">
|
|
<span class="step-desc">- Mark your calendars, Aug 12 - 14</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="sponsor-title">
|
|
<h2 id="sponsor-heading">Sponsors</h2>
|
|
<span class="caption">Interested in sponsoring our event?<br>Send us an email at <a class="link tooltip email-link email-replace-vijay" target="_blank" href="mailto:vijaykethanaboyina-at-gmail-dot-com">vijaykethanaboyina (at) gmail (dot) com</a></span>
|
|
</div>
|
|
<div id="sponsor-container">
|
|
<a href="https://1password.com/" target="_blank">
|
|
<img src="img/1Password_logo.svg" loading="lazy" alt="1Password logo">
|
|
</a>
|
|
<a href="https://artofproblemsolving.com/" target="_blank">
|
|
<img src="img/AOPS_logo" loading="lazy" alt="AOPS logo">
|
|
</a>
|
|
<a href="https://www.wolfram.com/language/" target="_blank">
|
|
<img src="img/WolframHackathonLogo2023.png" loading="lazy" alt="Wolfram Alpha logo">
|
|
</a>
|
|
<a href="https://taskade.com/" target="_blank">
|
|
<img src="img/taskade_logo" loading="lazy" alt="taskade logo">
|
|
</a>
|
|
<a href="https://www.gavengineering.club/" target="_blank">
|
|
<img id="gear-club-logo" src="img/gear_logo.png" loading="lazy" alt="GEAR Club logo">
|
|
</a>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<!-- <div id="map-article">
|
|
<article id="map-div">
|
|
<h2 class="map-title">Location</h2>
|
|
<div id="map-container">
|
|
<div id="map">Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</div> -->
|
|
</section>
|
|
<section id="schedule">
|
|
<div id="schedule-title">
|
|
<h2 id="schedule-heading">Event Schedule</h2>
|
|
<span class="caption">The official Spring 2023 Hackathon schedule</span>
|
|
</div>
|
|
<div class="schedule-parent" id="schedule-pa">
|
|
<div class="schedule-element">
|
|
<h3 class="time-column-header">Saturday</h3>
|
|
<div class="schedule-container">
|
|
<!-- TIMES -->
|
|
<div class="time start-800"><span>8:00am</span></div>
|
|
<div class="time start-900"><span>9:00am</span></div>
|
|
<div class="time start-1000"><span>10:00am</span></div>
|
|
<div class="time start-1100"><span>11:00am</span></div>
|
|
<div class="time start-1200"><span>12:00pm</span></div>
|
|
<div class="time start-1300"><span>1:00pm</span></div>
|
|
<div class="time start-1400"><span>2:00pm</span></div>
|
|
<div class="time start-1500"><span>3:00pm</span></div>
|
|
<div class="time start-1600"><span>4:00pm</span></div>
|
|
<div class="time start-1700"><span>5:00pm</span></div>
|
|
<div class="time start-1800"><span>6:00pm</span></div>
|
|
<div class="time start-1900"><span>7:00pm</span></div>
|
|
<div class="time start-2000"><span>8:00pm</span></div>
|
|
<div class="time start-2100"><span>9:00pm</span></div>
|
|
|
|
<!-- EVENTS -->
|
|
<div class="event start-800 end-800 length-4 empty"></div>
|
|
<div class="event logistics start-900 end-900 length-2" onclick="showModal('check-in')">Check In<span>9 - 9:30am</span></div>
|
|
<div class="event logistics start-900 end-900 length-2" onclick="showModal('opening-ceremony')">Opening Ceremony<span>9:30 - 10am</span></div>
|
|
<div class="event hacking start-1000 end-1000 length-4" onclick="showModal('hacking-starts')">✅ Hacking starts<span>Start 10am</span></div>
|
|
<div class="event start-1000 end-1000 length-4 empty"></div>
|
|
<div class="event workshop start-1100 end-1100 length-4" onclick="showModal('workshop1')">🌐 Web Dev Workshop<span>11am - 12pm</span></div>
|
|
<div class="event food start-1200 end-1200 length-4" onclick="showModal('lunch')">🍕 Lunch<span>12 - 1pm</span></div>
|
|
<div class="event start-1300 end-1300 length-4 empty"></div>
|
|
<div class="event workshop start-1400 end-1400 length-4" onclick="showModal('workshop2')">💻 Python Workshop<span>2 - 3pm</span></div>
|
|
<div class="event start-1500 end-1500 length-4 empty"></div>
|
|
<div class="event game start-1600 end-1600 length-4" onclick="showModal('activity1')">🏓 Ping Pong Tournament<span>Start 4pm</span></div>
|
|
<div class="event game start-1700 end-1700 length-4" onclick="showModal('activity2')">🤔 Kahoot (Programming Concepts)<span>Start 5pm</span></div>
|
|
<div class="event start-1800 end-1800 length-4 empty"></div>
|
|
<div class="event start-1900 end-1900 length-4 empty"></div>
|
|
<div class="event start-2000 end-2000 length-4 empty"></div>
|
|
<div class="event start-2100 end-2100 length-4 empty"></div>
|
|
</div>
|
|
</div>
|
|
<div class="schedule-element">
|
|
<h3 class="time-column-header">Sunday</h3>
|
|
<div class="schedule-container">
|
|
<!-- TIMES -->
|
|
<div class="time start-800"><span>8:00am</span></div>
|
|
<div class="time start-900"><span>9:00am</span></div>
|
|
<div class="time start-1000"><span>10:00am</span></div>
|
|
<div class="time start-1100"><span>11:00am</span></div>
|
|
<div class="time start-1200"><span>12:00pm</span></div>
|
|
<div class="time start-1300"><span>1:00pm</span></div>
|
|
<div class="time start-1400"><span>2:00pm</span></div>
|
|
<div class="time start-1500"><span>3:00pm</span></div>
|
|
<div class="time start-1600"><span>4:00pm</span></div>
|
|
<div class="time start-1700"><span>5:00pm</span></div>
|
|
<div class="time start-1800"><span>6:00pm</span></div>
|
|
<div class="time start-1900"><span>7:00pm</span></div>
|
|
<div class="time start-2000"><span>8:00pm</span></div>
|
|
<div class="time start-2100"><span>9:00pm</span></div>
|
|
|
|
<!-- EVENTS -->
|
|
<div class="event start-800 end-800 length-4 empty"></div>
|
|
<div class="event food start-9900 end-900 length-4" onclick="showModal('breakfast')">☕ Coffee & Bagels 🥯<span>9 - 10am</span></div>
|
|
<div class="event start-900 end-900 length-4 empty"></div>
|
|
<div class="event start-1000 end-1000 length-4 empty"></div>
|
|
<div class="event start-1100 end-1100 length-4 empty"></div>
|
|
<div class="event food start-1200 end-1200 length-4" onclick="showModal('lunch')">🍕 Lunch<span>12 - 1pm</span></div>
|
|
<div class="event start-1300 end-1300 length-4 empty"></div>
|
|
<div class="event hacking start-1400 end-1400 length-2 small" onclick="showModal('hacking-ends')">🛑 Hacking ends<span>Deadline: 2pm</span></div>
|
|
<div class="event logistics start-1400 end-1400 length-2 small" onclick="showModal('presentation-planning')">Presentation Planning<span>2 - 3pm</span></div>
|
|
<div class="event logistics start-1500 end-1600 length-4" onclick="showModal('project-presentations')">📢 Project Presentations<span>3 - 5pm</span></div>
|
|
<div class="event start-1700 end-1700 length-2" onclick="showModal('judging')">Judging<span>5 - 5:30pm</span></div>
|
|
<div class="event start-1700 end-1700 length-2" onclick="showModal('awards-ceremony')">🏆 Awards Ceremony<span>5:30 - 6pm</span></div>
|
|
<div class="event start-1800 end-1800 length-4 empty"></div>
|
|
<div class="event start-1900 end-1900 length-4 empty"></div>
|
|
<div class="event start-2000 end-2000 length-4 empty"></div>
|
|
<div class="event start-2100 end-2100 length-4 empty"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="modal-overlay">
|
|
<div class="modal logistics-border" id="check-in">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header logistics">
|
|
<h2>Check In</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 9 - 9:15am</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p>Try to arrive by 9:15am so we can get you your lanyard, merch, and table!</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal logistics-border" id="opening-ceremony">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header logistics">
|
|
<h2>Opening Ceremony</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 9:15 - 10am</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.</p>
|
|
<ul class="timeline-description-list">
|
|
<li>Fully in-person event held in the <u>Student Center</u> at Gavilan College</li>
|
|
<li><span class="important-text">=IMPORTANT=</span> DO NOT START CODING during this period</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="modal hacking-border" id="hacking-starts">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header hacking">
|
|
<h2>✅ Hacking starts</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: Starts at 10am</h3><br>
|
|
<p class="timeline-description">Now's your time to shine! Start working with your team to build your project. No strings attached!</p>
|
|
<ul class="timeline-description-list">
|
|
<li><span class="important-text">=IMPORTANT=</span> Your project must follow one of the given prompts; otherwise, your team may lose a lot of points for unrelated topic deductions</li>
|
|
<li><u>In-person</u> - coding shall be done IN-PERSON (though, you may work on your projects at home as well)</li>
|
|
<li>Remember, you only have 29 hours to complete your project... Use your time wisely</li>
|
|
</ul>
|
|
<div class="timeline-links">
|
|
<a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
|
|
<a target="_blank" href="https://docs.google.com/document/d/1orakhyHzQOzGaL6r1CCQzZAWt8U1GTdaC9wcrvCiu5w/edit"><div class="timeline-button">Prompts</div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal food-border" id="lunch">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header food">
|
|
<h2>🍕 Lunch</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 12 - 1pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">Food options TBA!</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal workshop-border" id="workshop1">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header workshop">
|
|
<h2>🌐 Web Dev Workshop</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 11am - 12pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: LI 128 (Library)</h3><br>
|
|
<p class="timeline-description">A chance for you to learn the world's most common version control system: Git -- and how to create your own website!</p>
|
|
<ul class="timeline-description-list">
|
|
<li>Instructed by ya boi <u>James</u></li>
|
|
<li>Make sure to bring your laptop to follow along!</li>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="modal workshop-border" id="workshop2">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header workshop">
|
|
<h2>💻 Python Workshop</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 2 - 3pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: LI 128 (Library)</h3><br>
|
|
<p class="timeline-description">Join us for a lecture on Python Programming basics. You'll learn basic data structures and be able to code your own programs!</p>
|
|
<ul class="timeline-description-list">
|
|
<li>Instructed by Comp Sci A brainiac <u>Clement</u></li>
|
|
<li>Make sure to bring your laptop to follow along!</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="modal game-border" id="activity1">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header game">
|
|
<h2>🏓 Ping Pong Tournament</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: Starts at 4pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">Play in a pyramid-style 🏓table tennis🏓 tournament with other hackers!</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal game-border" id="activity2">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header game">
|
|
<h2>🤔 Kahoot (Programming Concepts)</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: Starts at 5pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">Get studying with your concepts, cuz we'll be quizzing you 👀 (1st place wins a prize)!</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal food-border" id="breakfast">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header food">
|
|
<h2>☕ Coffee & Bagels 🥯</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 9 - 10am</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">Wakey Wakey!!! We've got some coffee for y'all early risers and bagels to keep you awake throughout</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal hacking-border" id="hacking-ends">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header hacking">
|
|
<h2>🛑 Hacking ends</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: DEADLINE is at <u>2pm</u></h3><br>
|
|
<p class="timeline-description">STOP coding! Your 28 hours of intense stress and turmoil are finally up! We hope you learned some valuable skills and made some new friends along the way.</p>
|
|
<ul class="timeline-description-list">
|
|
<li><span class="important-text">=IMPORTANT=</span> Make sure you turn in your project BEFORE the deadline at 2:00pm. You can find the submission form on the Discord server or <a class="link tooltip" id="submit-tooltip" href="https://forms.gle/bpoXvyjP2TcsrELX8" target="_blank">Submit Here</a></li>
|
|
<li>From now until Project Presentations (2:30pm), your team will have around 30 mins to prepare for your presentation. Get back to work!</li>
|
|
</ul>
|
|
<div class="timeline-links">
|
|
<a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
|
|
<a target="_blank" href="https://docs.google.com/document/d/1orakhyHzQOzGaL6r1CCQzZAWt8U1GTdaC9wcrvCiu5w/edit"><div class="timeline-button">Prompts</div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal logistics-border" id="presentation-planning">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header logistics">
|
|
<h2>Presentation Planning</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 2 - 3pm</h3>
|
|
After you've submitted, take this time to prepare for your (not very) stressful presentation coming up.
|
|
<div class="timeline-links">
|
|
<a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal logistics-border" id="project-presentations">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header logistics">
|
|
<h2>📢 Project Presentations</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 3 - 5pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">This is where your team will present your product to our honored judges.</p>
|
|
<ul class="timeline-description-list">
|
|
<li>Be Creative! Make your product stand out by including a demo or showing its function across multiple applications</li>
|
|
<li>Presentations will occur in order of team number (i.e. Team 1 will go first)</li>
|
|
<li><span class="important-text">=IMPORTANT=</span> Your team's presentation is NOT ALLOWED to go above 5 minutes... Use your time wisely.</li>
|
|
<li>Your team will be graded on both the product and presentation as per the rubric</li>
|
|
</ul>
|
|
<div class="timeline-links">
|
|
<a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="modal logistics-border" id="judging">
|
|
<button class="button-close-modal"></button>
|
|
<div class="modal-header logistics">
|
|
<h2>Judging</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 5 - 5:30pm</h3>
|
|
<p>Sit tight and relax while our judges assign scores to your projects!</p>
|
|
</div>
|
|
</div>
|
|
<div class="modal logistics-border" id="awards-ceremony">
|
|
<button class="button-close-modal">x</button>
|
|
<div class="modal-header logistics">
|
|
<h2>🏆 Awards Ceremony</h2>
|
|
</div>
|
|
<div class="modal-desc">
|
|
<h3><span class="emphasis-text">Time</span>: 5:30 - 6pm</h3>
|
|
<h3><span class="emphasis-text">Location</span>: Student Center</h3><br>
|
|
<p class="timeline-description">Congratuations! Judge scores are tallied and here's where we announce the 1st, 2nd, and 3rd place teams along with constructive feedback for each in the <u>Student Center</u>.</p>
|
|
<ul class="timeline-description-list">
|
|
<li><u>Winners</u>: we will contact you via Email/Discord about your prizes; please allow up to 2 days for a response</li>
|
|
<li>For Questions, ask in the Discord server (#ask-questions), or contact tech support at <a class="link tooltip email-link email-replace-tech" target="_blank" href="mailto:tech@gilroyhacks.com">tech@gilroyhacks.com</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="workshops">
|
|
<h2 class="topic">Workshops</h2>
|
|
<hr class="line">
|
|
<p id="workshops-description">Our workshops will be hosted in-person!</p>
|
|
<div class="flex-container">
|
|
<div class="workshop-entry">
|
|
<div class="workshop-header" id="webdev-workshop">
|
|
<div class="workshop-title">
|
|
<h3 class="title-font-weight">Web Dev Workshop</h3>
|
|
<h4 class="workshop-subtitle">Git + Website Building</h4>
|
|
</div>
|
|
<div class="workshop-topics">
|
|
<span class="tooltip" id="git-tooltip"><img class="workshop-img" loading="lazy" src="img/git.png" alt="Git"></span>
|
|
<span class="tooltip" id="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
|
|
</div>
|
|
</div>
|
|
<div class="workshop-date">
|
|
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T180000Z%2F20230415T190000Z&details=A%20chance%20for%20you%20to%20learn%20the%20world%27s%20most%20common%20version%20control%20system%3A%20Git%20--%20and%20how%20to%20create%20your%20own%20website%21&location=Gilroy%20Library&text=Web%20Dev%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15</div></a>
|
|
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>11am - 12pm</div>
|
|
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>LI 128</div>
|
|
</div>
|
|
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
|
|
<div class="workshop-desc">
|
|
<h4>Description</h4>
|
|
<p>A chance for you to learn the world's most common version control system: Git -- and how to create your own website!</p><br>
|
|
<div class="workshop-slides">
|
|
<div class="workshop-topics-covered">
|
|
<h4>Topics Covered:</h4>
|
|
<ul style="margin-left: 20px">
|
|
<li>Git Version Control</li>
|
|
<li>Web Dev Basics</li>
|
|
<li>HTML</li>
|
|
<li>CSS</li>
|
|
<li>JavaScript</li>
|
|
<li>Domains</li>
|
|
</ul><br>
|
|
</div>
|
|
<div class="workshop-presentation">
|
|
<h4>Slides Presentation:</h4>
|
|
<div class="slides-thumbnail">
|
|
<a class="tooltip" id="webdev-slides-tooltip" href="https://docs.google.com/presentation/d/19sgQbGn7sqNV1A_LlYYiCNZF2GlHGuc-pFoWAdAEtV0/edit?usp=sharing" target="_blank"><img class="slides-element" src="img/webdev_slides.jpg" alt="slide thumbnail"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4>Notes</h4>
|
|
<ul style="margin-left: 20px">
|
|
<li>Max capacity is around 20 people (first come, first serve)</li>
|
|
<li>Computers are provided (personal laptops recommended)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="workshop-footer">
|
|
Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/jamesdinh.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">James Dinh</span>
|
|
</div>
|
|
</div>
|
|
<div class="workshop-entry">
|
|
<div class="workshop-header" id="python-workshop">
|
|
<div class="workshop-title">
|
|
<h3 class="title-font-weight">Python Workshop</h3>
|
|
<h4 class="workshop-subtitle">Data structures + programming logic</h4>
|
|
</div>
|
|
<div class="workshop-topics">
|
|
<span class="tooltip" id="python-tooltip"><img class="workshop-img" loading="lazy" src="img/python-logo.webp" alt="Python"></span>
|
|
</div>
|
|
</div>
|
|
<div class="workshop-date">
|
|
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T210000Z%2F20230415T220000Z&details=Join%20us%20for%20a%20lecture%20on%20Python%20Programming%20basics.%20You%27ll%20learn%20basic%20data%20structures%20and%20be%20able%20to%20code%20your%20own%20programs%21&location=Gilroy%20Library&text=Python%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15</div></a>
|
|
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>2 - 3pm</div>
|
|
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>LI 128</div>
|
|
</div>
|
|
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
|
|
<div class="workshop-desc">
|
|
<h4>Description</h4>
|
|
<p>Join us for a lecture on Python Programming basics. You'll learn basic data structures and be able to code your own programs!</p><br>
|
|
<div class="workshop-slides">
|
|
<div class="workshop-topics-covered">
|
|
<h4>Topics Covered:</h4>
|
|
<ul style="margin-left: 20px">
|
|
<li>Input/Output</li>
|
|
<li>Variables, Math</li>
|
|
<li>Booleans/if statements</li>
|
|
<li>Loops</li>
|
|
<li>Arrays</li>
|
|
<li>Functions</li>
|
|
</ul><br>
|
|
</div>
|
|
<div class="workshop-presentation">
|
|
<h4>Slides Presentation:</h4>
|
|
<div class="slides-thumbnail">
|
|
<a class="tooltip" id="python-slides-tooltip" href="https://docs.google.com/presentation/d/1nSepXdvXbz1ZaOXXQgIr0wWG9QS4FvW_wJ4KKt2zS7k/edit?usp=sharing" target="_blank"><img class="slides-element" src="img/python_slides.jpg" alt="slide thumbnail"></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4>Notes</h4>
|
|
<ul style="margin-left: 20px">
|
|
<li>Max capacity is around 20 people (first come, first serve)</li>
|
|
<li>Computers are provided (personal laptops recommended)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="workshop-footer">
|
|
Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/clementboiteux.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">Clement Boiteux</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="prizes">
|
|
<h2 class="topic">Prizes</h2>
|
|
<hr class="line">
|
|
<div id="prizes-container">
|
|
<div class="prize-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="second-place">
|
|
<div class="prize-text">
|
|
<span class="prize-title">2nd</span>
|
|
</div>
|
|
<img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
|
|
<img class="prize-img" src="/img/radclodrone.png" loading="lazy">
|
|
<div class="prize-subtitle">RADCLO Mini Drone with Camera</div>
|
|
</div>
|
|
<div class="podium-edge"></div>
|
|
<div id="second-podium"></div>
|
|
</div>
|
|
</div>
|
|
<div class="prize-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="first-place">
|
|
<div class="prize-text" id="first-prize-title">
|
|
<span class="prize-title">1st</span><br>
|
|
</div>
|
|
<img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
|
|
<img class="prize-img" src="img/customkeyboard.png" loading="lazy">
|
|
<div class="prize-subtitle">Custom Linear/Tactile Keyboard<br>(per request, <$80)</div>
|
|
</div>
|
|
<div class="podium-edge"></div>
|
|
<div id="first-podium">
|
|
<p class="podium-label" id="podium-label-1">Gilroy</p>
|
|
<img id="prize-logo" src="img/Gilroy_Hacks_Logo_icon_tp_podium_spring.png" loading="lazy" alt="logo">
|
|
<p class="podium-label" id="podium-label-2">Hacks</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="prize-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="third-place">
|
|
<div class="prize-text">
|
|
<span class="prize-title">3rd</span><br>
|
|
</div>
|
|
<img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
|
|
<img class="prize-img" src="img/g502hero.png" id="drone-img" loading="lazy">
|
|
<div class="prize-subtitle">Logitech G502 HERO Wired Gaming Mouse</div>
|
|
</div>
|
|
<div class="podium-edge"></div>
|
|
<div id="third-podium"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- <div id="chart"></div> -->
|
|
</section>
|
|
<section id="team">
|
|
<h2 class="topic">Hackathon Team</h2>
|
|
<hr class="line">
|
|
<div id="team-container">
|
|
<article id="administration">
|
|
<h3 class="team-title">Administration</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/aadhavanmagesh.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Aadhavan Magesh</h4>
|
|
<h5 class="person-subtitle">Secretary</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>Skymon<span class="discord-tag">#0438</span></span><br><a class="link tooltip email-link" id="email-replace-aadhavan" target="_blank" href="mailto:aadhavan.magesh-at-gmail-dot-com">aadhavan.magesh (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/stevendinh.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Steven Dinh</h4>
|
|
<h5 class="person-subtitle">Finance Lead / Website Assist</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>Ampere<span class="discord-tag">#0208</span></span><br><a class="link tooltip email-link" id="email-replace-steven" target="_blank" href="mailto:stevendinh987-at-gmail-dot-com">stevendinh987 (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="logistics">
|
|
<h3 class="team-title">Logistics</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/isaachwang.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Isaac Hwang</h4>
|
|
<h5 class="person-subtitle">Lead Organizer / Logistics Lead</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>Fesh<span class="discord-tag">#5995</span></span><br><a class="link tooltip email-link" id="email-replace-isaac" target="_blank" href="mailto:ihwang125-at-gmail-dot-com">ihwang125 (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<a class="tooltip" id="website" target="_blank" href="https://jamesdinh.me/"><div class="team-picture"><img src="img/jamesdinh.jpg" loading="lazy" alt="profile picture"></div></a>
|
|
<div class="team-description">
|
|
<h4 class="person-name">James Dinh</h4>
|
|
<h5 class="person-subtitle">Event Director / Website Lead</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>wellfedbison<span class="discord-tag">#0607</span></span><br><a class="link tooltip email-link" id="email-replace-james" target="_blank" href="mailto:jamesdinh77-at-protonmail-dot-com">jamesdinh77 (at) protonmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="outreach">
|
|
<h3 class="team-title">Outreach</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/vijaykethanaboyina.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Vijay Kethanaboyina</h4>
|
|
<h5 class="person-subtitle">Outreach Lead</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>SURPRISE!!<span class="discord-tag">#8662</span></span><br><a class="link tooltip email-link email-replace-vijay" target="_blank" href="mailto:vijaykethanaboyina-at-gmail-dot-com">vijaykethanaboyina (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/jonathantessmann.JPEG" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Jonathan Tessmann</h4>
|
|
<h5 class="person-subtitle">Outreach Assist</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>Alsace<span class="discord-tag">#5031</span></span><br><a class="link tooltip email-link" id="email-replace-jonathan" target="_blank" href="mailto:jonathantessmann-at-gmail-dot-com">jonathantessmann (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="tech">
|
|
<h3 class="team-title">Tech</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/clementboiteux.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Clement Boiteux</h4>
|
|
<h5 class="person-subtitle">Tech Support</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>Spidey<span class="discord-tag">#8742</span></span><br><a class="link tooltip email-link" id="email-replace-ezra" target="_blank" href="mailto:ezrabridger27-at-gmail-dot-com">ezrabridger27 (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/markshen.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Mark Shen</h4>
|
|
<h5 class="person-subtitle">Tech Support</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>No Game No life<span class="discord-tag">#4534</span></span><br><a class="link tooltip email-link" id="email-replace-mark" target="_blank" href="mailto:markshen00-at-gmail-dot-com">markshen00 (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="marketing">
|
|
<h3 class="team-title">Marketing</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/brycemankovsky.jpg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Bryce Mankovsky</h4>
|
|
<h5 class="person-subtitle">Marketing Lead</h5>
|
|
<h5 class="person-contact"><span class="tooltip discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
|
|
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"/>
|
|
</svg>bmank52<span class="discord-tag">#1664</span></span><br><a class="link tooltip email-link" id="email-replace-bryce" target="_blank" href="mailto:brycemankovsky-at-gmail-dot-com">brycemankovsky (at) gmail (dot) com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!--Footer-->
|
|
<footer>
|
|
<div id="footer-container">
|
|
<div id="footer-desc">
|
|
<div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/></div>
|
|
<p>
|
|
Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, and focused on promoting community engagement and improving STEM exposure for students.
|
|
</p>
|
|
<div id="socials">
|
|
<div class="socials-icon"><a class="tooltip" id="instagram" target="_blank" href="https://www.instagram.com/gilroyhacks/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.6274 0 12 5.3726 12 12s-5.3726 12-12 12S0 18.6274 0 12 5.3726 0 12 0zm3.115 4.5h-6.23c-2.5536 0-4.281 1.6524-4.3805 4.1552L4.5 8.8851v6.1996c0 1.3004.4234 2.4193 1.2702 3.2359.7582.73 1.751 1.1212 2.8818 1.1734l.2633.006h6.1694c1.3004 0 2.389-.4234 3.1754-1.1794.762-.734 1.1817-1.7576 1.2343-2.948l.0056-.2577V8.8851c0-1.2702-.4234-2.3589-1.2097-3.1452-.7338-.762-1.7575-1.1817-2.9234-1.2343l-.252-.0056zM8.9152 5.8911h6.2299c.9072 0 1.6633.2722 2.2076.8166.4713.499.7647 1.1758.8103 1.9607l.0063.2167v6.2298c0 .9375-.3327 1.6936-.877 2.2077-.499.4713-1.176.7392-1.984.7806l-.2237.0057H8.9153c-.9072 0-1.6633-.2722-2.2076-.7863-.499-.499-.7693-1.1759-.8109-2.0073l-.0057-.2306V8.885c0-.9073.2722-1.6633.8166-2.2077.4712-.4713 1.1712-.7392 1.9834-.7806l.2242-.0057h6.2299-6.2299zM12 8.0988c-2.117 0-3.871 1.7238-3.871 3.871A3.8591 3.8591 0 0 0 12 15.8408c2.1472 0 3.871-1.7541 3.871-3.871 0-2.117-1.754-3.871-3.871-3.871zm0 1.3911c1.3609 0 2.4798 1.119 2.4798 2.4799 0 1.3608-1.119 2.4798-2.4798 2.4798-1.3609 0-2.4798-1.119-2.4798-2.4798 0-1.361 1.119-2.4799 2.4798-2.4799zm4.0222-2.3589a.877.877 0 1 0 0 1.754.877.877 0 0 0 0-1.754z"/></svg></a></div>
|
|
<div><a class="tooltip" id="youtube" target="_blank" href="https://www.youtube.com/channel/UCyw-Sx4W8yb9TqWPm7pj10Q"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#ffffff"><path d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm.294 7h-.589l-1.101.013c-1.48.024-3.709.092-4.465.285a1.836 1.836 0 0 0-1.326 1.263c-.181.644-.258 1.69-.29 2.46l-.022.815v.328l.008.426c.022.764.09 2.088.304 2.849.172.614.68 1.098 1.326 1.263.736.188 2.867.257 4.346.283L11.89 17l1.159-.008c1.453-.019 3.993-.082 4.811-.29a1.836 1.836 0 0 0 1.327-1.263c.21-.75.28-2.048.302-2.817l.01-.528-.003-.403c-.012-.67-.066-2.265-.31-3.13a1.836 1.836 0 0 0-1.326-1.263c-.661-.169-2.45-.242-3.878-.274L12.294 7zm-1.828 2.89l3.92 2.11-3.92 2.11V9.89z"/></svg></a></div>
|
|
</div>
|
|
<hr id="footer-line">
|
|
<p id="footer-copyright">
|
|
© 2023 Gilroy Hacks. All Rights Reserved
|
|
</p>
|
|
</div>
|
|
<article id="footer-links">
|
|
<h3 class="footer-title">Links</h3>
|
|
<ul>
|
|
<li><a class="link" onclick="check('02'); save()" target="_blank" href="https://discord.gg/nkTDKMcYbr" title="Discord Invite Link">Discord<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
|
|
<li><a class="link" onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
|
|
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
|
|
<li><a class="link" href="./rules" title="Rules">Rules & Liability</a></li>
|
|
<li><a class="link" href="./licenses" title="Licenses">Licenses</a></li>
|
|
<li><a class="link" href="./contact" title="Contact">Contact Form</a></li>
|
|
</ul>
|
|
</article>
|
|
<article id="footer-location">
|
|
<h3 class="footer-title">Location</h3>
|
|
<ul>
|
|
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
|
<li><a class="link" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank">Zoom Link<svg class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11 |