script.js

// main-icon fix
let menuIcon = document.querySelector("#menu-icon");
let navbar = document.querySelector(".navbar");

menuIcon.onclick = () => {
  menuIcon.classList.toggle("bx-x");
  navbar.classList.toggle("active");
};

// scroll sections active link
let sections = document.querySelectorAll("section");
let navLinks = document.querySelectorAll("header nav a");

window.onscroll = () => {
  sections.forEach((sec) => {
    let top = window.scrollY;
    let offset = sec.offsetTop - 150;
    let height = sec.offsetHeight;
    let id = sec.getAttribute("id");

    if (top >= offset && top < offset + height) {
      navLinks.forEach((links) => {
        links.classList.remove("active");
        document
          .querySelector("header nav a[href*=" + id + "]")
          .classList.add("active");
      });
    }
  });

  let header = document.querySelector("header");

  header.classList.toggle("sticky", window.scrollY > 100);

  //remove toggle icon and navbar when clicked navbar or scrolling
  menuIcon.classList.remove("bx-x");
  navbar.classList.remove("active");
};

//scroll reveal
ScrollReveal({
  reset: "true",
  distance: "80px",
  duration: 2000,
  delay: 200,
});

ScrollReveal().reveal(".home-content,.heading", { origin: "top" });
ScrollReveal().reveal(".home-img,.contact form,.about-content", { origin: "bottom" });
ScrollReveal().reveal(".about-img,.home-content h1", { origin: "left" });
ScrollReveal().reveal(".portfolio-box,.about-content", { origin: "right" });

//typed js
const typed = new Typed(".multiple-text", {
  strings: ["Frontend Developer", "Competitive Programmer", "ML-AI Enthusiast"],
  typeSpeed: 100,
  backSpeed: 100,
  backDelay: 1000,
  loop: true,
});

let cnt=1;
let but=document.querySelector('#more');

but.onclick = () => {
    let prop=document.querySelector(".invisible-content");
    let prop1=document.querySelector(".visible-content");
    
    if(but.innerText=='Read more'){
        prop.style.display='block';
        prop.style.animation='floatImages 2s ease-in-out 1';
        but.innerText="Read less";
        prop1.style.display='none';
    }else{
        prop.style.display='none';
        but.innerText="Read more";
        prop1.style.display='block';
    }
}

let downloadLink=document.querySelector("#download");

downloadLink.addEventListener("click",()=>{
     
});