script.js

// Animated underline on nav for active section
window.addEventListener('scroll', () => {
    const fromTop = window.scrollY + 80; // Header offset
    document.querySelectorAll('nav a').forEach(link => {
        const section = document.querySelector(link.getAttribute('href'));
        if (section && section.offsetTop <= fromTop && section.offsetTop + section.offsetHeight > fromTop) {
            link.classList.add('active');
        } else {
            link.classList.remove('active');
        }
    });
});

// Contact: Copy email with feedback
function copyEmail() {
    const email = document.getElementById('email').textContent.trim();
    navigator.clipboard.writeText(email).then(() => {
        const btn = document.getElementById('copyBtn');
        btn.innerText = 'Copied!';
        setTimeout(() => { btn.innerText = 'Copy'; }, 1400);
    });
}

// Reveal animation for project cards on scroll
function revealCards() {
    const reveals = document.querySelectorAll('.project-card');
    for (let i = 0; i < reveals.length; i++) {
        const windowHeight = window.innerHeight;
        const revealTop = reveals[i].getBoundingClientRect().top;
        if (revealTop < windowHeight - 50) {
            reveals[i].style.opacity = '1';
            reveals[i].style.transform = 'none';
        }
    }
}
window.addEventListener('scroll', revealCards);
window.addEventListener('load', revealCards);

// Social links sparkle hover effect
document.querySelectorAll('.social-links a').forEach(link => {
    link.addEventListener('mouseenter', function() {
        this.style.boxShadow = '0 0 28px #f7b800bb';
        this.style.transform = 'scale(1.16) rotate(-5deg)';
    });
    link.addEventListener('mouseleave', function() {
        this.style.boxShadow = '0 2px 12px #b3920033';
        this.style.transform = '';
    });
});