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

Changed Content

Browse Source
This commit is contained in:
James Dinh 2022-06-21 23:06:21 -10:00
parent dab8f222c2
commit bd29244449
3 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/general.css
View File

@ -144,7 +144,7 @@ nav ul li {
}
#sign-up:hover {
transform: scale(1.1);
transform: scale(1.05);
background-color: blueviolet;
cursor: pointer;
transition: 0.5s;

8
index.html
View File

@ -50,12 +50,12 @@
<img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
</a>
<div id="nav-links-container">
<input type="checkbox" id="check">
<input onclick="btnToggle()" type="checkbox" id="check">
<label for="check" class="checkbtn">
<img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/>
</label>
<a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a>
<ul>
<ul id="navList">
<li><a class="navlink" onclick="uncheck('check')" href="#event">Event</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#rules">Rules</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
@ -127,12 +127,12 @@
</div>
<input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
<div onclick="check('t3')" class="dot-info" data-description="3">
<span class="year">8/14 12:00pm</span>
<span class="year">8/14 2:00pm</span>
<span class="label">Hacking Ends</span>
</div>
<input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
<div onclick="check('t4')" class="dot-info" data-description="4">
<span class="year">8/14 2:00pm</span>
<span class="year">8/14 2:30pm</span>
<span class="label">Project Presentations</span>
</div>
<input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5">

28
js/data_checkbox.js
View File

@ -25,4 +25,30 @@ function uncheck(id) {
function notification(id) {
if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
if (verify) { document.getElementById('notification').style.visibility = visible; }
}
}
// function btnToggle() {
// if (document.getElementById('#check').checked) {
// document.getElementById('#check').checked = false;
// }
// else {
// document.getElementById('#check').checked = true;
// }
// }
document.getElementById('#check').addEventListener('click', function (event) {
if (!document.getElementById('check').checked) {
event.stopPropagation();
}
});
window.onclick = function(event) {
if (!event.target.matches('check')) {
if (document.getElementById('check').checked) {
document.getElementById('check').checked = false;
}
}
}
// document.getElementById("navList").addEventListener('click', function (event) {
// if (document.getElementById('check').checked) {
// event.stopPropagation();
// }});