32 lines
914 B
JavaScript
32 lines
914 B
JavaScript
const mobileMenuToggle = document.querySelector('.mobile-menu-toggle');
|
|
const navMenu = document.querySelector('.nav-menu');
|
|
|
|
if (mobileMenuToggle && navMenu) {
|
|
mobileMenuToggle.addEventListener('click', () => {
|
|
navMenu.classList.toggle('active');
|
|
mobileMenuToggle.classList.toggle('active');
|
|
});
|
|
|
|
document.addEventListener('click', (e) => {
|
|
if (!e.target.closest('.main-navigation')) {
|
|
navMenu.classList.remove('active');
|
|
mobileMenuToggle.classList.remove('active');
|
|
}
|
|
});
|
|
|
|
window.addEventListener('resize', () => {
|
|
if (window.innerWidth > 768) {
|
|
navMenu.classList.remove('active');
|
|
mobileMenuToggle.classList.remove('active');
|
|
}
|
|
});
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const postItems = document.querySelectorAll('.post-item');
|
|
|
|
postItems.forEach((item, index) => {
|
|
item.style.animationDelay = `${index * 0.1}s`;
|
|
});
|
|
});
|