{"version":3,"file":"index.js","names":["btnEl","document","querySelector","headerEl","nav","addEventListener","classList","toggle","allLinks","querySelectorAll","console","log","forEach","link","e","preventDefault","href","getAttribute","window","scrollTo","top","behavior","startsWith","scrollIntoView","contains","sectionHero","obs","IntersectionObserver","entries","ent","isIntersecting","body","add","remove","root","threshold","rootMargin","observe"],"sources":["index.js"],"mappings":"AAAA,MAAMA,MAAQC,SAASC,cAAc,mBAC/BC,SAAWF,SAASC,cAAc,WAClCE,IAAMH,SAASC,cAAc,aAEnCF,MAAMK,iBAAiB,SAAS,WAC9BF,SAASG,UAAUC,OAAO,WAC5B,IAGA,MAAMC,SAAWP,SAASQ,iBAAiB,KAC3CC,QAAQC,IAAIH,UACZA,SAASI,SAASC,IAChBA,EAAKR,iBAAiB,SAAUS,IAC9BA,EAAEC,iBACF,MAAMC,EAAOH,EAAKI,aAAa,QAQ/B,GAPa,MAATD,GACFE,OAAOC,SAAS,CACdC,IAAK,EACLC,SAAU,WAID,MAATL,GAAgBA,EAAKM,WAAW,KAAM,CACtBrB,SAASC,cAAcc,GAC/BO,eAAe,CAAEF,SAAU,UACvC,CAGIR,EAAKP,UAAUkB,SAAS,kBAC1BrB,SAASG,UAAUC,OAAO,WAAW,GACvC,IAIJ,MAAMkB,YAAcxB,SAASC,cAAc,iBACrCwB,IAAM,IAAIC,sBACd,SAAUC,GACR,MAAMC,EAAMD,EAAQ,IAEO,IAAvBC,EAAIC,gBACN7B,SAAS8B,KAAKzB,UAAU0B,IAAI,WAGH,IAAvBH,EAAIC,gBACN7B,SAAS8B,KAAKzB,UAAU2B,OAAO,SAEnC,GACA,CACEC,KAAM,KACNC,UAAW,EACXC,WAAY,UAGhBV,IAAIW,QAAQZ","sourcesContent":["const btnEl = document.querySelector(\".btn-mobile-nav\");\r\nconst headerEl = document.querySelector(\".header\");\r\nconst nav = document.querySelector(\".main-nav\");\r\n\r\nbtnEl.addEventListener(\"click\", function () {\r\n headerEl.classList.toggle(\"nav-open\");\r\n});\r\n\r\n//smooth scrolling\r\nconst allLinks = document.querySelectorAll(\"a\");\r\nconsole.log(allLinks);\r\nallLinks.forEach((link) => {\r\n link.addEventListener(\"click\", (e) => {\r\n e.preventDefault();\r\n const href = link.getAttribute(\"href\");\r\n if (href === \"#\") {\r\n window.scrollTo({\r\n top: 0,\r\n behavior: \"smooth\",\r\n });\r\n }\r\n //Scroll to other links\r\n if (href !== \"#\" && href.startsWith(\"#\")) {\r\n const sectionEl = document.querySelector(href);\r\n sectionEl.scrollIntoView({ behavior: \"smooth\" });\r\n }\r\n\r\n //Close mobile nav\r\n if (link.classList.contains(\"main-nav-link\"))\r\n headerEl.classList.toggle(\"nav-open\");\r\n });\r\n});\r\n\r\n// Sticky nav\r\nconst sectionHero = document.querySelector(\".section-hero\");\r\nconst obs = new IntersectionObserver(\r\n function (entries) {\r\n const ent = entries[0];\r\n\r\n if (ent.isIntersecting === false) {\r\n document.body.classList.add(\"sticky\");\r\n }\r\n\r\n if (ent.isIntersecting === true) {\r\n document.body.classList.remove(\"sticky\");\r\n }\r\n },\r\n {\r\n root: null,\r\n threshold: 0,\r\n rootMargin: \"-80px\",\r\n }\r\n);\r\nobs.observe(sectionHero);\r\n"]}