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

Updated spots

Browse Source
This commit is contained in:
James Dinh 2022-06-29 11:38:57 -07:00
parent 14f0517c9c
commit 1f4760d457
2 changed files with 31 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
css/general.css
View File

@ -150,16 +150,6 @@ nav ul li {
top: 16px; top: 16px;
font-size: 20px; font-size: 20px;
margin: auto; margin: auto;
/* height: 100%;
width: 50%;
width: 380px;
margin: auto;
font-size: 20px;
display: inline-flex;
position: relative;
justify-content: left;
overflow: hidden;
align-items: center; */
} }
#banner-text { #banner-text {
@ -174,10 +164,6 @@ nav ul li {
padding: 2px 5px; padding: 2px 5px;
} }
.tooltip-nav {
text-decoration: none;
}
#timer-link { #timer-link {
color:rgb(252, 188, 93); color:rgb(252, 188, 93);
text-decoration: none; text-decoration: none;
@ -200,16 +186,33 @@ nav ul li {
opacity: 1; opacity: 1;
} }
} }
/* @keyframes headline { /*
0% { .tooltip-nav {
transform: translateX(600px); position: relative;
} display: inline-block;
50% { border-bottom: 1px dotted black;
transform: translateX(-600px); text-decoration: none;
}
100% { }
transform: translateX(-600px);
} .tooltip-nav .tooltiptext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 100;
top: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip-nav:hover .tooltiptext {
visibility: visible;
} */ } */
/* .notification { /* .notification {

6
index.html
View File

@ -50,7 +50,9 @@
<img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/> <img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
</a> </a>
<div id="banner"> <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in<abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr></p> <p id="banner-text"><a class="navlink" id="timer-link" href="#timeline">Opening Ceremony</a> in
<abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr>
</p>
</div> </div>
<div id="nav-links-container"> <div id="nav-links-container">
<input onclick="btnToggle()" type="checkbox" id="check"> <input onclick="btnToggle()" type="checkbox" id="check">
@ -79,7 +81,7 @@
<h2 id="header-subtitle-date">Aug 12 - 14</h2> <h2 id="header-subtitle-date">Aug 12 - 14</h2>
<div id="spots-container"> <div id="spots-container">
<div class="blob green" aria-hidden="true"></div> <div class="blob green" aria-hidden="true"></div>
<h2 id="header-subtitle-spots">33 spots remaining</h2> <h2 id="header-subtitle-spots">32 spots remaining</h2>
</div> </div>
<div id="entrance-arrow"> <div id="entrance-arrow">
<a href="#event" id="arrow-link"> <a href="#event" id="arrow-link">