scripts.js

let menuicon = document.querySelector('#menu-icon');
let navbar = document.querySelector('.navbar');

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

let sections = document.querySelectorAll('section');
let navlink = 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) {
            navlink.forEach(links => {
                links.classList.remove('active');
                document.querySelector('header nav a[href*='+id+']').classList.add('active');
            });
        };
    });
    menuicon.classList.remove('bx-x');
    navbar.classList.remove('active');

};
let header = document.querySelector('header');
header.classList.toggle('sticky',window.scrollY>100)

ScrollReveal().reveal('.home-content, .heading', {
    origin: 'top',
    reset: true,
    distance: '80px',
    duration: 2500,
    delay: 250
}, function() {
    console.log('ScrollReveal initialized');
});

ScrollReveal().reveal('.home-content, .heading, .heading_p', { origin: 'top' });
ScrollReveal().reveal('.homeimg, .experiences-container, .project-box, .contactform', { origin: 'bottom' });
ScrollReveal().reveal('.home-content h1, .about-img', { origin: 'left' });
ScrollReveal().reveal('.home-content p, .about-content', { origin: 'right' });