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

Compare commits

base: wellfedbison:fdaf19b144d189eefe144cb34efaa4cd9f5d4830
Branches Tags
wellfedbison:main
..
compare: wellfedbison:14f0517c9c8347f4b4bc40f2afefc64143841a31
Branches Tags
wellfedbison:main

No commits in common. "fdaf19b144d189eefe144cb34efaa4cd9f5d4830" and "14f0517c9c8347f4b4bc40f2afefc64143841a31" have entirely different histories.
fdaf19b144 ... 14f0517c9c

2 changed files with 27 additions and 32 deletions
Show Stats Expand all files Collapse all files

51
css/general.css
View File

@ -150,6 +150,16 @@ 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 {
@ -164,6 +174,10 @@ 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;
@ -186,33 +200,16 @@ nav ul li {
opacity: 1; opacity: 1;
} }
} }
/* /* @keyframes headline {
.tooltip-nav { 0% {
position: relative; transform: translateX(600px);
display: inline-block; }
border-bottom: 1px dotted black; 50% {
text-decoration: none; transform: translateX(-600px);
}
} 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 {

8
index.html
View File

@ -50,9 +50,7 @@
<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 <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>
<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">
@ -81,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">32 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">
@ -102,7 +100,7 @@
<article id="event-description"> <article id="event-description">
<h2 id="description-heading">Our Mission Statement</h2> <h2 id="description-heading">Our Mission Statement</h2>
<div id="event-main-box"> <div id="event-main-box">
<div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local high school students.</div> <div id="description-content">Gilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure to local high school students.</div>
<hr class="line"> <hr class="line">
<ul class="list"> <ul class="list">
<li>Even if you're not an expert at coding, this hackathon offers an opportunity for you to strengthen your skills and collaborate with others to create something useful. Below are important dates to keep in mind: <li>Even if you're not an expert at coding, this hackathon offers an opportunity for you to strengthen your skills and collaborate with others to create something useful. Below are important dates to keep in mind: