let customFooter = document.querySelector(".customFooter"),
dropMenuLinks = document.querySelector(".dropMenuLinks"),
contentWrapper = document.querySelector(".contentWrapper"),
navbar = document.querySelector(".navbar");
(() => {
let dropMenuLinksContent = `
Sign Up for our newsletter:
Get weekly updates regarding Moksh.
Made with ❤️ by Akshita during XPRESSION'23
© Moksh. All rights reserved.
`;
customFooter.innerHTML = footerContent;
let copyRightYear = document.getElementById("copyright-year");
let currentDate = new Date();
let currentYear = currentDate.getFullYear();
copyRightYear.innerText = currentYear;
})();
contentWrapper.onscroll = () => {
contentWrapper.scrollTop > 5
? navbar.classList.add("bg-slate-100", "shadow-2xl")
: navbar.classList.remove("bg-slate-100", "shadow-2xl");
};
let subscribeBtn = document.querySelector(".subscribeBtn");
subscribeBtn.onclick = () => {
alert("It will be functional soon!!");
};
let indexOpenDropDown = document.querySelector(".indexOpenDropDown");
indexOpenDropDown.onclick = () => {
dropMenuLinks.style.right = 0;
};
let closeDropDown = document.querySelector(".closeDropDown");
closeDropDown.onclick = () => {
dropMenuLinks.style.right = "-2000px";
};
const topButton = document.getElementById("bttbutton");
function scrollUp() {
if (contentWrapper.scrollTop > 100) {
topButton.style.display = "block";
} else {
topButton.style.display = "none";
}
}
function getTop() {
contentWrapper.scrollTo({
top: 0,
behavior: "smooth",
});
}
contentWrapper.addEventListener("scroll", scrollUp);
topButton.addEventListener("click", getTop);