Added shake animation to sponsor logos

css/general.css

@@ -1517,14 +1517,33 @@ li .splide__pagination__page.is-active {
 #sponsor-container a {
   padding: 7px 0px;
   margin: 5px 20px;
+  align-content: center;
+  margin: auto;
 }
 
 #sponsor-container img {
   max-height: 80px;
+  max-width: 370px;
 }
 
 #sponsor-container a:hover {
-  transform: scale(1.02);
+  /* transform: scale(1.02); */
+  animation: 0.3s ease shake;
+}
+
+@keyframes shake {
+  0% {
+    transform:rotate(1deg);
+  }
+  33% {
+    transform:rotate(-1deg);
+  }
+  66% {
+    transform:rotate(1deg);
+  }
+  100% {
+    transform:rotate(0deg);
+  }
 }
 
 #sponsor-container img {
@@ -1640,7 +1659,7 @@ li .splide__pagination__page.is-active {
 }
 
 .button-close-modal:hover {
-  transform: scale(1.2);
+  transform: scale(1.05);
   filter: brightness(1.1);
   transition: 0.3s;
 }
@@ -2926,6 +2945,11 @@ option {
   }
 }
 
+.donate-button {
+  color: white;
+  text-decoration: none;
+}
+
 footer {
   width: auto;
   height: auto;
@@ -3004,4 +3028,4 @@ footer li {
 /* Are you interested in coding, engineering, or STEM? Does a weekend full of intense brainstorming and
 coding extravaganza with tons of other like-minded students sound (at the least bit) interesting to you? 
 Gilroy Hacks is all about allowing passionate students showcase their skills and teaching new concepts to 
-newcomers. If this sounds like you, then all aboard the Hackathon tra *
+newcomers. If this sounds like you, then all aboard the Hackathon tra */

index.html

@@ -225,7 +225,11 @@
                                             <p class="title">3. Create/join a team</p>
                                         </label>
                                         <label for="03">
-                                            <span class="step-desc">- Join teams in the Discord Server!</span>
+                                            <span class="step-desc">
+                                                - Team up with friends or, if you're looking for potential teammates, scout for teams in the Discord server!
+                                                <br>
+                                                - 4 max per team, register at event start
+                                            </span>
                                         </label>
                                     </div>
                                 </div>
@@ -276,10 +280,10 @@
                     <img src="img/1Password_logo.svg" loading="lazy" alt="1Password logo">
                 </a>
                 <a href="https://artofproblemsolving.com/" target="_blank">
-                    <img src="img/AOPS_logo" loading="lazy" alt="AOPS logo">
+                    <img src="img/aops_logo.png" loading="lazy" alt="AOPS logo">
                 </a>
                 <a href="https://www.gavilan.edu/" target="_blank">
-                    <img src="img/gavilan_college.png" loading="lazy" alt="GEAR Club logo">
+                    <img src="img/gav_logo.png" loading="lazy" alt="GEAR Club logo">
                 </a>
                 <a href="https://www.prohealthsmiles.com/" target="_blank">
                     <img src="img/ProHealth_Smiles.png" loading="lazy" alt="ProHealth Smiles logo">
@@ -437,7 +441,7 @@
                     </div>
                     <div class="modal-desc">
                         <h3><span class="emphasis-text">Time</span>: 11am - 12pm</h3>
-                        <h3><span class="emphasis-text">Location</span>: LI 128 (Library)</h3><br>
+                        <h3><span class="emphasis-text">Location</span>: Student Cetner (North/South Lounge)</h3><br>
                         <p class="timeline-description">A chance for you to learn the world's most common version control system: Git -- and how to create your own website!</p>
                         <ul class="timeline-description-list">
                             <li>Instructed by ya boi <u>James</u></li>
@@ -453,7 +457,7 @@
                     </div>
                     <div class="modal-desc">
                         <h3><span class="emphasis-text">Time</span>: 2 - 3pm</h3>
-                        <h3><span class="emphasis-text">Location</span>: LI 128 (Library)</h3><br>
+                        <h3><span class="emphasis-text">Location</span>: Student Cetner (North/South Lounge)</h3><br>
                         <p class="timeline-description">Join us for a lecture on Python Programming basics. You'll learn basic data structures and be able to code your own programs!</p>
                         <ul class="timeline-description-list">
                             <li>Instructed by Comp Sci A brainiac <u>Clement</u></li>
@@ -556,7 +560,7 @@
                     </div>
                 </div>
                 <div class="modal logistics-border" id="awards-ceremony">
-                    <button class="button-close-modal">x</button>
+                    <button class="button-close-modal"></button>
                     <div class="modal-header logistics">
                         <h2>🏆 Awards Ceremony</h2>
                     </div>
@@ -591,7 +595,7 @@
                     <div class="workshop-date">
                         <a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T180000Z%2F20230415T190000Z&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=LI%20128&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>Apr 15</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>LI 128</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>Student Center</div>
                     </div>
                     <div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
                     <div class="workshop-desc">
@@ -639,7 +643,7 @@
                     <div class="workshop-date">
                         <a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T210000Z%2F20230415T220000Z&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=LI%20128&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>Apr 15</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>2 - 3pm</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>LI 128</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>Student Center</div>
                     </div>
                     <div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
                     <div class="workshop-desc">
@@ -864,10 +868,9 @@
             <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="./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>
+                <li><a class="link" href="./contact" title="Contact">Contact Us</a></li>
             </ul>
         </article>
         <article id="footer-location">
@@ -875,6 +878,7 @@
             <ul>
                 <li>Gavilan College<br>5055 Santa Teresa Blvd, Gilroy, CA 95020</li>
             </ul>
+            <a class="donate-button" target="_blank" href="https://bank.hackclub.com/donations/start/gilroy-hacks"><h2 class="header-subtitle donate"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path></svg>&nbspDonate<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></a>
         </article>
     </div>
 </footer>