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 { #sign-up:hover {
transform: scale(1.1); transform: scale(1.05);
background-color: blueviolet; background-color: blueviolet;
cursor: pointer; cursor: pointer;
transition: 0.5s; 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"/> <img id="nav-logo" src="img/Gilroy Hacks Logo [Summer-wide-2].png" alt="logo"/>
</a> </a>
<div id="nav-links-container"> <div id="nav-links-container">
<input type="checkbox" id="check"> <input onclick="btnToggle()" type="checkbox" id="check">
<label for="check" class="checkbtn"> <label for="check" class="checkbtn">
<img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/> <img src="img/bars.png" loading="lazy" height="17" width="25" alt="Bars"/>
</label> </label>
<a onclick="check('01'); save();" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7"><div id="sign-up">SIGN UP</div></a> <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="#event">Event</a></li>
<li><a class="navlink" onclick="uncheck('check')" href="#rules">Rules</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> <li><a class="navlink" onclick="uncheck('check')" href="#prizes">Prizes</a></li>
@ -127,12 +127,12 @@
</div> </div>
<input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3"> <input id="t3" class="timeline-input" type="radio" name="timeline-dot" data-description="3">
<div onclick="check('t3')" class="dot-info" 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> <span class="label">Hacking Ends</span>
</div> </div>
<input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4"> <input id="t4" class="timeline-input" type="radio" name="timeline-dot" data-description="4">
<div onclick="check('t4')" class="dot-info" 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> <span class="label">Project Presentations</span>
</div> </div>
<input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5"> <input id="t5" class="timeline-input" type="radio" name="timeline-dot" data-description="5">

26
js/data_checkbox.js
View File

@ -26,3 +26,29 @@ function notification(id) {
if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; } if (localStorage.getItem(checkboxes[id].value) != true) { verify = false; }
if (verify) { document.getElementById('notification').style.visibility = visible; } 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();
// }});