script.js

const loader = document.querySelector(".loader");
window.addEventListener("load", function () {
  loader.style.display = "none";
});

const navBtn = document.querySelector(".nav-btn");
const closeBtn = document.querySelector(".close-btn");
const sideBar = document.querySelector(".side-nav");

navBtn.addEventListener("click", () => {
  sideBar.classList.toggle("reveal");
});

closeBtn.addEventListener("click", () => {
  sideBar.classList.remove("reveal");
});

ScrollReveal({ reset: true, distance: "70px", duration: 2000 }).reveal(
  ".name",
  { delay: 300, origin: "bottom" },
);
ScrollReveal({ reset: true, distance: "70px", duration: 2000 }).reveal(
   ".title, .card, .post-heading, .contact-wrapper, .pulse-wrapper",
  { delay: 100, origin: "bottom" },
);
ScrollReveal({ reset: true, distance: "150px", duration: 2000 }).reveal(
  ".about-title",
  { delay: 100, origin: "left" },
);
ScrollReveal({ reset: true, distance: "150px", duration: 2000 }).reveal(
  "#hero-img",
  { delay: 300, origin: "left" },
);
ScrollReveal({ reset: true, distance: "150px", duration: 2000 }).reveal(
  ".about-text, .post-card1,.post-card2,.post-card3,.post-card4",
  { delay: 100, origin: "right" },
);