gilroyhacks.com/index.html

136 lines
6.6 KiB
HTML
Raw Normal View History

2022-05-26 22:09:31 -07:00
<!DOCTYPE html>
<html lang="en">
<!--
Official Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
For more info, contact jamesdinh77 (at) protonmail (dot) com
-->
<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">
2022-05-29 16:50:10 -07:00
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
2022-05-26 22:09:31 -07:00
<link rel="icon" href="">
<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 webiste 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">
2022-05-29 16:50:10 -07:00
2022-05-26 22:09:31 -07:00
<style>
@font-face {
font-family: "Glacial Indifference";
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
font-display: swap;
}
body {
position: relative;
background-color: #141313 !important;
background-image: "";
color: #f2f1ef !important;
font-family: "Glacial Indifference";
}
</style>
<!--For icons, go here: https://iconsvg.xyz/ -->
</head>
2022-05-29 16:50:10 -07:00
<body></body>
<!--Nav-->
<nav id="navBar">
2022-05-29 22:39:53 -07:00
<a id="nav-logo-a" href="./">
<img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide].png" loading="lazy" height="50" width="auto" alt="logo"/>
2022-05-29 16:50:10 -07:00
</a>
2022-05-29 22:39:53 -07:00
<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>
2022-05-30 00:43:44 -07:00
<a target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
2022-05-29 22:39:53 -07:00
<ul>
<li><a href="#event">Event</a></li>
<li><a href="#rules">Rules</a></li>
<li><a href="#prizes">Prizes</a></li>
<li><a href="#teams">Teams</a></li>
</ul>
</div>
2022-05-29 16:50:10 -07:00
</nav>
<!--Front Page-->
2022-05-26 22:09:31 -07:00
<header>
2022-05-29 16:50:10 -07:00
<div id="header-background">
2022-05-26 22:09:31 -07:00
<div id="header">
2022-05-29 22:39:53 -07:00
<img id="logo" src="img/Gilroy Hacks Logo [Summer].png" height="400" width="400" loading="lazy" alt="logo"/>
2022-05-30 00:43:44 -07:00
<hr id="line-header">
2022-05-29 16:50:10 -07:00
<h2 id="header-subtitle-date">Aug 12 - 14</h2>
2022-05-29 22:39:53 -07:00
<div id="spots-container">
<div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">40 spots Left</h2>
</div>
2022-05-29 16:50:10 -07:00
<div id="entrance-arrow">
2022-05-30 00:43:44 -07:00
<a href="#event" id="arrow-link">
Event
2022-05-29 16:50:10 -07:00
<svg 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>
2022-05-27 20:37:36 -07:00
</a>
2022-05-29 16:50:10 -07:00
</div>
2022-05-26 22:09:31 -07:00
</div>
</div>
</header>
2022-05-29 16:50:10 -07:00
<!--Main-->
<main>
2022-05-30 00:43:44 -07:00
<section id="event">
<h2 class="topic">Hackathon Event</h2>
<hr class="line">
<div id="event-container">
<article id="event-description">
<ul class="list">
<li>Even if you're not an expert at coding, this hackathon will offer an opportunity 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>
2022-05-30 00:46:21 -07:00
<li><span class="emphasis-text">Aug 12-14</span> -> Hackathon</li>
2022-05-30 00:43:44 -07:00
</ul>
</li>
<li>Our program is dedicated to providing the Gilroy/Morgan Hill/Hollister youth with the opportunity to develop their coding skills. We specialize in hackathons where students participate in teams and compete for prizes. Students can create their own teams or if they are competing individually, we will assign teams based on experience level and programming language. For this hackathon, we plan on grouping at least one experienced person with novices so that no one is out of their depth. The current estimate is that there will be one or two experienced people and two novices in each team for this contest. However, depending on the number of participants, we may decrease team size if not enough people participate. </li>
</ul>
</article>
<article>
<h3 id="steps-header">STEPS</h3>
<div id="steps-card">
<ul class="list" id="steps-list">
<li>Sign up w/ <a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">form</a></li>
<li>Join the Discord</li>
<li>Create/join a team</li>
<li>Start discussing ideas for a project</li>
<li>Wait for the hackathon to start!</li>
</ul>
</div>
</article>
</div>
</section>
<section id="rules">
<h2 class="topic">Rules</h2>
<hr class="line">
</section>
<section id="prizes">
<h2 class="topic">Prizes</h2>
<hr class="line">
</section>
<section id="teams">
<h2 class="topic">Teams</h2>
<hr class="line">
<div id="discord-widget">
<iframe src="https://discord.com/widget?id=896884806124728352&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
</section>
2022-05-29 16:50:10 -07:00
</main>
2022-05-30 00:43:44 -07:00
<!--Footer-->
<footer>
<ul>
<li><a class="link" target="_blank" href="https://discord.gg/nkTDKMcYbr">Discord</a></li>
</ul>
<hr id="footer-line">
© 2022 Gilroy Hacks <br>
All Rights Reserved
</footer>
2022-05-29 16:50:10 -07:00
<script src="js/scroll_nav.js"></script>
2022-05-26 22:09:31 -07:00
</body>
</html>