Added email replace

css/general.css

@@ -728,6 +728,12 @@ nav * {
   background-image: linear-gradient(#0d111733 50%, #0d11175e 60%, #0d1117 100%);
 }
 
+.header-parent {
+  height: 100%;
+  display: flex;
+  flex-flow: row wrap;
+}
+
 @keyframes bounce {
   0%, 20%, 50%, 80%, 100% {
     transform: translateY(0);

index.html

@@ -104,7 +104,7 @@
         <div id="header-background">
             <div id="header-gradient">
                 <!-- <div id="winners">Congrats to the winners of the Gilroy Hacks 2022 Summer Hackathon: <span id="team-emphasis">Team 7 - Christian Nguyen, Connor Palsgrove</span></div> -->
-                <div id="header">
+                <!-- <div id="header">
                     <img id="logo" src="img/icon.ico" alt="logo"/>
                     <div class="waviy" id="top-logo-text">
                         <span style="--i:0.1s">G</span>
@@ -133,6 +133,41 @@
                             <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 class="header-parent">
+                    <div id="header">
+                        <img id="logo" src="img/icon.ico" alt="logo"/>
+                        <div class="waviy" id="top-logo-text">
+                            <span style="--i:0.1s">G</span>
+                            <span style="--i:0.2s">I</span>
+                            <span style="--i:0.3s">L</span>
+                            <span style="--i:0.4s">R</span>
+                            <span style="--i:0.5s">O</span>
+                            <span style="--i:0.6s">Y</span>
+                        </div>
+                        <div class="waviy" id="bottom-logo-text">
+                            <span style="--i:0.7s">H</span>
+                            <span style="--i:0.8s">A</span>
+                            <span style="--i:0.9s">C</span>
+                            <span style="--i:1.0s">K</span>
+                            <span style="--i:1.1s">S</span>
+                        </div>
+                        <hr id="line-header">
+                        <a class="link tooltip header-link" id="header-tooltip" 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 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>Apr 15 - 16</h2></a>
+                        <a class="tooltip header-link" id="spots-tooltip"><div id="spots-container">
+                            <div class="blob gold" aria-hidden="true"></div>
+                            <h2 id="header-subtitle-spots">Signups not yet open</h2>
+                        </div></a>
+                        <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 class="header-info-container">
+                        
+                    </div>
                 </div>
             </div>
         </div>
@@ -148,19 +183,6 @@
                         <h2 class="description-heading">New Hackathon Who Dis?</h2>
                     </div>
                     <h3 id="headline-recap">A recap of Summer 2022:</h3>
-                    <!-- <div id="slider" class="slider">
-                        <a id="prev" class="control prev"><svg class="slide-button" 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"><path d="M15 18l-6-6 6-6"/></svg></a>
-                        <div class="slides-wrapper" id="slide-wrapper-main">
-                            <div id="items" class="items">
-                                <div class="slide"><img class="slide-img" src="img/first_place_winner.jpg" loading="lazy"><span class="slide-caption">🎉 First Place Winners - Christian Nguyen, Connor Palsgrove 🎉</span></div>
-                                <div class="slide"><img class="slide-img" src="img/opening_ceremony.jpg" loading="lazy"><span class="slide-caption">Opening Ceremony 👍</span></div>
-                                <div class="slide"><img class="slide-img" src="img/brainstorm.png" loading="lazy"><span class="slide-caption">🤔 Brainstorming ideas...</span></div>
-                                <div class="slide"><img class="slide-img" src="img/python_workshop.jpg" loading="lazy"><span class="slide-caption">💻 Python Workshop 💻</span></div>
-                                <div class="slide"><img class="slide-img" src="img/prizes.png" loading="lazy"><span class="slide-caption">🏆 Prizes! 🏆</span></div>
-                            </div>
-                        </div>
-                        <a id="next" class="control next"><svg class="slide-button" 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"><path d="M9 18l6-6-6-6"/></svg></a>
-                    </div> -->
                     <div class="splide" id="splide" aria-label="Splide Slideshow">
                         <div class="splide__track">
                               <ul class="splide__list">
@@ -722,7 +744,7 @@
                             <h5 class="person-subtitle">Secretary</h5>
                             <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>
+                              </svg>Skymon<span class="discord-tag">#0438</span></span><br><a class="link tooltip email-link" id="email-replace-aadhavan" target="_blank" href="mailto:amagesh-at-gilroyhacks-dot-com">amagesh (at) gilroyhacks (dot) com</a></h5>
                         </div>
                     </div>
                     <div class="team-entry">
@@ -778,7 +800,7 @@
                             <h5 class="person-subtitle">Outreach Assist</h5>
                             <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>
+                              </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-gilroyhacks-dot-com">jonathantessmann (at) gilroyhacks (dot) com</a></h5>
                         </div>
                     </div>
                 </article>

js/general.js

@@ -17,8 +17,8 @@ document.addEventListener('DOMContentLoaded', function(){
   });
 
   var aadhavan = document.getElementById("email-replace-aadhavan");
-  setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+  setAttributes(aadhavan, {"href": "mailto:amagesh" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
-  aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com";
+  aadhavan.innerHTML = "amagesh" + "@" + "gilroyhacks.com";
 
   var isaac = document.getElementById("email-replace-isaac");
   setAttributes(isaac, {"href": "mailto:ihwang" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
@@ -33,8 +33,8 @@ document.addEventListener('DOMContentLoaded', function(){
   vijay.innerHTML = "vijay" + "@" + "gilroyhacks.com";
 
   var jonathan = document.getElementById("email-replace-jonathan");
-  setAttributes(jonathan, {"href": "mailto:jonathantessmann" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"});
+  setAttributes(jonathan, {"href": "mailto:jonathantessmann" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
-  jonathan.innerHTML = "jonathantessmann" + "@" + "gmail.com";
+  jonathan.innerHTML = "jonathantessmann" + "@" + "gilroyhacks.com";
 
   var james = document.getElementById("email-replace-james");
   setAttributes(james, {"href": "mailto:james" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"});
@@ -516,4 +516,4 @@ splide.mount();
 //   };
 
 //   var chart = new ApexCharts(document.querySelector("#chart"), options);
-//   chart.render
+//   chart.render