From ab0537f24735aa7ad7041aba8b94bbc8fa5335d9 Mon Sep 17 00:00:00 2001 From: James Dinh Date: Mon, 30 May 2022 00:57:34 -0700 Subject: [PATCH] Added content --- .DS_Store | Bin 0 -> 6148 bytes css/scroll_nav.css | 8 +++--- img/.DS_Store | Bin 0 -> 6148 bytes index.html | 2 +- js/scroll_nav.js | 60 ++++++++++++++++++++++----------------------- 5 files changed, 35 insertions(+), 35 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..02a0be4a91bfa3e37b8c2701a9a72f8c600ce055 GIT binary patch literal 6148 zcmeHKL2uJA6n<_4OE)2U0I>^FB(Brw7$6Xr(2WCEg5UtCBui<-QhRDr%2ZX#b?{?2 z@=y3LoZx%5hnAM9H-t7n$^M?7-{QzloX=bS z%{zCWyyzX~BdJbwVI;75X}f0e6u!XuQ}(B5EOR9Xh;jaP8c;?#jUmc04Jn3*hmdg_ zsAyCdsllwXVy<9c4Cz)Bxgcm0a*k+F7mmIy2)B+bNh$T|Go&6;2~J+;h}#RC27O$5 zyT2~vV0h`wzV`mcrK{W(>=bYctWtpYhX9Q+v{)I`TL(IQ1ps;oYlE+U{(%7pfT6|8 zAR;hfs6ay%_KG3w-9Z>S=0lrb88mbf`pH1)KtP1)65q z=JWsA`S<@i$&H)>PJs)hfbjOC{VqzfXX{dNeAWhN@6p&euQI49=Y5Phpx1Z`4Uh-_&k_z#W{zd*1^VIhL~A_Pw(CPD1(pX-~QDU30&7KTJ- zj@h@F-TBye+-?>?Xw3(wKodZNDp>5X`9Wk{bV+v1B7-5tIKc~^F}kWI{iWG%a0Z-# zO=Cbm?jE{$#S~w@-(EH8vDoIvH=*qi7Z{_W#{}<)xTJRSo469BW8@=W&KmG zMBeO>{aJRt-1mEH`Eu8h%fG~xdVj;wrhQl2P*2bz8~fW(tk>uaI0I{CK=y}76)X*F z#k6&>Nml@3L30xJPl4CU{{Qw?zBgnR~pue>W*NSk6@XD-B3cx z&iFA+M<^A&bq1V)MFw{DXH(Aqv(@+iMJNB|3^)V-ih)qHJM9*iWM}Kr;^eH2)Ca1F n%&QfX3mZF*Q%8>C18NeEMd=Vr!&;FRivJNvGAug 12 - 14
-

40 spots Left

+

40 spots left

diff --git a/js/scroll_nav.js b/js/scroll_nav.js index 41c849b..4c2fdb7 100644 --- a/js/scroll_nav.js +++ b/js/scroll_nav.js @@ -1,30 +1,30 @@ - -// Toggle the .pa-fixed-header class when the user -// scroll 100px - -window.onscroll = () => {scrollNavbar()}; - -scrollNavbar = () => { - // Target elements - const navBar = document.getElementById("navBar"); - const links = document.querySelectorAll("#navBar a"); - - if (document.documentElement.scrollTop > 100) { - 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'); - } - } -} + +// Toggle the .pa-fixed-header class when the user +// scroll 100px + +window.onscroll = () => {scrollNavbar()}; + +scrollNavbar = () => { + // Target elements + const navBar = document.getElementById("navBar"); + const links = document.querySelectorAll("#navBar a"); + + if (document.documentElement.scrollTop > 100) { + 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'); + } + } +}