script.js

document.addEventListener('DOMContentLoaded', function() {
    // Initialize all pages with common functionality
    feather.replace();
    
    // Smooth transitions
    document.body.style.opacity = '0';
    setTimeout(() => {
        document.body.style.transition = 'opacity 0.3s ease-in';
        document.body.style.opacity = '1';
    }, 100);

    // Handle active nav links
    const currentPath = window.location.pathname;
    const navLinks = document.querySelectorAll('custom-navbar a');
    navLinks.forEach(link => {
        if (link.getAttribute('href') === currentPath) {
            link.classList.add('active');
        }
    });
});