Added shake animation to sponsor logos

This commit is contained in:
James Dinh 2023-03-03 10:30:10 -08:00
parent 1862db7acc
commit c7c0b3a6d1
4 changed files with 41 additions and 13 deletions

View File

@ -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 */

BIN
img/aops_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
img/gav_logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

View File

@ -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>