gilroyhacks.com/contact.html

189 lines
16 KiB
HTML
Raw Normal View History

2022-07-05 10:20:44 -07:00
<!DOCTYPE html>
<html lang="en">
<!--
Gilroy Hacks Website Source Code -> HTML (https://gilroyhacks.com)
2022-07-26 00:32:06 -07:00
File: contact.html
2022-07-05 10:20:44 -07:00
2022-07-23 18:24:23 -07:00
Web-Designed by James Dinh ᓚᘏᗢ from scratch using HTML, CSS, and JS
2022-07-05 10:20:44 -07:00
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>
2023-03-02 11:33:03 -08:00
<link href="css/general.css" rel="stylesheet" type="text/css" media="all">
2022-07-05 10:20:44 -07:00
<link href="css/scroll_nav.css" rel="stylesheet" type="text/css" media="all">
2022-10-15 15:34:07 -07:00
<link rel="icon" href="img/icon.ico">
2022-07-05 10:20:44 -07:00
2022-07-17 22:55:34 -07:00
<!-- JavaScript Refs -->
2022-07-06 15:51:50 -07:00
<script src="js/jquery-3.6.0.min.js"></script>
2022-12-16 12:58:01 -08:00
<script defer src="js/second.js"></script>
2022-07-17 22:55:34 -07:00
<script defer src="js/contact.js"></script>
2022-07-05 10:20:44 -07:00
<style>
@font-face {
font-family: "Glacial Indifference";
src: url("font/GlacialIndifference-Regular.otf") format('opentype');
2022-12-17 00:23:37 -08:00
/* font-display: swap; */
2022-07-05 10:20:44 -07:00
}
body {
position: relative;
background-color: #0d1117 !important;
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">
2023-03-02 11:33:03 -08:00
<div class="nav-container">
<a id="nav-logo-a" href="./">
2023-03-03 14:25:40 -08:00
<img id="nav-logo" src="img/Gilroy_Hacks_Banner.png" alt="logo"/>
2023-03-02 11:33:03 -08:00
</a>
<div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="#schedule"><span id="event-name">loading...</span></a> <div id="timer-container">in
<span id="timer">---</span></div>
</p>
</div>
<input class="menu-btn" onclick="CheckNavOpen()" type="checkbox" id="menu-btn"/>
<label class="menu-icon" for="menu-btn"><span class="navicon"></span></label>
<ul class="nav-menu">
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./#event">Event</a></li>
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./#workshops">Workshops</a></li>
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./#prizes">Prizes</a></li>
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./#team">Team</a></li>
<li><a class="navlink" onclick="uncheck('menu-btn')" href="./rules">Rules<svg id="nav-icon" class="new-tab-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></a></li>
2022-07-05 10:20:44 -07:00
</ul>
2023-03-02 11:33:03 -08:00
<a target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
2022-07-05 10:20:44 -07:00
</div>
</nav>
<header>
2023-03-02 11:33:03 -08:00
<div class="header-background second">
2022-07-05 10:20:44 -07:00
<div id="header-gradient">
2023-03-02 11:33:03 -08:00
<div class="header second">
2023-03-03 14:25:40 -08:00
<img id="second-logo" src="img/Gilroy_Hacks_Logo.png" height="400" width="400" alt="logo"/>
2023-03-02 11:33:03 -08:00
<div class="vertical-line second"></div>
2022-07-05 10:20:44 -07:00
<div id="header-info">
2023-03-02 11:33:03 -08:00
<!-- <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 class="header-subtitle header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 12 - 14</h2></a> -->
2023-03-02 12:14:48 -08:00
<a class="link tooltip header-link second" id="header-tooltip-second" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T170000Z%2F20230417T000000Z&details=Participate%20in%20a%20weekend-long%20hackathon%20to%20strengthen%20your%20coding%20skills%20and%20earn%20some%20cool%20prizes%21&location=Gilroy%20Library&text=Gilroy%20Hacks%20Hackathon"><h2 class="header-subtitle header-subtitle-date"><svg class="header-icon" xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg> Apr 15 - 16</h2></a>
<a class="tooltip header-link second" id="spots-tooltip-second" href="https://forms.gle/DGhhtikk5j72E59G8" target="_blank">
2023-03-02 11:33:03 -08:00
<div class="spots-container">
<div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">Signup Form<svg class="new-tab-icon sub-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M384 320c-17.67 0-32 14.33-32 32v96H64V160h96c17.67 0 32-14.32 32-32s-14.33-32-32-32L64 96c-35.35 0-64 28.65-64 64V448c0 35.34 28.65 64 64 64h288c35.35 0 64-28.66 64-64v-96C416 334.3 401.7 320 384 320zM488 0H352c-12.94 0-24.62 7.797-29.56 19.75c-4.969 11.97-2.219 25.72 6.938 34.88L370.8 96L169.4 297.4c-12.5 12.5-12.5 32.75 0 45.25C175.6 348.9 183.8 352 192 352s16.38-3.125 22.62-9.375L416 141.3l41.38 41.38c9.156 9.141 22.88 11.84 34.88 6.938C504.2 184.6 512 172.9 512 160V24C512 10.74 501.3 0 488 0z"/></svg></h2>
</div>
</a>
2022-07-05 10:20:44 -07:00
</div>
</div>
</div>
</div>
</header>
<main>
<section>
2022-07-06 15:51:50 -07:00
<h2 class="topic">Contact Us</h2>
2022-07-05 10:20:44 -07:00
<hr class="line">
<!-- Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -->
2022-07-06 16:05:57 -07:00
<form action="https://formsubmit.co/cdb6b3b7f0aaee18ef710e25aee428d2" class="contact-form" method="POST">
2022-07-06 15:51:50 -07:00
<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>
2022-07-05 10:20:44 -07:00
</div>
2022-07-06 15:51:50 -07:00
<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>
2022-07-06 16:02:49 -07:00
<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>
2022-11-29 23:52:37 -08:00
<option value="Sponsor">Sponsor</option>
2022-07-06 16:02:49 -07:00
<option value="Other">Other</option>
2022-07-06 15:51:50 -07:00
</select>
</div>
2022-07-05 10:20:44 -07:00
</div>
2022-07-06 15:51:50 -07:00
<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>
2022-07-05 10:20:44 -07:00
</div>
2022-07-06 15:51:50 -07:00
<div class="form-submit-button">
2022-07-06 15:59:29 -07:00
<button type="submit" class="square-button">Send</button>
2022-07-05 10:20:44 -07:00
</div>
</form>
</section>
</main>
<!--Footer-->
<footer>
<div id="footer-container">
2022-10-15 15:34:07 -07:00
<div id="footer-desc">
2023-03-03 14:25:40 -08:00
<div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Banner.png" alt="logo"/></div>
2022-07-05 10:20:44 -07:00
<p>
2023-03-02 11:33:03 -08:00
Gilroy Hacks is a student-led organization fiscally sponsored by Hack Club, a 501(c)(3) nonprofit, and focused on promoting community engagement and improving STEM exposure for students.
2022-07-05 10:20:44 -07:00
</p>
<div id="socials">
2022-07-22 09:45:32 -07:00
<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>
2022-07-27 13:55:59 -07:00
<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>
2022-07-05 10:20:44 -07:00
</div>
<hr id="footer-line">
<p id="footer-copyright">
2023-03-02 11:33:03 -08:00
© 2023 Gilroy Hacks. All Rights Reserved<br>Fiscally sponsored by The Hack
Foundation.<br>Nonprofit EIN: 81-2908499
2022-07-05 10:20:44 -07:00
</p>
2022-10-15 15:34:07 -07:00
</div>
2022-07-05 10:20:44 -07:00
<article id="footer-links">
2022-07-26 20:26:25 -07:00
<h3 class="footer-title">Links</h3>
2022-07-05 10:20:44 -07:00
<ul>
2022-07-19 15:19:19 -07:00
<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>
2022-12-20 18:55:26 -08:00
<li><a class="link" href="./rules" title="Rules">Rules & Liability</a></li>
<li><a class="link" href="./licenses" title="Licenses">Licenses</a></li>
<li><a class="link" href="./contact" title="Contact">Contact Form</a></li>
2022-07-05 10:20:44 -07:00
</ul>
</article>
2022-07-06 15:51:50 -07:00
<article id="footer-location">
2022-07-26 20:26:25 -07:00
<h3 class="footer-title">Location</h3>
2022-07-05 10:20:44 -07:00
<ul>
2023-03-02 11:54:36 -08:00
<li>Gavilan College<br>5055 Santa Teresa Blvd, Gilroy, CA 95020</li>
2022-07-05 10:20:44 -07:00
</ul>
</article>
</div>
</footer>
</body>
2022-07-04 23:22:07 -07:00
</html>