// Navigation bar — utilisée sur toutes les pages. // Sur une sous-page, définir window.CPL_BASE = 'index.html' avant ce script // pour que les ancres pointent vers la page principale. const Nav = () => { const base = window.CPL_BASE || ''; const [theme, setTheme] = React.useState(() => document.body.dataset.theme || 'dark'); const [badgeStyle, setBadgeStyle] = React.useState(() => document.body.dataset.badge || 'navy'); const [resOpen, setResOpen] = React.useState(false); const resRef = React.useRef(null); React.useEffect(() => { const sync = () => { setTheme(document.body.dataset.theme || 'dark'); setBadgeStyle(document.body.dataset.badge || 'navy'); }; sync(); const mo = new MutationObserver(sync); mo.observe(document.body, { attributes: true, attributeFilter: ['data-theme', 'data-badge'] }); return () => mo.disconnect(); }, []); // Ferme le menu Ressources au clic extérieur React.useEffect(() => { if (!resOpen) return; const onClick = (e) => { if (resRef.current && !resRef.current.contains(e.target)) setResOpen(false); }; document.addEventListener('click', onClick); return () => document.removeEventListener('click', onClick); }, [resOpen]); const wordmarkColor = theme === 'light' ? '#0a0e17' : '#e8ecf5'; return ( ); }; Object.assign(window, { Nav });