{
if (p.locked) { setBsod(true); return; }
if (p.url) {
if (window.Audio && window.Audio.isEnabled()) window.Audio.woosh();
window.open(p.url, '_blank', 'noopener,noreferrer');
}
}}
onMouseEnter={() => window.Audio && window.Audio.tick()}
>
{p.num}
{p.status}
{p.title}{p.url && }
{p.meta}
))}
);
}
// ============================================================
// STORY — 2226 intro crawl (Blade Runner homage)
// ============================================================
// System typography. Tab indentation preserved. Text reveals behind a
// travelling caret at a tweakable speed. "III Wojnę Światową" burns red
// in Nippo (the easter-egg nod to Blade Runner's red "replicants").
const STORY_HTML =
`\tU schyłku 2027 roku, pomniejsze konflikty rozprzestrzenione po całym globie, ostatecznie przerodziły się w pełnoskalową, III Wojnę Światową.
Fizyka kwantowa, SI i technologia fuzji jądrowej — rozwijające się w tempie geometrycznym — stały się instrumentami Nowego Imperium Sowieckiego, wymierzonymi przeciwko ludzkości. Dywersanci zaatakowali CERN i ośrodki programu ITER i EAST, doprowadzając do katastrofy na biblijną skalę.
\tW wyniku uszkodzeń reaktorów jądrowych i TOKAMAK, w atmosferze utworzyły się Osobliwości, które zmiotły z powierzchni ziemi 95% życia i ludzkiej infrastruktury.
\tPo 200 latach, nieliczni, którym udało się schować głęboko pod ziemią, utworzyli na zgliszczach dawnej cywilizacji nowe społeczeństwo, podejmujące trud odbudowy świata.
\tChaos, który ogarnął glob, pozwolił wyjść z cienia tym, którzy dotychczas nie uczestniczyli w projektowaniu świata.
\tTak, zaczęła się nowa era.
\tEra ĐysBalans(u).`;
function Story({ onClose, speed = 26, audioOn = true }) {
const { t } = useLang();
const audioRef = useRef(null);
const [done, setDone] = useState(false);
const scrollRef = useRef(null);
// Easter egg: "I'm afraid I can't let you do that." Block copying the intro
// text — intercept the copy event (covers Ctrl/Cmd+C, menu, right-click) and
// play the HAL clip instead of letting the text reach the clipboard.
useEffect(() => {
const node = scrollRef.current;
if (!node) return;
function onCopy(e) {
e.preventDefault();
if (e.clipboardData) e.clipboardData.setData('text/plain', '');
window.Audio && window.Audio.playSample('imafraid');
}
node.addEventListener('copy', onCopy);
return () => node.removeEventListener('copy', onCopy);
}, []);
// Standalone score: silence the site ambient while on 2226. On exit, ask the
// engine to resume — it restarts the bed only if SFX is globally enabled,
// so ambient comes back on main regardless of what happened on 2226.
useEffect(() => {
if (window.Audio && window.Audio.suspendAmbient) window.Audio.suspendAmbient();
return () => {
if (window.Audio && window.Audio.resumeAmbient) window.Audio.resumeAmbient();
};
}, []);
// Fixed playback level for the standalone score (the on-screen volume knob
// was removed — unusable on touch and it broke the mobile layout viewport).
useEffect(() => {
if (audioRef.current) audioRef.current.volume = 0.5;
}, []);
// Play / pause the score with the SCORE toggle; default ON. If the browser
// blocks autoplay, retry on the next user gesture.
useEffect(() => {
const el = audioRef.current;
if (!el) return;
if (audioOn) {
el.play().catch(() => {
const retry = () => { el.play().catch(() => {}); document.removeEventListener('pointerdown', retry); };
document.addEventListener('pointerdown', retry, { once: true });
});
} else {
el.pause();
}
}, [audioOn]);
const srcWebm = (window.__res ? window.__res('story2226Webm', 'assets/audio/story-2226.webm') : 'assets/audio/story-2226.webm');
const srcMp3 = (window.__res ? window.__res('story2226Mp3', 'assets/audio/story-2226.mp3') : 'assets/audio/story-2226.mp3');
return (
);
}
// ============================================================
// CONTACT
// ============================================================
function Contact({ onClose, email }) {
const { t } = useLang();
const [copied, setCopied] = useState(false);
function copy() {
// Play synchronously inside the gesture — calling it from the
// clipboard.writeText().then() callback runs AFTER the gesture and the
// autoplay policy blocks it (that's why it only worked via mailto).
window.Audio && window.Audio.playSample('cells');
navigator.clipboard.writeText(email).then(() => {
setCopied(true);
setTimeout(() => setCopied(false), 1800);
}).catch(() => {});
}
return (