// vk-idle.jsx // Voight-Kampff idle overlay — fires in SYS.PORTFOLIO after 40s inactivity. // Separate component, independent of the global IdleOverlay. // Muthur variant responds to .muthur on . (function () { const { useState, useEffect } = React; const VK_IMG = window.__res ? window.__res('vkIdle', 'assets/art/vk-idle.jpg') : 'assets/art/vk-idle.jpg'; function VKIdleOverlay({ onClose }) { const [loop, setLoop] = useState(0); const [fading, setFading] = useState(false); const isMuthur = document.documentElement.classList.contains('muthur'); // ESC closes useEffect(() => { function onKey(e) { if (e.key === 'Escape') { e.preventDefault(); close(); } } window.addEventListener('keydown', onKey); return () => window.removeEventListener('keydown', onKey); }, []); // Lock body scroll useEffect(() => { const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = prev; }; }, []); function close() { setFading(true); setTimeout(onClose, 500); } function pick1() { // Option 1 — good things — fade out, return to gallery window.Audio && window.Audio.blip && window.Audio.blip(660); close(); } function pick2() { // Option 2 — need more time — glitch burst + loop; auto-close after 3 if (window.crtBurst) window.crtBurst(); const next = loop + 1; setLoop(next); if (next >= 3) { setTimeout(() => { window.Audio && window.Audio.woosh && window.Audio.woosh(); onClose(); }, 1100); } } return ( ); } Object.assign(window, { VKIdleOverlay }); })();