wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Changed Styles

Browse Source
This commit is contained in:
James Dinh 2022-07-25 18:38:24 -07:00
parent e1ff69c4aa
commit 421771c69e
2 changed files with 64 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
css/general.css
View File

@ -1130,7 +1130,7 @@ section {
}
/* Signup Container */
#signup-container {
.signup-container {
margin: 20px auto;
}
@ -1196,7 +1196,7 @@ section {
}
/* Signup Checklist */
#checklist {
.checklist {
--text: #414856;
--check: #00ff37;
--disabled: #C3C8DE;
@ -1207,7 +1207,7 @@ section {
grid-template-columns: 0px auto;
align-items: center;
}
#checklist label {
.checklist label {
color: var(--text);
position: relative;
cursor: pointer;
@ -1216,24 +1216,24 @@ section {
width: fit-content;
transition: color 0.3s ease;
}
#checklist label::before, #checklist label::after {
.checklist label::before, .checklist label::after {
content: "";
position: absolute;
}
#checklist label::before {
.checklist label::before {
height: 2px;
width: 8px;
left: -35px;
border-radius: 2px;
}
#checklist label:after {
.checklist label:after {
height: 4px;
width: 4px;
top: 8px;
left: -35px;
border-radius: 50%;
}
#checklist input[type=checkbox] {
.checklist input[type=checkbox] {
appearance: none;
position: relative;
height: 15px;
@ -1246,7 +1246,7 @@ section {
display: grid;
align-items: center;
}
#checklist input[type=checkbox]::before, #checklist input[type=checkbox]::after {
.checklist input[type=checkbox]::before, .checklist input[type=checkbox]::after {
content: "";
position: absolute;
height: 2px;
@ -1254,33 +1254,33 @@ section {
background: var(--check);
border-radius: 2px;
}
#checklist input[type=checkbox]::before {
.checklist input[type=checkbox]::before {
width: 0px;
transform-origin: right bottom;
z-index: 2;
}
#checklist input[type=checkbox]::after {
.checklist input[type=checkbox]::after {
width: 0px;
transform-origin: left bottom;
z-index: 2;
}
#checklist input[type=checkbox]:checked::before {
.checklist input[type=checkbox]:checked::before {
animation: check-01 0.4s ease forwards;
left: -36px;
}
#checklist input[type=checkbox]:checked::after {
.checklist input[type=checkbox]:checked::after {
animation: check-02 0.4s ease forwards;
left: -31px;
}
#checklist input[type=checkbox]:checked + label {
.checklist input[type=checkbox]:checked + label {
color: var(--disabled);
animation: move 0.3s ease 0.1s forwards;
}
#checklist input[type=checkbox]:checked + label::before {
.checklist input[type=checkbox]:checked + label::before {
background: var(--disabled);
animation: slice 0.4s ease forwards;
}
#checklist input[type=checkbox]:checked + label::after {
.checklist input[type=checkbox]:checked + label::after {
animation: firework 0.5s ease forwards 0.1s;
left: -33px;
}
@ -1409,7 +1409,7 @@ section {
color: rgb(255, 208, 137)
}
#discord::after {
.tooltip.discord::after {
content: 'Discord';
color: rgb(128, 130, 245);
right: -70px;
@ -1731,7 +1731,7 @@ section {
right: -20px;
}
#workshop-link {
.workshop-link {
background: unset;
}
@ -1876,19 +1876,19 @@ section {
left: -28px;
}
#rules-1::before {
.rules-1::before {
content: "1";
}
#rules-2::before {
.rules-2::before {
content: "2";
}
#rules-3::before {
.rules-3::before {
content: "3";
}
#rules-4::before {
.rules-4::before {
content: "4";
}
#rules-5::before {
.rules-5::before {
content: "5";
}
@ -1968,7 +1968,7 @@ section {
margin: 10px 0;
}
#prize-column {
.prize-column {
display: flex;
flex-flow: column-reverse;
}

82
index.html
View File

@ -277,16 +277,16 @@
</article>
<article id="signup-article">
<div id="signup-title">
<h2 id="signup-header">Signup Checklist</h2>
<h2 class="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="signup-container">
<div class="outer">
<div class="card">
<div class="info">
<!-- Checklist src: https://codepen.io/milanraring/pen/QWbqBGo -->
<div id="checklist">
<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>
@ -299,7 +299,7 @@
</div>
<div class="card">
<div class="info">
<div id="checklist">
<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>
@ -312,7 +312,7 @@
</div>
<div class="card">
<div class="info">
<div id="checklist">
<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>
@ -325,7 +325,7 @@
</div>
<div class="card">
<div class="info">
<div id="checklist">
<div class="checklist">
<input id="04" onclick="save()" type="checkbox" name="r" value="4">
<label for="04">
<p class="title">4. Start preparing</p>
@ -342,7 +342,7 @@
</div>
<div class="card">
<div class="info">
<div id="checklist">
<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>
@ -373,7 +373,7 @@
</div>
</article>
</div>
<article id="map-article">
<div id="map-article">
<div id="cal-parent">
<article id="cal-container">
<h2 class="map-title">Calendar</h2>
@ -485,7 +485,7 @@
</div>
</article>
</div>
</article>
</div>
</section>
<section id="workshops">
<h2 class="topic">Workshops</h2>
@ -504,7 +504,7 @@
</div>
</div>
<div class="workshop-date">
<a class="link tooltip cal-tooltip" id="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>
<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>
@ -541,7 +541,7 @@
</div>
</div>
<div class="workshop-date">
<a class="link tooltip cal-tooltip" id="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>
<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>
@ -578,16 +578,16 @@
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>
<h2 class="signup-header">Hackathon Guidelines</h2>
<div id="rules-main-card">
<div id="signup-container">
<div class="rules-card" id="rules-1">
<div class="signup-container">
<div class="rules-card 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">
<div class="rules-card 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-rules" 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>)
@ -595,13 +595,13 @@
- 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">
<div class="rules-card 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">
<div class="rules-card 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
@ -609,7 +609,7 @@
- You may not copy others' unlicensed work
</p>
</div>
<div class="rules-card" id="rules-5">
<div class="rules-card 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
@ -622,10 +622,10 @@
*subject to change
</article>
<article id="code-of-conduct">
<h2 id="signup-header">Code of Conduct</h2>
<h2 class="signup-header">Code of Conduct</h2>
<div id="code-main-card">
<div id="signup-container">
<div class="rules-card code-card" id="rules-1">
<div class="signup-container">
<div class="rules-card code-card rules-1">
<p class="rules-title code-title">Treat everyone with respect</p>
<p>
- This includes team members, judges, organizers, volunteers, etc.
@ -633,12 +633,12 @@
- We reserve the right to refuse patronage to participants based on their actions
</p>
</div>
<div class="rules-card code-card" id="rules-2">
<div class="rules-card code-card 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">
<div class="rules-card code-card rules-3">
<p class="rules-title code-title">Respect one's privacy</p>
<p>
- You may not photograph anyone without consent
@ -646,7 +646,7 @@
- Do not use anyone's likeness or property in any production without permission
</p>
</div>
<div class="rules-card code-card" id="rules-4">
<div class="rules-card code-card 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
@ -654,7 +654,7 @@
- You are required to provide adequete effort to your team
</p>
</div>
<div class="rules-card code-card" id="rules-5">
<div class="rules-card code-card 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
@ -687,7 +687,7 @@
<h2 class="topic">Prizes</h2>
<hr class="line">
<div id="prizes-container">
<article id="prize-column">
<div class="prize-column">
<div class="podium-description">
<div class="prize-desc" id="second-place">
<div class="prize-text">
@ -701,8 +701,8 @@
<div class="podium-edge"></div>
<div id="second-podium"></div>
</div>
</article>
<article id="prize-column">
</div>
<div class="prize-column">
<div class="podium-description">
<div class="prize-desc" id="first-place">
<div class="prize-text">
@ -720,8 +720,8 @@
<p class="podium-label" id="podium-label-2">Hacks</p>
</div>
</div>
</article>
<article id="prize-column">
</div>
<div class="prize-column">
<div class="podium-description">
<div class="prize-desc" id="third-place">
<div class="prize-text">
@ -735,7 +735,7 @@
<div class="podium-edge"></div>
<div id="third-podium"></div>
</div>
</article>
</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>
@ -763,7 +763,7 @@
<div class="team-description">
<h4 class="person-name">Aadhavan Magesh</h4>
<h5 class="person-subtitle">Secretary</h5>
<h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -776,7 +776,7 @@
<div class="team-description">
<h4 class="person-name">Isaac Hwang</h4>
<h5 class="person-subtitle">Lead Organizer</h5>
<h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -786,7 +786,7 @@
<div class="team-description">
<h4 class="person-name">Jonathan Tessmann</h4>
<h5 class="person-subtitle">Finance Manager</h5>
<h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -799,7 +799,7 @@
<div class="team-description">
<h4 class="person-name">Vijay Kethanaboyina</h4>
<h5 class="person-subtitle">Outreach Manager</h5>
<h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -812,7 +812,7 @@
<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="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -822,7 +822,7 @@
<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" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -832,7 +832,7 @@
<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" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -845,7 +845,7 @@
<div class="team-description">
<h4 class="person-name">Bryce Mankovsky</h4>
<h5 class="person-subtitle">Marketing Manager</h5>
<h5 class="person-contact"><span class="tooltip" id="discord"><svg class="discord-icon" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16">
<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>
@ -857,7 +857,7 @@
<!--Footer-->
<footer>
<div id="footer-container">
<article id="footer-desc">
<div id="footer-desc">
<div id="footer-logo-div"><img id="footer-logo" src="img/Gilroy_Hacks_Logo_Summer_wide_2.png" alt="logo"/></div>
<p>
Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.
@ -870,7 +870,7 @@
<p id="footer-copyright">
© 2022 Gilroy Hacks. All Rights Reserved
</p>
</article>
</div>
<article id="footer-links">
<h3 class="footer-title">Links</h3>
<ul>