https://pressthink.org/j/rosen-archive/frontend/components/NowherePage.js?v=3.8.36

1import { html } from '../html.js?v=3.8.36';
2import { NOWHERE_LINE } from '../utils/easterEggs.js?v=3.8.36';
3
4/**
5 * The hidden #nowhere route (#754): one line on an empty sheet of paper.
6 *
7 * Nothing links here from the site navigation. Anyone who finds it still gets
8 * a full page: a focusable heading, a link to the essay behind the line, and a
9 * way back to the archive. No motion, no sound, no trap.
10 */
11const NowherePage = ({ onBack, onOpenEssay, essayHref }) => html`
12  <main id="main-content" className="archive-canvas archive-nowhere">
13    <h1
14      data-route-entry-focus
15      tabIndex="-1"
16      className="archive-nowhere__line"
17    >${NOWHERE_LINE}</h1>
18
19    <div className="archive-nowhere__actions">
20      ${essayHref && html`
21        <a
22          href=${essayHref}
23          className="archive-nowhere__link"
24          onClick=${(event) => {
25            if (!onOpenEssay) return;
26            if (event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return;
27            event.preventDefault();
28            onOpenEssay();
29          }}
30        >Read the essay</a>
31      `}
32      ${onBack && html`
33        <button
34          type="button"
35          onClick=${onBack}
36          className="archive-nowhere__link"
37        >Return to the archive</button>
38      `}
39    </div>
40  </main>
41`;
42
43export default NowherePage;