Updated responsiveness

This commit is contained in:
James Dinh 2023-02-25 21:42:50 -08:00
parent 6e97672239
commit 4790470e3d
2 changed files with 10 additions and 2 deletions

View File

@ -447,6 +447,11 @@ nav * {
font-size: 45px; font-size: 45px;
} }
} }
@media (max-width: 700px) {
.header-link.tooltip::after {
display: none;
}
}
@media (max-width: 620px) { @media (max-width: 620px) {
#banner { #banner {
display: none; display: none;
@ -1391,8 +1396,11 @@ li .splide__pagination__page.is-active {
background-color: #3f3f3f!important; background-color: #3f3f3f!important;
} }
.tooltip { .tooltip::after {
position: relative; position: relative;
font-size: 16px;
color: rgb(252, 188, 93);
font-weight: normal;
} }
.tooltip::after { .tooltip::after {

View File

@ -122,7 +122,7 @@
<hr id="line-header"> <hr id="line-header">
<div class="header-info"> <div class="header-info">
<a class="link tooltip header-link left" id="header-tooltip" style="--i:0.1s" 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" 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="link tooltip header-link left" id="header-tooltip" style="--i:0.1s" 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" 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="link tooltip header-link right" id="map-tooltip" style="--i:0.3s" target="_blank" href="https://goo.gl/maps/sAwTRMW3zRkZphV77"><h2 class="header-subtitle" id="header-subtitle-location"><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="M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z"/><circle cx="12" cy="10" r="3"/></svg>&nbspGavilan College</h2></a> <a class="link tooltip header-link right" id="map-tooltip" style="--i:0.3s" target="_blank" href="https://goo.gl/maps/sAwTRMW3zRkZphV77"><h2 class="header-subtitle"><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="M12 22s-8-4.5-8-11.8A8 8 0 0 1 12 2a8 8 0 0 1 8 8.2c0 7.3-8 11.8-8 11.8z"/><circle cx="12" cy="10" r="3"/></svg>&nbspGavilan College</h2></a>
<a class="tooltip header-link left" id="spots-tooltip" style="--i:0.5s" href="https://forms.gle/DGhhtikk5j72E59G8" target="_blank"> <a class="tooltip header-link left" id="spots-tooltip" style="--i:0.5s" href="https://forms.gle/DGhhtikk5j72E59G8" target="_blank">
<div id="spots-container"> <div id="spots-container">
<div class="blob green" aria-hidden="true"></div> <div class="blob green" aria-hidden="true"></div>