/* ------ MAIN HEADER COMPONENT ------ */ document.querySelector(".main-header").innerHTML = ` `; /* ------ MAIN NAVIGATION BAR COMPONENT ------ */ document.querySelector(".navbar").innerHTML = ` `; // Make the navigation bar sticky const header = document.querySelector(".main-header"); const navbar = document.querySelector(".navbar"); window.addEventListener("scroll", e => { const scrollPos = window.scrollY || document.documentElement.scrollTop; const stickyLine = header.scrollHeight - navbar.scrollHeight; if (scrollPos > stickyLine) { navbar.classList.add("sticky-nav"); } else { navbar.classList.remove("sticky-nav"); } }); /* ------ MAIN FOOTER COMPONENT ------ */ document.querySelector(".main-footer").innerHTML = `

Made with ♥ by Leilukin | Site Map

Site Launched: September 11, 2022 | Website Changelog

↑ Back to top ↑

`;