Improved timer styles

This commit is contained in:
James Dinh 2022-12-20 19:19:11 -08:00
parent fe8e84dd54
commit 9bb26355c3
6 changed files with 12 additions and 4 deletions

View File

@ -66,7 +66,7 @@
<img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/> <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
</a> </a>
<div id="banner"> <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a>in <p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a> in
<span id="timer">---</span> <span id="timer">---</span>
</p> </p>
</div> </div>

View File

@ -162,6 +162,10 @@ nav ul li {
text-align: center; text-align: center;
} }
#event-name {
margin: 0px;
}
#timer { #timer {
color: rgb(184, 184, 184); color: rgb(184, 184, 184);
animation: blinking 3s infinite; animation: blinking 3s infinite;

View File

@ -159,6 +159,10 @@ nav ul li {
min-width: 310px; min-width: 310px;
} }
#event-name {
margin: 0px;
}
#banner-text { #banner-text {
text-align: center; text-align: center;
} }

View File

@ -80,7 +80,7 @@
<img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/> <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
</a> </a>
<div id="banner"> <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="#schedule"><span id="event-name">loading...</span></a>in <p id="banner-text"><a class="navlink" id="timer-link" href="#schedule"><span id="event-name">loading...</span></a> in
<span id="timer">---</span> <span id="timer">---</span>
</p> </p>
</div> </div>

View File

@ -64,7 +64,7 @@
<img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/> <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
</a> </a>
<div id="banner"> <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a>in <p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a> in
<span id="timer">---</span> <span id="timer">---</span>
</p> </p>
</div> </div>

View File

@ -64,7 +64,7 @@
<img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/> <img id="nav-logo" src="img/Gilroy_Hacks_Banner_Spring.png" alt="logo"/>
</a> </a>
<div id="banner"> <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a>in <p id="banner-text"><a class="navlink" id="timer-link" href="./#schedule"><span id="event-name">loading...</span></a> in
<span id="timer">---</span> <span id="timer">---</span>
</p> </p>
</div> </div>