/** * AJL40 Digital Series * © 2026 sultanmuzaffar. Hak cipta terpelihara / All rights reserved. * Penggunaan, penyalinan atau pengedaran tanpa kebenaran bertulis adalah dilarang. * Unauthorized use, copying or distribution is prohibited. */ // AJL 40 — Shared site navigation for standalone pages (Tentang, Kredit, Data) // Uses the same .ajl-header / .ajl-nav / .ajl-drawer / .ajl-footer classes as the homepage, // but links point to REAL routes (not in-page anchors). const { useState: useStateN, useEffect: useEffectN } = React; /* ============== HEADER SHARE POPOVER ============== */ function HeaderShare() { const [open, setOpen] = React.useState(false); const wrapRef = React.useRef(null); React.useEffect(() => { if (!open) return; const onDoc = (e) => { if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false); }; const onKey = (e) => { if (e.key === 'Escape') setOpen(false); }; document.addEventListener('mousedown', onDoc); document.addEventListener('keydown', onKey); return () => { document.removeEventListener('mousedown', onDoc); document.removeEventListener('keydown', onKey); }; }, [open]); const shareUrl = typeof window !== 'undefined' ? window.location.href : ''; const shareText = 'AJL 40 — Dunia Kreatif MM, Antologi Jiwa Lagu'; const openWin = (href) => { window.open(href, '_blank', 'noopener,noreferrer,width=600,height=500'); setOpen(false); }; const handleWhatsApp = () => openWin(`https://api.whatsapp.com/send?text=${encodeURIComponent(shareText + '\n' + shareUrl)}`); const handleFacebook = () => openWin(`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(shareUrl)}"e=${encodeURIComponent(shareText)}`); const handleX = () => openWin(`https://x.com/intent/tweet?text=${encodeURIComponent(shareText)}&url=${encodeURIComponent(shareUrl)}`); const handleTelegram = () => openWin(`https://t.me/share/url?url=${encodeURIComponent(shareUrl)}&text=${encodeURIComponent(shareText)}`); const handleThreads = () => openWin(`https://www.threads.net/intent/post?text=${encodeURIComponent(shareText + ' ' + shareUrl)}`); const handleInstagram = () => { const copyText = `${shareText}\n${shareUrl}`; if (navigator.clipboard) { navigator.clipboard.writeText(copyText).then(() => { if (window.showToast) window.showToast('Disalin untuk Instagram!'); }).catch(() => {}); } else { const ta = document.createElement('textarea'); ta.value = copyText; ta.style.cssText = 'position:fixed;opacity:0'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); if (window.showToast) window.showToast('Disalin untuk Instagram!'); } setOpen(false); }; return (

); } const SITE_NAV_LINKS = [ { label: '17 Esei', href: '/esei/' }, { label: 'Data', href: '/data/' }, { label: 'Tentang', href: '/tentang/' }, { label: 'Kredit', href: '/kredit/' }, { label: 'Arkib Visual', href: '/arkib/' }, ]; function SiteHeader() { const [menuOpen, setMenuOpen] = useStateN(false); useEffectN(() => { const onKey = (e) => { if (e.key === 'Escape') setMenuOpen(false); }; if (menuOpen) { document.addEventListener('keydown', onKey); document.body.style.overflow = 'hidden'; } else { document.body.style.overflow = ''; } return () => { document.removeEventListener('keydown', onKey); document.body.style.overflow = ''; }; }, [menuOpen]); const shareSite = () => { const url = window.location.href; const title = 'AJL 40 — Dunia Kreatif MM, Antologi Jiwa Lagu'; if (navigator.share) { navigator.share({ title, url }).catch(() => {}); } else if (navigator.clipboard) { navigator.clipboard.writeText(url).then(() => { if (window.showToast) window.showToast('Pautan disalin!'); }).catch(() => {}); } }; return (

setMenuOpen(false)} />

); } function SiteFooter() { return ( ); } function SiteBackToTop() { const [visible, setVisible] = useStateN(false); useEffectN(() => { const onScroll = () => setVisible(window.scrollY > 600); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); if (!visible) return null; return ( ); } Object.assign(window, { SiteHeader, SiteFooter, SiteBackToTop });