Spaces:
Running
Running
| // Initialize Feather Icons | |
| document.addEventListener('DOMContentLoaded', () => { | |
| feather.replace(); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const target = document.querySelector(this.getAttribute('href')); | |
| if (target) { | |
| target.scrollIntoView({ | |
| behavior: 'smooth', | |
| block: 'start' | |
| }); | |
| } | |
| }); | |
| }); | |
| // Mobile menu toggle | |
| const mobileMenuBtn = document.querySelector('.mobile-menu-btn'); | |
| if (mobileMenuBtn) { | |
| mobileMenuBtn.addEventListener('click', () => { | |
| const navLinks = document.querySelector('.nav-links'); | |
| navLinks.style.display = navLinks.style.display === 'flex' ? 'none' : 'flex'; | |
| }); | |
| } | |
| // Intersection Observer for animations | |
| const observer = new IntersectionObserver((entries) => { | |
| entries.forEach(entry => { | |
| if (entry.isIntersecting) { | |
| entry.target.classList.add('animate-fade-in'); | |
| } | |
| }); | |
| }, { threshold: 0.1 }); | |
| document.querySelectorAll('[data-animate]').forEach(el => { | |
| observer.observe(el); | |
| }); | |
| }); |