Change Spots

This commit is contained in:
James Dinh 2022-06-27 12:50:52 -07:00
parent 38df9eeb39
commit f1a1d43e75
4 changed files with 21 additions and 14 deletions

BIN
.DS_Store vendored

Binary file not shown.

View File

@ -49,14 +49,6 @@ nav * {
transition: 0.5s; transition: 0.5s;
} }
#nav-logo-div {
height: 50px;
width: 258px;
margin: none;
display: inline block;
position: fixed;
}
#nav-logo-a { #nav-logo-a {
position: relative; position: relative;
} }
@ -151,8 +143,15 @@ nav ul li {
} }
#banner { #banner {
height: 100%; width: 70%;
/* width: 50%; */ position: absolute;
justify-content: center;
display: inline-flex;
top: 16px;
font-size: 20px;
margin: auto;
/* height: 100%;
width: 50%;
width: 380px; width: 380px;
margin: auto; margin: auto;
font-size: 20px; font-size: 20px;
@ -160,7 +159,7 @@ nav ul li {
position: relative; position: relative;
justify-content: left; justify-content: left;
overflow: hidden; overflow: hidden;
align-items: center; align-items: center; */
} }
#banner-text { #banner-text {
@ -239,6 +238,11 @@ nav ul li {
} }
/* Responsive Functions */ /* Responsive Functions */
@media (max-width: 1300px) {
#banner {
width: 50%;
}
}
@media (max-width: 1150px) { @media (max-width: 1150px) {
#banner { #banner {
display: none; display: none;

BIN
img/.DS_Store vendored

Binary file not shown.

View File

@ -49,6 +49,9 @@
<a id="nav-logo-a" href="./"> <a id="nav-logo-a" href="./">
<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">
<p id="banner-text"><a class="navlink" id="timer-link" href="#timeline" title="Click for more info">Opening Ceremony</a> in<abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr></p>
</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">
<label for="check" class="checkbtn"> <label for="check" class="checkbtn">
@ -61,9 +64,9 @@
<li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li> <li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#team">Team</a></li> <li><a class="navlink" onclick="uncheck('check')" href="#team">Team</a></li>
</ul> </ul>
<div id="banner"> <!-- <div id="banner">
<p id="banner-text"><a class="navlink" id="timer-link" href="#timeline" title="Click for more info">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" title="Click for more info">Opening Ceremony</a> in<abbr class="tooltip-nav" title="Aug 12, 4pm"><span id="timer"></span></abbr></p>
</div> </div> -->
</div> </div>
</nav> </nav>
<!--Front Page--> <!--Front Page-->
@ -76,7 +79,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">34 spots remaining</h2> <h2 id="header-subtitle-spots">33 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">