gilroyhacks.com/index.html
2022-10-18 14:13:28 -07:00

834 lines
75 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 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) 2022 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/general.js"></script>
<script src="js/apexcharts.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">
<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="./">Next Hackathon</a> in
<span id="timer">---</span>
</p>
</div>
<div id="nav-links-container">
<input type="checkbox" id="check">
<label for="check" class="checkbtn">
<img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/>
</label>
<a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
<ul id="navList">
<li><a class="navlink" onclick="uncheck('check')" href="#event">Event</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#workshops">Workshops</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#team">Team</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="rules.html">Rules<svg id="nav-icon" 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>
</ul>
</div>
</nav>
<!--Front Page-->
<header>
<div id="header-background">
<div id="header-gradient">
<!-- <div id="winners">Congrats to the winners of the Gilroy Hacks 2022 Summer Hackathon: <span id="team-emphasis">Team 7 - Christian Nguyen, Connor Palsgrove</span></div> -->
<div id="header">
<img id="logo" src="img/icon.ico" 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">
<!-- <a class="link tooltip header-link" id="header-tooltip" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220812T230000Z%2F20220814T233000Z&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 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>Aug 12 - 14</h2></a> -->
<h2 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>Spring 2023</h2>
<a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
<div class="blob gold" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">Signups not yet open</h2>
</div></a>
<div id="entrance-arrow">
<a href="#event" id="arrow-link">
Event
<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">Hackathon Event</h2>
<hr class="line">
<div id="event-container">
<article id="event-description">
<h2 id="description-heading">Our Mission & Important Info</h2>
<div id="event-main-box">
<div id="description-content">Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, focused on promoting community engagement and improving STEM exposure for students.</div>
<hr class="line">
<div class="list">
<p>"Grab a team and make something cool."<br>&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;- GHacks Team</p>
<h3 class="desc-title">Main Events</h3>
<ul class="desc-list">
<ul>
<li><span class="emphasis-text">Spring 2023</span> -> More info coming soon</li>
</ul>
</ul>
<h3 class="desc-title">Details</h3>
<ul class="desc-list">
<ul>
<li><u>In-Person model</u> - All events will be available in person</li>
<li>Signups are limited to <u>TBA</u></li>
<li>Workshops are <u>fully open to the public</u></li>
</ul>
</ul>
</div>
</div>
<!-- Timeline src: https://codepen.io/cjl750/pen/MXvYmg -->
<div id="timeline">
<h2 id="timeline-heading">Timeline</h2>
<span class="caption">Click on each dot for more info</span>
<div class="flex-parent">
<div class="input-flex-container">
<div id="timeline-left-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></div>
<input id="t1" class="timeline-input" type="radio" name="timeline-dot" data-description="1">
<label for="t1" onclick="check('t1')" class="dot-info" data-description="1">
<span class="year">TBA</span>
<span class="label">TBA</span>
</label>
<input for="t2" id="t2" class="timeline-input" type="radio" name="timeline-dot" data-description="2">
<label onclick="check('t2')" class="dot-info" data-description="2">
<span class="year">TBA</span>
<span class="label">TBA</span>
</label>
<input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
<label for="t3" onclick="check('t3')" class="dot-info" data-description="3">
<span class="year">TBA</span>
<span class="label">TBA</span>
</label>
<input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
<label for="t4" onclick="check('t4')" class="dot-info" data-description="4">
<span class="year">TBA</span>
<span class="label">TBA</span>
</label>
<input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5" checked>
<label for="t5" onclick="check('t5')" class="dot-info" data-description="5">
<span class="year">TBA</span>
<span class="label">TBA</span>
</label>
<div id="timeline-right-arrow"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></div>
<div id="timeline-descriptions-wrapper">
<div class="timeline-desc" data-description="1">
<div class="bracket" id="bracket-1">
<div class="left"></div>
<div class="right"></div>
</div>
<h3>TBA</h3>
<h4 class="timeline-description-subtitle">TBA</h4><br>
<div>
<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>Along with the in-person event held at the <u>Community Room</u> at the Gilroy Library, we will be streaming the event on Zoom</li>
<li><span class="important-text">=IMPORTANT=</span> DO NOT START CODING during this period</li>
<li>After this event, participants will <u>head back home</u> to start coding</li>
</ul>
<div class="timeline-links">
<a class="tooltip zoom-tooltip" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank"><div class="timeline-button zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
</div>
</div>
</div>
<div class="timeline-desc" data-description="2">
<div class="bracket" id="bracket-2">
<div class="left"></div>
<div class="right"></div>
</div>
<h3>TBA</h3>
<h4 class="timeline-description-subtitle">TBA</h4><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>Hybrid model</u> - you may either code online or in-person at the Library</li>
<li>Remember, you only have 46 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 class="timeline-desc" data-description="3">
<div class="bracket" id="bracket-3">
<div class="left"></div>
<div class="right"></div>
</div>
<h3>TBA</h3>
<h4 class="timeline-description-subtitle">TBA</h4><br>
<p class="timeline-description">STOP coding! Your 46 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 class="timeline-desc" data-description="4">
<div class="bracket" id="bracket-4">
<div class="left"></div>
<div class="right"></div>
</div>
<h3>TBA</h3>
<h4 class="timeline-description-subtitle">TBA</h4><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 class="tooltip zoom-tooltip" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank"><div class="timeline-button zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
<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 class="timeline-desc" data-description="5">
<div class="bracket" id="bracket-5">
<div class="left"></div>
<div class="right"></div>
</div>
<h3>TBA</h3>
<h4 class="timeline-description-subtitle">TBA</h4><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>Community Room</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 class="timeline-links">
<a class="tooltip zoom-tooltip" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank"><div class="timeline-button zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
</div>
</div>
</div>
</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/coK7q43RwBV2f15i7">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">Thank you to these amazing sponsors!</span>
</div>
<div id="sponsor-container">
<a href="https://sccld.org/" target="_blank">
<img id="gilroy-library-logo" src="img/SCCLD_logo.png" alt="Gilroy Library logo">
</a>
<a href="https://www.gavilan.edu/" target="_blank">
<img id="gavilan-college-logo" src="img/gavilan_college.png" alt="Gavilan College logo">
</a>
<a href="https://www.gavengineering.club/" target="_blank">
<img id="gear-club-logo" src="img/gear_logo.png" alt="GEAR Club logo">
</a>
</div>
</article>
</div>
<div id="map-article">
<div id="cal-parent">
<article id="cal-container">
<h2 class="map-title">Calendar</h2>
<div class="cal-card">
<div class="cal-entry">
<div class="cal-date" id="fri">
<span class="day-of-week">FRI</span>
<span class="cal-subtitle">8/12</span>
</div>
<div class="vertical-line"></div>
<div class="cal-desc">
<h3 class="cal-title">Community Room</h3>
<div class="event-list">
<div class="event-entry">
<div class="time-column">
<span class="event-time">4-5pm</span>
</div>
<div class="event-column">
<span class="event-title">Opening Ceremony</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cal-card">
<div class="cal-entry">
<div class="cal-date" id="sat">
<span class="day-of-week">SAT</span>
<span class="cal-subtitle">8/13</span>
</div>
<div class="vertical-line"></div>
<div class="cal-desc">
<h3 class="cal-title">Community Room</h3>
<div class="event-list">
<div class="event-entry">
<div class="time-column">
<span class="event-time">10am-5:30pm</span>
</div>
<div class="event-column">
<span class="event-title">In-Person Hacking Session</span>
</div>
</div>
<h3 class="cal-title">Computer Lab</h3>
<div class="event-entry">
<div class="time-column">
<span class="event-time">11am-12pm</span>
</div>
<div class="event-column">
<span class="event-title">Web Dev Workshop</span>
</div>
</div>
<div class="event-entry">
<div class="time-column">
<span class="event-time">1-2pm</span>
</div>
<div class="event-column">
<span class="event-title">Python Workshop</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="cal-card">
<div class="cal-entry">
<div class="cal-date" id="sun">
<span class="day-of-week">SUN</span>
<span class="cal-subtitle">8/14</span>
</div>
<div class="vertical-line"></div>
<div class="cal-desc">
<h3 class="cal-title">Community Room</h3>
<div class="event-list">
<div class="event-entry">
<div class="time-column">
<span class="event-time">1-2pm</span>
</div>
<div class="event-column">
<span class="event-title">In-Person Hacking Session</span>
</div>
</div>
<div class="event-entry">
<div class="time-column">
<span class="event-time">2:30-3:30pm</span>
</div>
<div class="event-column">
<span class="event-title">Project Presentations</span>
</div>
</div>
<div class="event-entry">
<div class="time-column">
<span class="event-time">4-4:30pm</span>
</div>
<div class="event-column">
<span class="event-title">Awards Ceremony</span>
</div>
</div>
</div>
</div>
</div>
</div>
<p class="bottom-text">*All events will be held in-person at the Gilroy Library</p>
</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="workshops">
<h2 class="topic">Workshops</h2>
<hr class="line">
<p id="workshops-description">Our workshops will be hosted in-person and on <a class="link tooltip zoom-tooltip-link" href="https://us06web.zoom.us/j/84398429896?pwd=b0ZUZ2pieXFKeUwxTVY0NVE1MTNxdz09" target="_blank">Zoom</a>!</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>Computer Lab</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=20220813T180000Z%2F20220813T190000Z&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>Aug 13</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>Gilroy Library</div>
</div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to public</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-status">Ended</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>Computer Lab</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=20220813T200000Z%2F20220813T210000Z&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>Aug 13</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>1 - 2pm</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>Gilroy Library</div>
</div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to public</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-status">Ended</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 class="prize-content">TBA</div>
</div>
<img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</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">
<span class="prize-title">1st</span><br>
<span class="prize-content">TBA</span>
</div>
<img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</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>
<span class="prize-content">TBA</span>
</div>
<img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</div>
</div>
<div class="podium-edge"></div>
<div id="third-podium"></div>
</div>
</div>
</div>
<div id="prize-box">
Prizes will be in the form of these (very snazzy) items (amounts above are the estimated total value):<br>
<ul id="prize-list">
<li><span class="emphasis-text">1st Place</span>: TBA</li>
<li><span class="emphasis-text">2nd Place</span>: TBA</li>
<li><span class="emphasis-text">3rd Place</span>: TBA</li>
</ul><br><br>
<h4><u>Terms & Conditions</u></h4>
- We will deliver prizes at the end of the event (we may need to deliver some prizes after the event).<br>
- Your team is responsible for equally distributing prizes to team members as per our Code of Conduct.<br>
- Prizes are non-refundable; if you refuse to accept the prize, we will offer it to another team member.<br>
- Gilroy Hacks will not be liable for the prize once it reaches its recipient.
</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" id="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/Gilroy_Hacks_Logo_icon_tp_podium_spring.png" loading="lazy" alt="profile picture"></div>
<div class="team-description">
<h4 class="person-name">Jonathan Tessmann</h4>
<h5 class="person-subtitle">Sponsor Outreach</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, focused on promoting community engagement and improving STEM exposure for students.
</p>
<div id="socials">
<!-- <div><a class="tooltip" id="facebook" target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066"><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 0zm4 7.278V4.5h-2.286c-2.1 0-3.428 1.6-3.428 3.889v1.667H8v2.777h2.286V19.5h2.857v-6.667h2.286L16 10.056h-2.857V8.944c0-1.11.572-1.666 1.714-1.666H16z"/></svg></a></div> -->
<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">
© 2022 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.html" title="Rules">Rules & Liability</a></li>
<li><a class="link" href="licenses.html" title="Licenses">Licenses</a></li>
<li><a class="link" href="contact.html" 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.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
</ul>
</article>
</div>
</footer>
</body>
</html>