File size: 2,110 Bytes
430d819 759f4e8 430d819 759f4e8 430d819 759f4e8 430d819 759f4e8 21083a6 430d819 8426fec cea20ba 430d819 cea20ba 759f4e8 430d819 759f4e8 430d819 759f4e8 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 |
// Mobile menu toggle functionality
document.addEventListener('DOMContentLoaded', () => {
const navbar = document.querySelector('custom-navbar');
if (!navbar) return;
const shadow = navbar.shadowRoot;
const mobileMenuButton = shadow.querySelector('button');
const mobileMenuLinks = shadow.querySelectorAll('.nav-link');
if (mobileMenuButton) {
mobileMenuButton.addEventListener('click', () => {
const menu = shadow.querySelector('.hidden.md\\:flex');
if (!menu) return;
menu.classList.toggle('hidden');
menu.classList.toggle('flex');
menu.classList.toggle('flex-col');
menu.classList.toggle('absolute');
menu.classList.toggle('top-16');
menu.classList.toggle('left-0');
menu.classList.toggle('right-0');
menu.classList.toggle('bg-gray-900');
menu.classList.toggle('p-4');
menu.classList.toggle('space-y-4');
});
}
// Close mobile menu when a link is clicked
mobileMenuLinks.forEach(link => {
link.addEventListener('click', () => {
const menu = shadow.querySelector('.flex.flex-col');
if (menu) {
menu.classList.add('hidden');
menu.classList.remove('flex');
}
});
});
// Animate elements with delay
document.querySelectorAll('.animate-fade-in').forEach((el, i) => {
el.style.animationDelay = `${i * 0.2}s`;
});
// Smooth scrolling for anchor links including FAB links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function(e) {
const targetId = this.getAttribute('href');
if (targetId === '#') return;
e.preventDefault();
const target = document.querySelector(targetId);
if (target) {
window.scrollTo({
top: target.offsetTop - 100,
behavior: 'smooth'
});
}
});
});
}); |