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

Compare commits

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

2 Commits
14f0517c9c ... fdaf19b144

Author SHA1 Message Date
James Dinh
fdaf19b144 Chagned desc 2022-06-29 11:48:09 -07:00
James Dinh
1f4760d457 Updated spots 2022-06-29 11:38:57 -07:00
2 changed files with 32 additions and 27 deletions
Show Stats Expand all files Collapse all files

47
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;
border-bottom: 1px dotted black;
text-decoration: none;
} }
50% {
transform: translateX(-600px); .tooltip-nav .tooltiptext {
} visibility: hidden;
100% { width: 120px;
transform: translateX(-600px); 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,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">
@ -100,7 +102,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 to 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 for 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: