/* ------ CASSETTE BEASTS SHRINE HEADER COMPONENT ------ */ const header = document.querySelector(".main-header"); header.innerHTML = loadHeader(); function loadHeader() { const headerTopBar = `
`; const headerImg = ``; const todayEvent = getTodayEvent(); if (todayEvent == "No event") { return headerImg; } else { return headerTopBar + headerImg; }; } const todayEvent = getTodayEvent(); const headerTopBarEl = document.querySelector(".main-header__top-bar"); if (todayEvent != "No event") { headerTopBarEl.innerHTML = getBlurbHtml(todayEvent); }; function getTodayEvent() { const date = new Date(); const month = date.getMonth() + 1; const day = date.getDate(); if (month == 4 && day == 26) return "CB Anniversary"; else if (month == 9 && day == 12) return "Pier Anniversary"; else return "No event"; } function getBlurbHtml(day) { switch (day) { case "CB Anniversary": return ` Today is the anniversary of the release of Cassette Beasts! `; break; case "Pier Anniversary": return ` Today is the anniversary of the release of Pier of the Unknown, the first DLC expansion of Cassette Beasts! `; break; default: return ``; } } /* ------ CASSETTE BEASTS SHRINE NAVIGATION BAR COMPONENT ------ */ document.querySelector(".navbar").innerHTML = ` `; // Make the navigation bar sticky 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"); } }); /* ------ CASSETTE BEASTS SHRINE SIDEBAR COMPONENT ------ */ document.querySelector(".right-sidebar").innerHTML = ` `; /* ------ CASSETTE BEASTS SHRINE FOOTER COMPONENT ------ */ document.querySelector(".main-footer").innerHTML = `

Made with ♥ by Leilukin | Shrine Launched: 3 August 2023

Back to top

`;