From 7f589c5cba61aead14d3c399367d70d682245142 Mon Sep 17 00:00:00 2001 From: James Dinh Date: Mon, 18 Jul 2022 01:40:50 -0700 Subject: [PATCH] Changed desc --- .DS_Store | Bin 0 -> 6148 bytes img/.DS_Store | Bin 0 -> 8196 bytes index.html | 2 +- js/contact.js | 76 ++++---- js/general.js | 518 ++++++++++++++++++++++++------------------------- js/licenses.js | 136 ++++++------- 6 files changed, 366 insertions(+), 366 deletions(-) create mode 100644 .DS_Store create mode 100644 img/.DS_Store diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..66544226211eac98f190077f0d9fbf2323beaf6a GIT binary patch literal 6148 zcmeHK&2G~`5S~p8brLG&0HPNpOI)LpA3z{3CX@qLjNkw$*s*C1t~ZJuQpt+sEAS4y z0!Mff-h~r<`%~m3m>U&EJJRg8KQp_Y&*NP$5wYGnUuQskyG@!>M%kmJ`u(!+7}@_JMFwHfYvPnrzHUeN>+FJM zHq-mTmtdB}S>Eq|V~wVD;o^?HV|VPA-VtAVxt}kxu|IzMdm0w}M^X6&7(?j$L`zFP7Ootm}e8xzXG;LL( z;_I1Hu~!ts{-EcKhJWHh#0sh9;v)uiG#gB`!9+?SMRY>@bVNCLN!EE`*Wg{{r9p4D z5>Bj8wb`WvGfy#Ziu8=2HM7eU{8UNRHqDW$0W_ChIi74YZN;0a`gC9!!#={(`!vH^ zCpB?Yy)eo76`l5W=lq6Xp4>2C82C#Ji2cEV3UoD=3gy;;LS6xY7P_UNE`R=kj_3fo z8cT)ffiUF?RIW^4F_^wPFy)SMSKF5gl{+!HGUm}MGkrs0`s%?PX->>lXiCF?VPKts zrfPP@`Twx~{=e>IT806`z<sD~$taYHTphARQsZhG0(8sZ?h@*H9 bDg|SXr~qA!r9$*T%#VPi!4!spGiBf>Ynkf9 literal 0 HcmV?d00001 diff --git a/img/.DS_Store b/img/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..14b971deee2c9f67d8df582af46450823155cff3 GIT binary patch literal 8196 zcmeHMO>fjN5PdEctc2)NajArgask01E0tdm$|6AOZI1|*{bEH)H`UT@1*hEk5Bvpw zA18P-wpu5fs0#-~#W=FZvHfP^Hp9VlRaPuK!;i6-PX8(fHCkdFu*liQm19z_q|pc1IECA$$)$x5@wNEkfoRU z>0qH-0Lo1^Yhs=I0L3IhW7|Fmc{p6K?7|Mk zsdeHK9S)ayX{9k>46HIBd-o1T7-E4>@&0|37bEt`>-3Dd_fr#Vz&6J(P;jUJ1yiKR ziC(g0%35>+5NY^c({K+nV$SeEv2z?^Ono`8DSM{PTHJ0;%N-pnPku;b!Mmab`L%|; zkC$p&X7QO{npb?9F+P%k1P4J=g2!w<;q|0N>yMh&M{8+)L(4MTIhi}9_LRB6gsn>) z<88C8jakjs!!>OURO>N0UC`1wtxQ-?@wCm7diz`C?FWBgsbvJ{$9?QE+b51Bi7v2XvjI+HR97re8lLRI3lt!mYsM#9(zlpc8K>XPpi+Rev3zU z>EnVvnbY?}&ScJ*OR+~=M~nkKIlG*d_`+>PzSzP5&v_l7e^ty2*A?tGEy??K7GmMb zw^lfj{SnCJVCkk}XVj5TGGilroy Hacks is a student-led organization focused on promoting community engagement and improving STEM exposure for local middle/high school students.
    -
  • 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.
    • + "Strengthen your skills and collaborate with others to create something useful."
            - GHacks Team

    Main Events

    • Aug 12 -> Opening Ceremony
      • diff --git a/js/contact.js b/js/contact.js index 350c7ac..322d4e1 100644 --- a/js/contact.js +++ b/js/contact.js @@ -1,39 +1,39 @@ -// Src: https://codepen.io/nikhil8krishnan/pen/gaybLK -//material contact form animation -$(".contact-form") - .find(".form-control") - .each(function () { - var targetItem = $(this).parent(); - if ($(this).val()) { - $(targetItem).find("label").css({ - top: "10px", - fontSize: "14px" - }); - } - }); -$(".contact-form") - .find(".form-control") - .focus(function () { - $(this).parent(".input-block").addClass("focus"); - $(this).parent().find("label").animate( - { - top: "10px", - fontSize: "14px" - }, - 300 - ); - }); -$(".contact-form") - .find(".form-control") - .blur(function () { - if ($(this).val().length == 0) { - $(this).parent(".input-block").removeClass("focus"); - $(this).parent().find("label").animate( - { - top: "25px", - fontSize: "18px" - }, - 300 - ); - } +// Src: https://codepen.io/nikhil8krishnan/pen/gaybLK +//material contact form animation +$(".contact-form") + .find(".form-control") + .each(function () { + var targetItem = $(this).parent(); + if ($(this).val()) { + $(targetItem).find("label").css({ + top: "10px", + fontSize: "14px" + }); + } + }); +$(".contact-form") + .find(".form-control") + .focus(function () { + $(this).parent(".input-block").addClass("focus"); + $(this).parent().find("label").animate( + { + top: "10px", + fontSize: "14px" + }, + 300 + ); + }); +$(".contact-form") + .find(".form-control") + .blur(function () { + if ($(this).val().length == 0) { + $(this).parent(".input-block").removeClass("focus"); + $(this).parent().find("label").animate( + { + top: "25px", + fontSize: "18px" + }, + 300 + ); + } }); \ No newline at end of file diff --git a/js/general.js b/js/general.js index 0eb0466..eb482c5 100644 --- a/js/general.js +++ b/js/general.js @@ -1,259 +1,259 @@ -// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) -"use strict"; - -// document is loaded and DOM is ready -document.addEventListener('DOMContentLoaded', function(){ - // Email replace - function setAttributes(elem, attrs) { - for(var key in attrs) { - elem.setAttribute(key, attrs[key]); - } - } - - var tech = document.getElementById("email-replace-tech"); - setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"}); - tech.innerHTML = "tech" + "@" + "gilroyhacks.com"; - - var aadhavan = document.getElementById("email-replace-aadhavan"); - setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com"; - - var isaac = document.getElementById("email-replace-isaac"); - setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - isaac.innerHTML = "ihwang125" + "@" + "gmail.com"; - - var vijay = document.getElementById("email-replace-vijay"); - setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com"; - - var james = document.getElementById("email-replace-james"); - setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"}); - james.innerHTML = "jamesdinh77" + "@" + "protonmail.com"; - - var ezra = document.getElementById("email-replace-ezra"); - setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com"; - - var mark = document.getElementById("email-replace-mark"); - setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - mark.innerHTML = "markshen00" + "@" + "gmail.com"; - - var bryce = document.getElementById("email-replace-bryce"); - setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); - bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com"; - - // Checkbox Local Storage - var i; - var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]'); - var verify = true; - function save() { - for (i = 0; i < checkboxes.length; i++) { - localStorage.setItem(checkboxes[i].value, checkboxes[i].checked); - } - } - window.onload = function() { - load(); - }; - function load() { - for (i = 0; i < checkboxes.length; i++) { - checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false; - } - } - function check(id) { - document.getElementById(id).checked = true; - } - function uncheck(id) { - document.getElementById(id).checked = false; - } - 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(); - // }}); - - // Scroll Element - // Creating an observer when the user views that element - const observer = new IntersectionObserver(entries => { - // Loop over the entries - entries.forEach(entry => { - // If the element is visible - if (entry.isIntersecting) { - // Add the animation class - entry.target.classList.add('slide-animation'); - } - }); - }); - - const observer_prize_2 = new IntersectionObserver(entries => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('slide-animation-prize-2'); - } - }); - }); - - const observer_prize_1 = new IntersectionObserver(entries => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('slide-animation-prize-1'); - } - }); - }); - - const observer_prize_3 = new IntersectionObserver(entries => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('slide-animation-prize-3'); - } - }); - }); - - const observer_team_img = new IntersectionObserver(entries => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('slide-animation-card-img'); - } - }); - }); - - const observer_team_desc = new IntersectionObserver(entries => { - entries.forEach(entry => { - if (entry.isIntersecting) { - entry.target.classList.add('slide-animation-card-desc'); - } - }); - }); - - const entries = document.querySelectorAll('.team-picture'); - entries.forEach(entry => { - observer_team_img.observe(entry); - }); - - const entries_desc = document.querySelectorAll('.team-description'); - entries_desc.forEach(entry => { - observer_team_desc.observe(entry); - }); - - const prize_entries = document.querySelectorAll('.prize-column'); - prize_entries.forEach(entry => { - observer.observe(entry); - }); - - const prize_entries_edge = document.querySelectorAll('.podium-edge'); - prize_entries_edge.forEach(entry => { - observer.observe(entry); - }); - - // Adding the class animations to these elements - let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing']; - elements_id.forEach(entry => { - var thing = document.querySelector(entry) - observer.observe(document.querySelector(entry)); - }); - - observer_prize_2.observe(document.querySelector('#second-place')); - observer_prize_1.observe(document.querySelector('#first-place')); - observer_prize_3.observe(document.querySelector('#third-place')); - - // Scroll Nav - // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) - - // Toggle the .pa-fixed-header class when the user - // scroll 100px - - window.onscroll = () => {scrollNavbar()}; - - var scrollNavbar = () => { - // Target elements - const navBar = document.getElementById("navBar"); - const links = document.querySelectorAll("#navBar a"); - - if (document.documentElement.scrollTop > 50) { - navBar.classList.add("pa-fixed-header"); - - // Change the color of links on scroll - for (let i = 0; i < links.length; i++) { - const element = links[i]; - element.classList.add('text-black'); - } - - } else { - navBar.classList.remove("pa-fixed-header"); - - // Change the color of links back to default - for (let i = 0; i < links.length; i++) { - const element = links[i]; - element.classList.remove('text-black'); - } - } - } - - // Timer - // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp - // Set the date we're counting down to - var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); - - // Update the count down every 1 second - var x = setInterval(function() { - - // Get today's date and time - var now = new Date().getTime(); - - // Find the distance between now and the count down date - var distance = countDownDate - now; - - // Time calculations for days, hours, minutes and seconds - var days = Math.floor(distance / (1000 * 60 * 60 * 24)); - var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - // var seconds = Math.floor((distance % (1000 * 60)) / 1000); - - // If the count down is finished, write some text - if (distance < 0) { - clearInterval(x); - document.getElementById("timer").innerHTML = "LIVE"; - } - // Display the result in the element with id="timer" - if (days != 0) { - document.getElementById("timer").innerHTML = days + "d " + hours + "h"; - } - else if (hours != 0) { - document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; - } - else { - document.getElementById("timer").innerHTML = minutes + "m"; - } - }, 1000); -}); - -// page is fully loaded, including all frames, objects and images -window.addEventListener("load", function() { - -}); - -// General functions +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) +"use strict"; + +// document is loaded and DOM is ready +document.addEventListener('DOMContentLoaded', function(){ + // Email replace + function setAttributes(elem, attrs) { + for(var key in attrs) { + elem.setAttribute(key, attrs[key]); + } + } + + var tech = document.getElementById("email-replace-tech"); + setAttributes(tech, {"href": "mailto:tech" + "@" + "gilroyhacks.com?subject=Gilroy Hacks", "target": "_blank"}); + tech.innerHTML = "tech" + "@" + "gilroyhacks.com"; + + var aadhavan = document.getElementById("email-replace-aadhavan"); + setAttributes(aadhavan, {"href": "mailto:aadhavan.magesh" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + aadhavan.innerHTML = "aadhavan.magesh" + "@" + "gmail.com"; + + var isaac = document.getElementById("email-replace-isaac"); + setAttributes(isaac, {"href": "mailto:ihwang125" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + isaac.innerHTML = "ihwang125" + "@" + "gmail.com"; + + var vijay = document.getElementById("email-replace-vijay"); + setAttributes(vijay, {"href": "mailto:vijaykethanaboyina" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + vijay.innerHTML = "vijaykethanaboyina" + "@" + "gmail.com"; + + var james = document.getElementById("email-replace-james"); + setAttributes(james, {"href": "mailto:jamesdinh77" + "@" + "protonmail.com?subject=Gilroy Hacks", "target": "_blank"}); + james.innerHTML = "jamesdinh77" + "@" + "protonmail.com"; + + var ezra = document.getElementById("email-replace-ezra"); + setAttributes(ezra, {"href": "mailto:ezrabridger27" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + ezra.innerHTML = "ezrabridger27" + "@" + "gmail.com"; + + var mark = document.getElementById("email-replace-mark"); + setAttributes(mark, {"href": "mailto:markshen00" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + mark.innerHTML = "markshen00" + "@" + "gmail.com"; + + var bryce = document.getElementById("email-replace-bryce"); + setAttributes(bryce, {"href": "mailto:brycemankovsky" + "@" + "gmail.com?subject=Gilroy Hacks", "target": "_blank"}); + bryce.innerHTML = "brycemankovsky" + "@" + "gmail.com"; + + // Checkbox Local Storage + var i; + var checkboxes = document.querySelectorAll('#signup-container input[type=checkbox]'); + var verify = true; + function save() { + for (i = 0; i < checkboxes.length; i++) { + localStorage.setItem(checkboxes[i].value, checkboxes[i].checked); + } + } + window.onload = function() { + load(); + }; + function load() { + for (i = 0; i < checkboxes.length; i++) { + checkboxes[i].checked = localStorage.getItem(checkboxes[i].value) === 'true' ? true:false; + } + } + function check(id) { + document.getElementById(id).checked = true; + } + function uncheck(id) { + document.getElementById(id).checked = false; + } + 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(); + // }}); + + // Scroll Element + // Creating an observer when the user views that element + const observer = new IntersectionObserver(entries => { + // Loop over the entries + entries.forEach(entry => { + // If the element is visible + if (entry.isIntersecting) { + // Add the animation class + entry.target.classList.add('slide-animation'); + } + }); + }); + + const observer_prize_2 = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('slide-animation-prize-2'); + } + }); + }); + + const observer_prize_1 = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('slide-animation-prize-1'); + } + }); + }); + + const observer_prize_3 = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('slide-animation-prize-3'); + } + }); + }); + + const observer_team_img = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('slide-animation-card-img'); + } + }); + }); + + const observer_team_desc = new IntersectionObserver(entries => { + entries.forEach(entry => { + if (entry.isIntersecting) { + entry.target.classList.add('slide-animation-card-desc'); + } + }); + }); + + const entries = document.querySelectorAll('.team-picture'); + entries.forEach(entry => { + observer_team_img.observe(entry); + }); + + const entries_desc = document.querySelectorAll('.team-description'); + entries_desc.forEach(entry => { + observer_team_desc.observe(entry); + }); + + const prize_entries = document.querySelectorAll('.prize-column'); + prize_entries.forEach(entry => { + observer.observe(entry); + }); + + const prize_entries_edge = document.querySelectorAll('.podium-edge'); + prize_entries_edge.forEach(entry => { + observer.observe(entry); + }); + + // Adding the class animations to these elements + let elements_id = ['#description-heading', '#event-main-box', '#timeline', '#signup-title', '#steps-card', '#sponsor-title', '#sponsor-container', '#map-article', '#rules-description', '#guidelines', '#code-of-conduct', '#photo-release-container', '#second-podium', '#first-podium', '#third-podium', '#prize-box', '#administration', '#logistics', '#outreach', '#tech', '#marketing']; + elements_id.forEach(entry => { + var thing = document.querySelector(entry) + observer.observe(document.querySelector(entry)); + }); + + observer_prize_2.observe(document.querySelector('#second-place')); + observer_prize_1.observe(document.querySelector('#first-place')); + observer_prize_3.observe(document.querySelector('#third-place')); + + // Scroll Nav + // Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) + + // Toggle the .pa-fixed-header class when the user + // scroll 100px + + window.onscroll = () => {scrollNavbar()}; + + var scrollNavbar = () => { + // Target elements + const navBar = document.getElementById("navBar"); + const links = document.querySelectorAll("#navBar a"); + + if (document.documentElement.scrollTop > 50) { + navBar.classList.add("pa-fixed-header"); + + // Change the color of links on scroll + for (let i = 0; i < links.length; i++) { + const element = links[i]; + element.classList.add('text-black'); + } + + } else { + navBar.classList.remove("pa-fixed-header"); + + // Change the color of links back to default + for (let i = 0; i < links.length; i++) { + const element = links[i]; + element.classList.remove('text-black'); + } + } + } + + // Timer + // SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp + // Set the date we're counting down to + var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); + + // Update the count down every 1 second + var x = setInterval(function() { + + // Get today's date and time + var now = new Date().getTime(); + + // Find the distance between now and the count down date + var distance = countDownDate - now; + + // Time calculations for days, hours, minutes and seconds + var days = Math.floor(distance / (1000 * 60 * 60 * 24)); + var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); + // var seconds = Math.floor((distance % (1000 * 60)) / 1000); + + // If the count down is finished, write some text + if (distance < 0) { + clearInterval(x); + document.getElementById("timer").innerHTML = "LIVE"; + } + // Display the result in the element with id="timer" + if (days != 0) { + document.getElementById("timer").innerHTML = days + "d " + hours + "h"; + } + else if (hours != 0) { + document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; + } + else { + document.getElementById("timer").innerHTML = minutes + "m"; + } + }, 1000); +}); + +// page is fully loaded, including all frames, objects and images +window.addEventListener("load", function() { + +}); + +// General functions diff --git a/js/licenses.js b/js/licenses.js index e179331..a1aff0f 100644 --- a/js/licenses.js +++ b/js/licenses.js @@ -1,69 +1,69 @@ -// Scroll Nav -// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) - -// Toggle the .pa-fixed-header class when the user -// scroll 100px - -window.onscroll = () => {scrollNavbar()}; - -var scrollNavbar = () => { - // Target elements - const navBar = document.getElementById("navBar"); - const links = document.querySelectorAll("#navBar a"); - -if (document.documentElement.scrollTop > 50) { - navBar.classList.add("pa-fixed-header"); - - // Change the color of links on scroll - for (let i = 0; i < links.length; i++) { - const element = links[i]; - element.classList.add('text-black'); - } - -} else { - navBar.classList.remove("pa-fixed-header"); - - // Change the color of links back to default - for (let i = 0; i < links.length; i++) { - const element = links[i]; - element.classList.remove('text-black'); - } -} -} - -// Timer -// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp -// Set the date we're counting down to -var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); - -// Update the count down every 1 second -var x = setInterval(function() { - -// Get today's date and time -var now = new Date().getTime(); - -// Find the distance between now and the count down date -var distance = countDownDate - now; - -// Time calculations for days, hours, minutes and seconds -var days = Math.floor(distance / (1000 * 60 * 60 * 24)); -var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); -var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); -// var seconds = Math.floor((distance % (1000 * 60)) / 1000); - -// If the count down is finished, write some text -if (distance < 0) { - clearInterval(x); - document.getElementById("timer").innerHTML = "LIVE"; -} -// Display the result in the element with id="timer" -if (days != 0) { - document.getElementById("timer").innerHTML = days + "d " + hours + "h"; -} -else if (hours != 0) { - document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; -} -else { - document.getElementById("timer").innerHTML = minutes + "m"; -} +// Scroll Nav +// Gilroy Hacks Website Source Code -> JS (https://gilroyhacks.com) + +// Toggle the .pa-fixed-header class when the user +// scroll 100px + +window.onscroll = () => {scrollNavbar()}; + +var scrollNavbar = () => { + // Target elements + const navBar = document.getElementById("navBar"); + const links = document.querySelectorAll("#navBar a"); + +if (document.documentElement.scrollTop > 50) { + navBar.classList.add("pa-fixed-header"); + + // Change the color of links on scroll + for (let i = 0; i < links.length; i++) { + const element = links[i]; + element.classList.add('text-black'); + } + +} else { + navBar.classList.remove("pa-fixed-header"); + + // Change the color of links back to default + for (let i = 0; i < links.length; i++) { + const element = links[i]; + element.classList.remove('text-black'); + } +} +} + +// Timer +// SRC: W3Schools https://www.w3schools.com/howto/howto_js_countdown.asp +// Set the date we're counting down to +var countDownDate = new Date("Aug 12, 2022 16:00:00").getTime(); + +// Update the count down every 1 second +var x = setInterval(function() { + +// Get today's date and time +var now = new Date().getTime(); + +// Find the distance between now and the count down date +var distance = countDownDate - now; + +// Time calculations for days, hours, minutes and seconds +var days = Math.floor(distance / (1000 * 60 * 60 * 24)); +var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); +var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); +// var seconds = Math.floor((distance % (1000 * 60)) / 1000); + +// If the count down is finished, write some text +if (distance < 0) { + clearInterval(x); + document.getElementById("timer").innerHTML = "LIVE"; +} +// Display the result in the element with id="timer" +if (days != 0) { + document.getElementById("timer").innerHTML = days + "d " + hours + "h"; +} +else if (hours != 0) { + document.getElementById("timer").innerHTML = hours + "h" + minutes + "m"; +} +else { + document.getElementById("timer").innerHTML = minutes + "m"; +} }, 1000); \ No newline at end of file