909 lines
88 KiB
HTML
909 lines
88 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.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/DGhhtikk5j72E59G8"><div id="sign-up">SIGN UP</div></a>
|
|
</div>
|
|
</nav>
|
|
<!--Front Page-->
|
|
<header>
|
|
<div class="header-background">
|
|
<div id="header-gradient">
|
|
<div class="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="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 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="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 class="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="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>
|
|
</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>
|
|
</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">
|
|
- Team up with friends or, if you're looking for potential teammates, scout for teams in the Discord server!
|
|
<br>
|
|
- 4 max per team, register at event start
|
|
</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-info-container">
|
|
<div class="info-card green">
|
|
<span class="card-heading">$750+</span><br>in prizes!
|
|
</div>
|
|
<div class="info-card blue">
|
|
<span class="card-heading">##</span><br>participants
|
|
</div>
|
|
<div class="info-card red">
|
|
<span class="card-heading">Financials</span><br>transparent public access
|
|
<a class="link" href="https://bank.hackclub.com/gilroy-hacks" target="_blank">
|
|
<div class="spots-container bankacc-click">
|
|
<div class="hcb-container"><svg class="hcb-svg" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><mask id="mask0_180:2" width="32" height="32" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#000" fill-rule="evenodd" d="M16 32C28.8 32 32 28.8 32 16C32 3.2 28.8 0 16 0C3.2 0 0 3.2 0 16C0 28.8 3.2 32 16 32Z" clip-rule="evenodd"/></mask><g mask="url(#mask0_180:2)"><rect width="32" height="32" fill="url(#paint0_radial_180:2)"/><path stroke="url(#paint1_angular_180:2)" stroke-opacity=".5" stroke-width="1.75" d="M31.125 16C31.125 22.4063 30.303 26.0595 28.1813 28.1813C26.0595 30.303 22.4063 31.125 16 31.125C9.59375 31.125 5.94046 30.303 3.81872 28.1813C1.69697 26.0595 0.875 22.4063 0.875 16C0.875 9.59375 1.69697 5.94046 3.81872 3.81872C5.94046 1.69697 9.59375 0.875 16 0.875C22.4063 0.875 26.0595 1.69697 28.1813 3.81872C30.303 5.94046 31.125 9.59375 31.125 16Z"/><g filter="url(#filter0_dii_180:2)"><path fill="url(#paint2_radial_180:2)" fill-rule="evenodd" d="M16.0003 8.018C15.9593 8.032 15.8963 8.056 15.8063 8.096C15.5673 8.199 15.2832 8.347 14.9183 8.556C14.1762 8.98 13.2473 9.579 12.2023 10.317C10.9954 11.1683 10.4485 11.5969 9.76695 12.1311L9.76693 12.1311L9.76692 12.1311C9.26201 12.5269 8.68316 12.9806 7.70725 13.707C7.31725 14.098 6.68325 14.098 6.29325 13.707C5.90225 13.317 5.90225 12.683 6.29325 12.293C8.5005 10.5 8.89925 10.201 11.0483 8.683C12.1283 7.921 13.1373 7.27 13.9263 6.819C14.3273 6.59 14.7063 6.394 15.0033 6.264C15.2653 6.149 15.6423 6 16.0003 6C16.3583 6 16.7353 6.149 16.9973 6.264C17.2943 6.394 17.6733 6.59 18.0743 6.819C18.8632 7.27 19.8723 7.921 20.9523 8.683C23.1012 10.201 23.5 10.5 25.7073 12.293C26.0983 12.683 26.0983 13.317 25.7073 13.707C25.3173 14.098 24.6833 14.098 24.2932 13.707C23.3173 12.9806 22.7385 12.5269 22.2336 12.1311C21.552 11.5969 21.0051 11.1683 19.7983 10.317C18.7533 9.579 17.8243 8.98 17.0823 8.556C16.7173 8.347 16.4333 8.199 16.1943 8.096C16.1043 8.056 16.0413 8.032 16.0003 8.018ZM7 24C7 23.448 7.448 23 8 23H24C24.552 23 25 23.448 25 24C25 24.552 24.552 25 24 25H8C7.448 25 7 24.552 7 24ZM15 21C15 21.552 15.448 22 16 22C16.552 22 17 21.552 17 21V14C17 13.448 16.552 13 16 13C15.448 13 15 13.448 15 14V21ZM21 22C20.448 22 20 21.552 20 21V14C20 13.448 20.448 13 21 13C21.552 13 22 13.448 22 14V21C22 21.552 21.552 22 21 22ZM10 21C10 21.552 10.448 22 11 22C11.552 22 12 21.552 12 21V14C12 13.448 11.552 13 11 13C10.448 13 10 13.448 10 14V21Z" clip-rule="evenodd"/></g></g><defs><filter id="filter0_dii_180:2" width="22.5" height="21.75" x="4.75" y="5.5" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="1"/><feGaussianBlur stdDeviation=".625"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" mode="normal" result="effect1_dropShadow_180:2"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_180:2" mode="normal" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"/><feBlend in2="shape" mode="normal" result="effect2_innerShadow_180:2"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"/><feBlend in2="effect2_innerShadow_180:2" mode="normal" result="effect3_innerShadow_180:2"/></filter><radialGradient id="paint0_radial_180:2" cx="0" cy="0" r="1" gradientTransform="translate(16) rotate(90) scale(14)" gradientUnits="userSpaceOnUse"><stop stop-color="#3C4858"/><stop offset="1" stop-color="#1F2D3D"/></radialGradient><radialGradient id="paint1_angular_180:2" cx="0" cy="0" r="1" gradientTransform="translate(16 16) scale(15.1917)" gradientUnits="userSpaceOnUse"><stop offset=".52" stop-color="#ED3952"/><stop offset=".579" stop-color="#FE5B72"/><stop offset=".741" stop-color="#FF5C73"/><stop offset=".929" stop-color="#EC3750"/></radialGradient><radialGradient id="paint2_radial_180:2" cx="0" cy="0" r="1" gradientTransform="translate(16 6) rotate(90) scale(10 12.1799)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF5C73"/><stop offset="1" stop-color="#EC3750"/></radialGradient></defs></svg>Bank Account<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></div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
<section id="sponsors">
|
|
<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" id="email-replace-sponsor" target="_blank" href="mailto:sponsor-at-gilroyhacks-dot-com">sponsor (at) gilroyhacks (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_white.png" loading="lazy" alt="AOPS logo">
|
|
</a>
|
|
<a href="https://www.firstinspires.org/" target="_blank">
|
|
<img src="img/first_logo.png" loading="lazy" alt="FIRST logo">
|
|
</a>
|
|
<a href="https://www.gavilan.edu/" target="_blank">
|
|
<img src="img/gav_white.png" loading="lazy" alt="GEAR Club logo">
|
|
</a>
|
|
<a href="https://hackclub.com/" target="_blank">
|
|
<img src="img/hackclub_logo.png" loading="lazy" alt="Hack Club Logo">
|
|
</a>
|
|
<a href="https://www.prohealthsmiles.com/" target="_blank">
|
|
<img src="img/ProHealth_Smiles.png" loading="lazy" alt="ProHealth Smiles logo">
|
|
</a>
|
|
<a href="https://taskade.com/" target="_blank">
|
|
<img src="img/taskade_logo" loading="lazy" alt="taskade logo">
|
|
</a>
|
|
<a class="wolfram-logo" href="https://www.wolfram.com/language/" target="_blank">
|
|
<img id="wolfram-star" src="/img/wolfram_star.png" alt="wolfram star" loading="lazy">
|
|
<img id="wolfram-letters" src="/img/wolfram_letters.png" alt="wolfram letters" loading="lazy">
|
|
</a>
|
|
</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 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-900 end-900 length-4" onclick="showModal('breakfast')">☕ Coffee & Bagels 🥯<span>9 - 10am</span></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>: Student Cetner (North/South Lounge)</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>: Student Cetner (North/South Lounge)</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><br>
|
|
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><br>
|
|
<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"></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 101</h3>
|
|
<h4 class="workshop-subtitle">Git VCS + 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=LI%20128&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>Student Center</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>Workshops are not required to compete in hackathon</li>
|
|
<li>Make sure to bring your own laptop! (not provided)</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">Intro to Python Programming</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=LI%20128&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>Student Center</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>Workshops are not required to compete in hackathon</li>
|
|
<li>Make sure to bring your own laptop! (not provided)</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/hyperxheadset.png" loading="lazy">
|
|
<div class="prize-subtitle">HyperX CloudX Gaming Headset</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 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" 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">Workshop Lead / 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>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/danielhoule.jpeg" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Daniel Houle</h4>
|
|
<h5 class="person-subtitle">Gavilan 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>danielh<span class="discord-tag">#6767</span></span><br><a class="link tooltip email-link" id="email-replace-daniel" target="_blank" href="mailto:kenhoule20-at-gmail-dot-com">kenhoule20 (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.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<br>Fiscally sponsored by The Hack
|
|
Foundation.<br>Nonprofit EIN: 81-2908499
|
|
</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/DGhhtikk5j72E59G8">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" 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 Us</a></li>
|
|
</ul>
|
|
</article>
|
|
<article id="footer-location">
|
|
<h3 class="footer-title">Location</h3>
|
|
<ul>
|
|
<li>Gavilan College<br>5055 Santa Teresa Blvd, Gilroy, CA 95020</li>
|
|
</ul>
|
|
<a class="donate-button" 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>
|
|
</article>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |