189 lines
13 KiB
HTML
189 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<!--
|
|
Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
|
|
File: licenses.html
|
|
|
|
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 · Contact</title>
|
|
<link href="css/contact.css" rel="stylesheet" type="text/css" media="all">
|
|
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
|
|
<link rel="icon" href="img/Gilroy-Hacks-Logo-icon-tp.ico">
|
|
|
|
<!-- JavaScript Refs -->
|
|
<script src="js/jquery-3.6.0.min.js"></script>
|
|
<script defer src="js/licenses.js"></script>
|
|
<script defer src="js/contact.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 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="./#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>
|
|
<header>
|
|
<div id="header-background">
|
|
<div id="header-gradient">
|
|
<div id="header">
|
|
<img id="logo" src="img/Gilroy_Hacks_Logo_Summer.png" height="100" width="100" alt="logo"/>
|
|
<div class="vertical-line"></div>
|
|
<div id="header-info">
|
|
<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>
|
|
<a class="link tooltip header-link" id="spots-tooltip" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">
|
|
<div id="spots-container">
|
|
<div class="blob green" aria-hidden="true"></div>
|
|
<h2 id="header-subtitle-spots">21 spots remaining</h2>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<section>
|
|
<h2 class="topic">Contact Us</h2>
|
|
<hr class="line">
|
|
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
|
|
<form action="https://formsubmit.co/cdb6b3b7f0aaee18ef710e25aee428d2" class="contact-form" method="POST">
|
|
<div class="form-single-line">
|
|
<div class="input-block">
|
|
<label for="">Name</label>
|
|
<input type="text" name="Name" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-single-line">
|
|
<div class="input-block">
|
|
<label for="">Email</label>
|
|
<input type="email" name="Email" class="form-control" required>
|
|
</div>
|
|
</div>
|
|
<div class="form-single-line">
|
|
<div class="input-block">
|
|
<label for="">Subject</label>
|
|
<!-- <input type="text" name="subject" class="form-control"> -->
|
|
<select name="Subject" class="form-control" required>
|
|
<option value="none">--Choose a Subject--</option>
|
|
<option value="Signup & Registration">Signups & Registration</option>
|
|
<option value="Event Details">Event Details</option>
|
|
<option value="Website">Website</option>
|
|
<option value="Discord">Discord</option>
|
|
<option value="Other">Other</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="form-multi-line">
|
|
<div class="input-block textarea">
|
|
<label for="">Drop your message here</label>
|
|
<textarea rows="3" name="Message" class="form-control" required></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="form-submit-button">
|
|
<button type="submit" class="square-button">Send</button>
|
|
</div>
|
|
</form>
|
|
</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 high school 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>
|
|
<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<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="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>
|
|
</body>
|
|
</html> |