Articoli

Blog

Riflessioni, consigli e approfondimenti sul benessere femminile dopo i 40.

/* main.js — Metodo RINATA 40+ */ (function () { 'use strict'; /* ── Progress bar ── */ const progressBar = document.getElementById('progress-bar'); function updateProgress() { if (!progressBar) return; const scrolled = window.scrollY; const total = document.documentElement.scrollHeight - window.innerHeight; progressBar.style.width = total > 0 ? (scrolled / total * 100) + '%' : '0%'; } /* ── Sticky header ── */ const header = document.querySelector('.site-header'); function updateHeader() { if (!header) return; header.classList.toggle('scrolled', window.scrollY > 40); } window.addEventListener('scroll', function () { updateProgress(); updateHeader(); }, { passive: true }); /* ── Hamburger / mobile menu ── */ const hamburger = document.querySelector('.hamburger'); const mobileMenu = document.querySelector('.mobile-menu'); if (hamburger && mobileMenu) { hamburger.addEventListener('click', function () { const isOpen = mobileMenu.classList.toggle('open'); hamburger.classList.toggle('open', isOpen); hamburger.setAttribute('aria-expanded', isOpen); document.body.style.overflow = isOpen ? 'hidden' : ''; }); /* Close on link click */ mobileMenu.querySelectorAll('a').forEach(function (link) { link.addEventListener('click', function () { mobileMenu.classList.remove('open'); hamburger.classList.remove('open'); hamburger.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; }); }); /* Close on outside click */ document.addEventListener('click', function (e) { if ( mobileMenu.classList.contains('open') && !mobileMenu.contains(e.target) && !hamburger.contains(e.target) ) { mobileMenu.classList.remove('open'); hamburger.classList.remove('open'); hamburger.setAttribute('aria-expanded', 'false'); document.body.style.overflow = ''; } }); } /* ── FAQ accordion ── */ document.querySelectorAll('.faq-question').forEach(function (btn) { btn.addEventListener('click', function () { const item = btn.closest('.faq-item'); const isOpen = item.classList.contains('open'); /* Close all others */ document.querySelectorAll('.faq-item.open').forEach(function (el) { if (el !== item) el.classList.remove('open'); }); item.classList.toggle('open', !isOpen); }); }); /* ── Scroll reveal (IntersectionObserver) ── */ const revealSelectors = '.reveal, .reveal-left, .reveal-right, .reveal-scale'; const reveals = document.querySelectorAll(revealSelectors); if (reveals.length && 'IntersectionObserver' in window) { const revealObserver = new IntersectionObserver( function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); revealObserver.unobserve(entry.target); } }); }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' } ); reveals.forEach(function (el) { revealObserver.observe(el); }); } else { /* Fallback: show all immediately */ reveals.forEach(function (el) { el.classList.add('visible'); }); } /* ── Counter animation ── */ function animateCounter(el) { const target = parseInt(el.getAttribute('data-target') || el.textContent, 10); if (isNaN(target)) return; const suffix = el.getAttribute('data-suffix') || ''; const duration = 1800; const startTime = performance.now(); function step(now) { const elapsed = now - startTime; const progress = Math.min(elapsed / duration, 1); /* Ease-out cubic */ const eased = 1 - Math.pow(1 - progress, 3); el.textContent = Math.round(eased * target) + suffix; if (progress < 1) requestAnimationFrame(step); } requestAnimationFrame(step); } const counters = document.querySelectorAll('[data-counter]'); if (counters.length && 'IntersectionObserver' in window) { const counterObserver = new IntersectionObserver( function (entries) { entries.forEach(function (entry) { if (entry.isIntersecting) { animateCounter(entry.target); counterObserver.unobserve(entry.target); } }); }, { threshold: 0.5 } ); counters.forEach(function (el) { counterObserver.observe(el); }); } /* ── Smooth scroll for anchor links ── */ document.querySelectorAll('a[href^="#"]').forEach(function (anchor) { anchor.addEventListener('click', function (e) { const target = document.querySelector(this.getAttribute('href')); if (target) { e.preventDefault(); const offset = header ? header.offsetHeight + 12 : 0; const top = target.getBoundingClientRect().top + window.scrollY - offset; window.scrollTo({ top: top, behavior: 'smooth' }); } }); }); /* ── Active nav link highlighting ── */ (function highlightNav() { const page = window.location.pathname.split('/').pop() || 'index.html'; document.querySelectorAll('.site-nav a, .mobile-menu a').forEach(function (link) { const href = link.getAttribute('href'); if (href === page || (page === '' && href === 'index.html')) { link.classList.add('active'); } }); })(); /* ── Init ── */ updateHeader(); updateProgress(); })();