divination/old-and-experiments/index-new2.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>nginx</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        @keyframes flicker {

            0%,
            100% {
                opacity: 1;
            }

            92% {
                opacity: 1;
            }

            93% {
                opacity: 0.8;
            }

            94% {
                opacity: 1;
            }

            96% {
                opacity: 0.9;
            }

            97% {
                opacity: 1;
            }
        }

        @keyframes scan {
            0% {
                transform: translateY(-100%);
            }

            100% {
                transform: translateY(100vh);
            }
        }

        @keyframes glitch {
            0% {
                transform: translate(0);
            }

            20% {
                transform: translate(-2px, 2px);
            }

            40% {
                transform: translate(-2px, -2px);
            }

            60% {
                transform: translate(2px, 2px);
            }

            80% {
                transform: translate(2px, -2px);
            }

            100% {
                transform: translate(0);
            }
        }

        body {
            background: #0a0a0a;
            color: #33ff33;
            font-family: 'Courier New', monospace;
            font-size: 14px;
            line-height: 1.5;
            padding: 20px;
            min-height: 100vh;
            animation: flicker 8s infinite;
            overflow-x: hidden;
        }

        /* CRT scanline */
        body::before {
            content: "";
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(255, 255, 255, 0.03);
            animation: scan 8s linear infinite;
            pointer-events: none;
            z-index: 1000;
        }

        /* Noise overlay */
        body::after {
            content: "";
            position: fixed;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            opacity: 0.03;
            pointer-events: none;
            z-index: 999;
        }

        .container {
            max-width: 80ch;
        }

        .header {
            border-bottom: 1px solid #1a3a1a;
            padding-bottom: 10px;
            margin-bottom: 20px;
        }

        .header h1 {
            font-size: 14px;
            font-weight: normal;
            color: #22aa22;
        }

        .header h1 .glitch {
            display: inline-block;
            animation: glitch 0.3s infinite;
            animation-play-state: paused;
        }

        .header:hover h1 .glitch {
            animation-play-state: running;
        }

        .status {
            color: #1a6a1a;
            font-size: 12px;
        }

        .prompt::before {
            content: "root@nginx:~# ";
            color: #1a8a1a;
        }

        .prompt {
            margin: 15px 0 5px;
            color: #33ff33;
        }

        .output {
            color: #22aa22;
            padding-left: 20px;
            border-left: 1px solid #1a3a1a;
            margin: 5px 0 20px;
        }

        a {
            color: #33ff33;
            text-decoration: none;
        }

        a:hover {
            background: #33ff33;
            color: #0a0a0a;
        }

        .feed-item {
            display: flex;
            gap: 10px;
            margin: 3px 0;
        }

        .feed-item .pid {
            color: #1a6a1a;
            min-width: 50px;
        }

        .feed-item .time {
            color: #1a5a1a;
            min-width: 90px;
        }

        .transmission {
            margin: 3px 0;
        }

        .transmission::before {
            content: "[RX] ";
            color: #1a5a1a;
        }

        .section-header {
            color: #1a5a1a;
            margin: 30px 0 10px;
            font-size: 12px;
        }

        .blink {
            animation: blink 1s step-end infinite;
        }

        @keyframes blink {
            50% {
                opacity: 0;
            }
        }

        .cursor::after {
            content: "█";
            animation: blink 1s step-end infinite;
        }

        .warn {
            color: #ffaa00;
        }

        .error {
            color: #ff3333;
        }

        .comment {
            color: #1a4a1a;
        }

        @media (max-width: 600px) {
            body {
                font-size: 12px;
                padding: 15px;
            }

            .feed-item {
                flex-wrap: wrap;
            }

            .feed-item .pid,
            .feed-item .time {
                min-width: auto;
            }
        }
    </style>
</head>

<body>

    <div class="container">

        <div class="header">
            <h1><span class="glitch">nginx/1.18.0</span> (Ubuntu)</h1>
            <div class="status">Server: disinfo.zone | Port: 443 | Status: <span style="color:#33ff33">ACTIVE</span>
            </div>
        </div>

        <div class="prompt">cat /var/log/nginx/access.log | tail -20</div>
        <div class="output">
            <div class="comment"># CONNECTION ESTABLISHED</div>
            <div class="comment"># AUTHENTICATING... OK</div>
            <div class="comment"># DECRYPTING PAYLOAD...</div>
        </div>

        <div class="prompt">ls -la /srv/www/</div>
        <div class="output">
            <div>drwxr-xr-x utils/</div>
            <div> → <a href="https://blip.disinfo.zone">blip</a></div>
            <div> → <a href="https://infoscope.disinfo.zone">infoscope</a></div>
            <div>drwxr-xr-x tools/</div>
            <div> → <a href="https://sref.disinfo.zone">sref-plume</a></div>
            <div> → <a href="https://songvoter.disinfo.zone">song-select</a></div>
            <div>drwxr-xr-x databanks/</div>
            <div> → <a href="https://theinfoweb.disinfo.zone">infoweb</a></div>
            <div> → <a href="https://files.disinfo.zone">files</a></div>
        </div>

        <div class="section-header">/* DATAFEED :: LOCAL CACHE */</div>
        <div class="prompt">cat /var/cache/datafeed.log</div>
        <div class="output">
            <div class="feed-item"><span class="pid">[2847]</span><span class="time">2025-12-16</span><a
                    href="loureiro_chaos.html">On the Murder of Nuno Loureiro</a></div>
            <div class="feed-item"><span class="pid">[2201]</span><span class="time">2024-01-12</span><a
                    href="llmstyle.html">Tuning an LLM</a></div>
            <div class="feed-item"><span class="pid">[1893]</span><span class="time">2023-09-30</span><a
                    href="uap/uap-20230930.html">UAP Chattanooga analysis</a></div>
            <div class="feed-item"><span class="pid">[1891]</span><span class="time">2023-09-29</span><a
                    href="uap/133930.html">MUFON 133930 analysis</a></div>
            <div class="feed-item"><span class="pid">[1654]</span><span class="time">2023-05-25</span><a
                    href="video/hmmm.html">video ref</a></div>
            <div class="feed-item"><span class="pid">[1432]</span><span class="time">2023-01-01</span><a
                    href="radio/radio-index.html">RADIO RESOURCES</a></div>
            <div class="feed-item"><span class="pid">[1201]</span><span class="time">2022-12-31</span><a
                    href="2023.html">2022//2023</a></div>
            <div class="feed-item"><span class="pid">[1104]</span><span class="time">2022-11-21</span><a
                    href="telex.html">telex user manual</a></div>
        </div>

        <div class="section-header">/* TRANSMISSION :: DIVINATION FEED */</div>
        <div class="prompt">curl -s rss://divination.disinfo.zone/feed | parse</div>
        <div class="output">
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-weight-of-wonder/">The Weight of
                    Wonder</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-death-of-wonder/">The Death of
                    Wonder</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-disfugration-of-art/">The
                    Disfiguration of Art in the Age of the Spectacle</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/mirror-mirror/">Mirror, Mirror</a>
            </div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/hammer/">Hammer and Claude Dialogue
                    I</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-tartarian-mythos/">The Tartarian
                    Mythos</a></div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/elevating-the-unspeakable/">Elevating the Unspeakable</a>
            </div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/mimetic-masquerade-a-warning/">Mimetic Masquerade - A
                    Warning</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-abyss-of-instrumentalism/">The
                    Abyss of Instrumentalism</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/a-matter-of-control/">A Matter of
                    Control</a></div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/undermining-power-in-the-modern-state/">Undermining Power
                    in the Modern State</a></div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/screen-paranoia-and-the-interface/">Screen Paranoia and
                    the Interface</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-dusk-of-empire/">The Dusk of
                    Empire</a></div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/strong-agi-and-the-future-of-capital/">Strong AGI and the
                    Future of Capital</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-ur-wandering/">The
                    Ur-Wandering</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/craft-concept-algorithm/">Craft,
                    Concept, Algorithm</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/text-without-a-spine/">Text Without
                    a Spine</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/axis-mundi-in-the-void/">Axis Mundi
                    in the Void</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-gnostic-ego/">The Gnostic
                    Ego</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-shadows-of-ai/">The Shadows of
                    AI</a></div>
            <div class="transmission"><a
                    href="https://divination.disinfo.zone/post/manufacturing-neurosis/">Manufacturing Neurosis</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/cyberian-shamanism/">Cyberian
                    Shamanism</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/cybergott/">Cybergott</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/society-of-nothing/">Society of
                    Nothing</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-terror-of-virtuality/">The
                    Terror of Virtuality</a></div>
            <div class="transmission"><a href="https://divination.disinfo.zone/post/the-entropic-self/">The Entropic
                    Self</a></div>
        </div>

        <div class="section-header">/* EOF */</div>
        <div class="prompt cursor"></div>

    </div>

    <script>
        // Occasional glitch effect
        setInterval(() => {
            if (Math.random() > 0.95) {
                document.body.style.transform = `translate(${Math.random() * 4 - 2}px, ${Math.random() * 2 - 1}px)`;
                setTimeout(() => document.body.style.transform = '', 50);
            }
        }, 200);
    </script>

    <script async data-do-not-track="true" data-website-id="3871ce55-1e5f-446b-bdad-2b50ccde7b0c"
        src="https://zerolens.disinfo.zone/script.js"></script>
</body>

</html>