script.js

let lastScrollPosition = 0;

window.addEventListener("scroll", function () {
  const desktopNavbar = document.querySelector(".desktop nav");
  const mobileNavbar = document.querySelector(".mobile nav");
  const currentScrollPosition = window.scrollY;

  if (currentScrollPosition === 0) {
    desktopNavbar.style.transform = "translateY(85px)"; // Push the desktop navbar down 60px when at the top of the page
    mobileNavbar.style.transform = "translateY(85px)"; // Push the mobile navbar down 60px when at the top of the page
  } else if (currentScrollPosition > lastScrollPosition) {
    desktopNavbar.style.transform = "translateY(-100%)"; // Move the desktop navbar outside the page when scrolling down
    mobileNavbar.style.transform = "translateY(-100%)"; // Move the mobile navbar outside the page when scrolling down
  } else {
    desktopNavbar.style.transform = "translateY(0)"; // Move the desktop navbar to the top of the page when scrolling up
    mobileNavbar.style.transform = "translateY(0)"; // Move the mobile navbar to the top of the page when scrolling up
  }

  lastScrollPosition = currentScrollPosition;
});

// Mobile menu

document.querySelector(".burgerMenu").addEventListener("click", function () {
  document.querySelector(".mobileToggled").classList.remove("hide");
});

document.querySelector(".close").addEventListener("click", function () {
  document.querySelector(".mobileToggled").classList.add("hide");
});

// Desktop menu

document.querySelectorAll(".menuButton").forEach(function (menuButton) {
  menuButton.addEventListener("click", function () {
    document.querySelector(".desktopToggled").classList.remove("hide");
  });
});

// Add hide when clicking outside the desktopToggled

document.addEventListener("click", function (event) {
  const desktopToggled = document.querySelector(".desktopToggled");
  const targetElement = event.target;

  if (
    !desktopToggled.contains(targetElement) &&
    !targetElement.classList.contains("menuButton")
  ) {
    desktopToggled.classList.add("hide");
  }
});

document
  .querySelector(".desktopCenter .close")
  .addEventListener("click", function () {
    document.querySelector(".desktopToggled").classList.add("hide");
  });

document.querySelector(".logoDesktop").addEventListener("click", function () {
  window.scrollTo({ top: 0, behavior: "smooth" });
});