758 lines
50 KiB
HTML
758 lines
50 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--
|
|
Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
|
|
|
|
Web-Designed by James Dinh ᓚᘏᗢ from scratch using pure 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/Gilroy-Hacks-Logo-icon-tp.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="The official website for the Gilroy Hacks Hackathon. Strengthen your skills and collaborate with others to create something useful.">
|
|
<meta name="keywords" content="Gilroy Hacks, GilroyHacks, Gilroy, hackathon, Bay Area, GECA, Dr. TJ Owens Gilroy Early College Academy">
|
|
|
|
<script src="js/leaflet.js"></script>
|
|
<script defer data-domain="gilroyhacks.com" src="https://plausible.gilroyhacks.com/js/plausible.js"></script>
|
|
<style>
|
|
@font-face {
|
|
font-family: "Glacial Indifference";
|
|
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
|
|
font-display: swap;
|
|
}
|
|
body {
|
|
position: relative;
|
|
background-color: #0d1117 !important;
|
|
background-image: "";
|
|
color: #f2f1ef !important;
|
|
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/ -->
|
|
</head>
|
|
<body>
|
|
<!--Nav-->
|
|
<nav id="navBar">
|
|
<a id="nav-logo-a" href="./">
|
|
<img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
|
|
</a>
|
|
<div id="banner">
|
|
<p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in
|
|
<abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr>
|
|
<!-- <span id="nav-tooltip" data-text="Aug 12, 4pm"></span> -->
|
|
</p>
|
|
</div>
|
|
<div id="nav-links-container">
|
|
<input onclick="btnToggle()" 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="#rules">Rules</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>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<!--Front Page-->
|
|
<header>
|
|
<div id="header-background">
|
|
<div id="header-gradient">
|
|
<div id="header">
|
|
<img id="logo" src="img/Gilroy Hacks Logo [Summer].png" height="400" width="400" alt="logo"/>
|
|
<hr id="line-header">
|
|
<h2 id="header-subtitle-date">Aug 12 - 14</h2>
|
|
<div id="spots-container">
|
|
<div class="blob green" aria-hidden="true"></div>
|
|
<h2 id="header-subtitle-spots">32 spots remaining</h2>
|
|
</div>
|
|
<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 Statement</h2>
|
|
<div id="event-main-box">
|
|
<div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.</div>
|
|
<hr class="line">
|
|
<ul class="list">
|
|
<li>Even if you're not an expert at coding, this hackathon offers an opportunity for you to strengthen your skills and collaborate with others to create something useful. Below are important dates to keep in mind:
|
|
<ul style="margin-left: 25px">
|
|
<li><span class="emphasis-text">Aug 11</span> -> Signup Period Ends</li>
|
|
<li><span class="emphasis-text">Aug 12-14</span> -> Summer 2022 Hackathon</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</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" checked>
|
|
<div onclick="check('t1')" class="dot-info" data-description="1">
|
|
<span class="year">8/12 4:00pm</span>
|
|
<span class="label">Opening Ceremony</span>
|
|
</div>
|
|
<input id="t2" class="timeline-input" type="radio" name="timeline-dot" data-description="2">
|
|
<div onclick="check('t2')" class="dot-info" data-description="2">
|
|
<span class="year">8/12 5:00pm</span>
|
|
<span class="label">Hacking Begins</span>
|
|
</div>
|
|
<input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
|
|
<div onclick="check('t3')" class="dot-info" data-description="3">
|
|
<span class="year">8/14 2:00pm</span>
|
|
<span class="label">Projects Due</span>
|
|
</div>
|
|
<input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
|
|
<div onclick="check('t4')" class="dot-info" data-description="4">
|
|
<span class="year">8/14 2:30pm</span>
|
|
<span class="label">Project Presentations</span>
|
|
</div>
|
|
<input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5">
|
|
<div onclick="check('t5')" class="dot-info" data-description="5">
|
|
<span class="year">8/14 4:00pm</span>
|
|
<span class="label">Awards Ceremony</span>
|
|
</div>
|
|
<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>Opening Ceremony</h3>
|
|
<h4 class="timeline-description-subtitle">8/12 | 4:00pm - 5:00pm</h4>
|
|
<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.<br>
|
|
<ul class="timeline-description-list">
|
|
<li>It is highly recommended you attend this portion of the hackathon (at least half of your team must attend to participate)</li>
|
|
<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>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
<div class="timeline-desc" data-description="2">
|
|
<div class="bracket" id="bracket-2">
|
|
<div class="left"></div>
|
|
<div class="right"></div>
|
|
</div>
|
|
<h3>Hacking Begins</h3>
|
|
<h4 class="timeline-description-subtitle">8/12 | 5:00pm</h4><br>
|
|
<p class="timeline-description">
|
|
Now's your time to shine! Start working with your team to build your project. No strings attached!
|
|
<ul class="timeline-description-list">
|
|
<li><span class="important-text">=IMPORTANT=</span> Your project must follow one of the given prompts and guidelines; otherwise, your team may lose a lot of points for unrelated topic deductions</li>
|
|
<li>Remember, you only have 46 hours to complete your project... Use your time wisely</li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
<div class="timeline-desc" data-description="3">
|
|
<div class="bracket" id="bracket-3">
|
|
<div class="left"></div>
|
|
<div class="right"></div>
|
|
</div>
|
|
<h3>Projects Due</h3>
|
|
<h4 class="timeline-description-subtitle">8/14 | 2:00pm</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.<br>
|
|
<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" href="https://forms.gle/bpoXvyjP2TcsrELX8" target="_blank" title="Submission Form">Submit Here</a></li>
|
|
<li>Don't leave yet though, because you still need to present your project to the judges</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>
|
|
</p>
|
|
</div>
|
|
<div class="timeline-desc" data-description="4">
|
|
<div class="bracket" id="bracket-4">
|
|
<div class="left"></div>
|
|
<div class="right"></div>
|
|
</div>
|
|
<h3>Project Presentations</h3>
|
|
<h4 class="timeline-description-subtitle">8/14 | 2:30pm - 3:30pm</h4><br>
|
|
<p class="timeline-description">This is where your team will present your product to our honored judges.<br>
|
|
<ul class="timeline-description-list">
|
|
<li>Be Creative! Make your product stand out by including a demo or showing its function across multiple sources</li>
|
|
<li>Presentations will occur in order of team number (i.e. Team 1 will go first)</li>
|
|
<li>It is advised you have your camera on and that you ensure your microphone and tech work before presenting</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>
|
|
</p>
|
|
</div>
|
|
<div class="timeline-desc" data-description="5">
|
|
<div class="bracket" id="bracket-5">
|
|
<div class="left"></div>
|
|
<div class="right"></div>
|
|
</div>
|
|
<h3>Awards Ceremony</h3>
|
|
<h4 class="timeline-description-subtitle">8/14 | 4:00pm - 4:30pm</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>.<br>
|
|
<ul class="timeline-description-list">
|
|
<li><u>Winners</u>: we will contact you via Email about your prizes; 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" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">tech@gilroyhacks.com</a></li>
|
|
</ul>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="signup-article">
|
|
<div id="signup-title">
|
|
<h2 id="signup-header">Signup Checklist</h2>
|
|
<span class="caption">Click each step to cross it out!</span>
|
|
</div>
|
|
<div id="steps-card">
|
|
<div id="signup-container">
|
|
<div class="outer">
|
|
<div class="card">
|
|
<div class="info">
|
|
<!-- Checklist src: https://codepen.io/milanraring/pen/QWbqBGo -->
|
|
<div id="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" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7" title="Signup Form">form</a></p>
|
|
</label>
|
|
<label for="01">
|
|
<p class="step-desc">- These questions are used to gauge your experience and skills so we can pair you with others</p>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div id="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" target="_blank" href="https://discord.gg/nkTDKMcYbr" title="Discord Invite Link">Discord</a></p>
|
|
</label>
|
|
<label for="02">
|
|
<p class="step-desc">- Please change your nickname to your First and Last name</p>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div id="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">
|
|
<p class="step-desc">- Join teams in the Discord Server!</p>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div id="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">
|
|
<p 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
|
|
</p>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<div class="info">
|
|
<div id="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">
|
|
<p class="step-desc">- Mark your calendars, Aug 12 - 14</p>
|
|
</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>
|
|
<article 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">Study 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>
|
|
<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">2-3pm</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>
|
|
</article>
|
|
<article id="map-div">
|
|
<h2 class="map-title">Location</h2>
|
|
<div id="map-container">
|
|
<div id="map"></div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</article>
|
|
</section>
|
|
<section id="rules">
|
|
<h2 class="topic">Rules</h2>
|
|
<hr class="line">
|
|
<div id=rules-description>
|
|
By attending this hackathon, you are required to abide by and follow these guidelines and code of conduct.
|
|
<br>
|
|
Failure to comply with these rules will result in disquilification.</div>
|
|
<div id="rules-container">
|
|
<article id="guidelines">
|
|
<h2 id="signup-header">Hackathon Guidelines</h2>
|
|
<div id="rules-main-card">
|
|
<div id="signup-container">
|
|
<div class="rules-card" id="rules-1">
|
|
<p class="rules-title">No cheating</a></p>
|
|
<p>
|
|
- Do not consult with other teams or work with anyone outside of the hackathon sphere (however, you may consult friends and family for advice)
|
|
</p>
|
|
</div>
|
|
<div class="rules-card" id="rules-2">
|
|
<p class="rules-title">Do not plagiarize</p>
|
|
<p>
|
|
- You are allowed to use existing libraries and packages with a valid license but required to give credit when credit is due (which also includes Creative Commons and <abbr class="tooltip" title="Open-source software is computer software that is released under a license in which the copyright holder grants users the rights to use, study, change, and distribute the software and its source code to anyone and for any purpose">Open Source Projects</abbr>)
|
|
<br>
|
|
- You may also use old projects as frameworks for your product, but you cannot work on any material that is related to the hackathon before the event
|
|
</p>
|
|
</div>
|
|
<div class="rules-card" id="rules-3">
|
|
<p class="rules-title">Maintain open communications with your team at all times</p>
|
|
<p>
|
|
- A good team player is one who is always able to be reached and assists in team duties when needed
|
|
</p>
|
|
</div>
|
|
<div class="rules-card" id="rules-4">
|
|
<p class="rules-title">Any resource is at your disposal</p>
|
|
<p>
|
|
- You may use a combination of software and hardware in your project
|
|
<br>
|
|
- You may not copy others' unlicensed work
|
|
</p>
|
|
</div>
|
|
<div class="rules-card" id="rules-5">
|
|
<p class="rules-title">Ask for help when needed</p>
|
|
<p>
|
|
- Don't be afraid to ask questions in the Discord or ask an organizer directly
|
|
<br>
|
|
- We want to ensure your team's success in this hackathon, so feel free to ask an organizer if you feel unsure
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
*subject to change
|
|
</article>
|
|
<article id="code-of-conduct">
|
|
<h2 id="signup-header">Code of Conduct</h2>
|
|
<div id="code-main-card">
|
|
<div id="signup-container">
|
|
<div class="rules-card code-card" id="rules-1">
|
|
<p class="rules-title code-title">Treat everyone with respect</p>
|
|
<p>
|
|
- This includes team members, judges, organizers, volunteers, etc.
|
|
<br>
|
|
- We reserve the right to refuse patronage to participants based on their actions
|
|
</p>
|
|
</div>
|
|
<div class="rules-card code-card" id="rules-2">
|
|
<p class="rules-title code-title">Be appropriate</p>
|
|
<p>- Respond professionally with organizers, answer questions to the best of your ability, and ensure that your project is not offensive in any way <br>
|
|
</p>
|
|
</div>
|
|
<div class="rules-card code-card" id="rules-3">
|
|
<p class="rules-title code-title">Respect one's privacy</p>
|
|
<p>
|
|
- You may not photograph anyone without consent
|
|
<br>
|
|
- Do not use anyone's likeness or property in any production without permission
|
|
</p>
|
|
</div>
|
|
<div class="rules-card code-card" id="rules-4">
|
|
<p class="rules-title code-title">Don't be lazy</p>
|
|
<p>
|
|
- Help out anyone whenever possible (with navigation, signups, etc.), whether it's your teammate or another participant
|
|
<br>
|
|
- You are required to provide adequete effort to your team
|
|
</p>
|
|
</div>
|
|
<div class="rules-card code-card" id="rules-5">
|
|
<p class="rules-title code-title">Be ethical and equal</p>
|
|
<p>
|
|
- Consider the ramifications of your actions; do not do anything that will reputably harm others or yourself
|
|
<br>
|
|
- Split up work and treat others equally; Prizes are required to be split equally among the team
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
*subject to change
|
|
</article>
|
|
</div>
|
|
<div id="photo-release-container">
|
|
<h2>Photo Release Waiver</h2>
|
|
<div id=photo-description>
|
|
By participating in this hackathon, you hereby grant us permission to use your likeness and project content in photographs, videos, or other digital media in any and all of its publications, including, but not limited to, social media and web-based publications. Any and all photos taken during the hackathon duration will become property of Gilroy Hacks.
|
|
<br><br>
|
|
Upon agreeing to these terms, you authorize Gilroy Hacks to edit, copy, or distribute these photos for any lawful or advertising purpose. Additionally, you waive the right to royalties or compensation for using these photos.
|
|
<br><br>
|
|
However, Gilroy Hacks will use these photos for promoting purposes ONLY. We will never share your personal or private information to anyone outside the event.
|
|
<br><br>
|
|
If you have a disagreement with any of the terms stated above, please contact an event organizer or email <a class="link" target="_blank" href="mailto:tech@gilroyhacks.com" title="Email">tech@gilroyhacks.com</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="prizes">
|
|
<h2 class="topic">Prizes</h2>
|
|
<hr class="line">
|
|
<div id="prizes-container">
|
|
<article id="second-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="second-place">
|
|
<img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
|
|
<div class="prize-title">2nd</div>
|
|
<div class="prize-content">$200</div>
|
|
</div>
|
|
<div class="podium-edge"></div>
|
|
<div id="second-podium"></div>
|
|
</div>
|
|
</article>
|
|
<article id="first-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="first-place">
|
|
<img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
|
|
<div class="prize-title">1st</div>
|
|
<div class="prize-content">$300</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].png" loading="lazy" alt="logo">
|
|
<p class="podium-label" id="podium-label-2">Hacks</p>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="third-column">
|
|
<div class="podium-description">
|
|
<div class="prize-desc" id="third-place">
|
|
<img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
|
|
<div class="prize-title">3rd</div>
|
|
<div class="prize-content">$100</div>
|
|
</div>
|
|
<div class="podium-edge"></div>
|
|
<div id="third-podium"></div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<div id="prize-box">
|
|
Prizes will be in the form of individual Amazon Gift Cards as follows:<br>
|
|
<ul id="prize-list">
|
|
<li><span class="emphasis-text">1st Place</span>: $75 Amazon Gift Cards (x4)</li>
|
|
<li><span class="emphasis-text">2nd Place</span>: $50 Amazon Gift Cards (x4)</li>
|
|
<li><span class="emphasis-text">3rd Place</span>: $25 Amazon Gift Cards (x4)</li>
|
|
</ul>
|
|
<br>
|
|
<h4><u>Terms & Conditions</u></h4>
|
|
- We will deliver prizes via email (we'll ask you on Discord for your preferred email once the event ends).<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>
|
|
</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/Gilroy Hacks Logo [icon-tp-podium].png" 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="discord-text">Discord</span>: Skymon<span class="discord-tag">#0438</span><br><a class="link" target="_blank" href="mailto:aadhavan.magesh@gmail.com" title="Email">aadhavan.magesh@gmail.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/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Isaac Hwang</h4>
|
|
<h5 class="person-subtitle">Lead Organizer</h5>
|
|
<h5 class="person-contact"><span class="discord-text">Discord</span>: Fesh<span class="discord-tag">#5995</span><br><a class="link" target="_blank" href="mailto:ihwang125@gmail.com" title="Email">ihwang125@gmail.com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Jonathan Tessman</h4>
|
|
<h5 class="person-subtitle">Finance Manager</h5>
|
|
<h5 class="person-contact"><span class="discord-text">Discord</span>: Alsace<span class="discord-tag">#5031</span></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="outreach">
|
|
<h3 class="team-title">Outreach</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Vijay Kethanaboyina</h4>
|
|
<h5 class="person-subtitle">Outreach Manager</h5>
|
|
<h5 class="person-contact"><span class="discord-text">Discord</span>: SURPRISE!!<span class="discord-tag">#8662</span><br><a class="link" target="_blank" href="mailto:vijaykethanaboyina@gmail.com" title="Email">vijaykethanaboyina@gmail.com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<article id="tech">
|
|
<h3 class="team-title">Tech</h3>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img id="jd" src="img/jd.png" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">James Dinh</h4>
|
|
<h5 class="person-subtitle">Lead Website Designer</h5>
|
|
<h5 class="person-contact"><span class="discord-text">Discord</span>: wellfedbison<span class="discord-tag">#0607</span><br><a class="link" target="_blank" href="mailto:jamesdinh77@protonmail.com" title="Email">jamesdinh77@protonmail.com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" 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="discord-text">Discord</span>: Maul<span class="discord-tag">#8742</span><br><a class="link" target="_blank" href="mailto:ezrabridger27@gmail.com" title="Email">ezrabridger27@gmail.com</a></h5>
|
|
</div>
|
|
</div>
|
|
<div class="team-entry">
|
|
<div class="team-picture"><img src="img/Gilroy Hacks Logo [icon-tp-podium].png" 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="discord-text">Discord</span>: No Game No life<span class="discord-tag">#4534</span><br><a class="link" target="_blank" href="mailto:markshen00@gmail.com" title="Email">markshen00@gmail.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/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div>
|
|
<div class="team-description">
|
|
<h4 class="person-name">Bryce Mankovsky</h4>
|
|
<h5 class="person-subtitle">Marketing Manager</h5>
|
|
<h5 class="person-contact"><span class="discord-text">Discord</span>: bmank52<span class="discord-tag">#1664</span><br><a class="link" target="_blank" href="mailto:brycemankovsky@gmail.com" title="Email">brycemankovsky@gmail.com</a></h5>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
<!--Footer-->
|
|
<footer>
|
|
<div id="footer-container">
|
|
<article id="footer-desc">
|
|
<img id="footer-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
|
|
<p>
|
|
Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.
|
|
</p>
|
|
<div id="socials">
|
|
<div><a target="_blank" href="https://www.facebook.com/profile.php?id=100082498013066" title="Facebook"><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 target="_blank" href="https://www.instagram.com/gilroyhacks/" title="Instagram"><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>
|
|
<hr id="footer-line">
|
|
<p id="footer-copyright">
|
|
© 2022 Gilroy Hacks. All Rights Reserved
|
|
</p>
|
|
</article>
|
|
<article id="footer-links">
|
|
<h3>Links</h3><br>
|
|
<ul>
|
|
<li><a class="link" onclick="check('02'); save()" target="_blank" href="https://discord.gg/nkTDKMcYbr" title="Discord Invite Link">Discord</a></li>
|
|
<li><a class="link" onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">Signup Form</a></li>
|
|
<li><a class="link" target="_blank" href="https://sccl.bibliocommons.com/events/62acbe100685eb4200c37c48" title="Gilroy Library Event">Library Event Entry</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>Location</h3><br>
|
|
<ul>
|
|
<li>Gilroy Library<br>350 W 6th St, Gilroy, CA 95020</li>
|
|
</ul>
|
|
</article>
|
|
</div>
|
|
</footer>
|
|
<!-- JavaScript Refs -->
|
|
<script src="js/jquery-3.6.0.min.js"></script>
|
|
<script src="js/scroll_nav.js"></script>
|
|
<script src="js/scroll_element.js"></script>
|
|
<script src="js/timer.js"></script>
|
|
<script src="js/data_checkbox.js"></script>
|
|
<script src="js/map.js"></script>
|
|
</body>
|
|
</html> |