Create supra-50m-onan-athlon.html

supra-50m-onan-athlon.html

@@ -0,0 +1,343 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Supra-50M on a 1999 Athlon | SupraLabs Blog</title>
+    <style>
+        :root {
+            --bg: #0f0f0f;
+            --surface: #1a1a1a;
+            --border: #333;
+            --text: #e0e0e0;
+            --accent: #536bfe;
+            --muted: #888;
+            --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
+        }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            background-color: var(--bg);
+            color: var(--text);
+            font-family: 'Inter', -apple-system, sans-serif;
+            line-height: 1.6;
+            padding: 2rem;
+        }
+        code, pre, .mono { font-family: var(--font-mono); }
+        .container { max-width: 900px; margin: 0 auto; }
+
+        header {
+            border-bottom: 2px solid var(--border);
+            padding-bottom: 2rem;
+            margin-bottom: 3rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-end;
+        }
+        .logo-area h1 {
+            font-size: 1.2rem;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            color: var(--accent);
+            line-height: 1;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .logo-area a { text-decoration: none; color: inherit; }
+        .logo-area {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-weight: bold;
+            font-size: 1.2rem;
+        }
+        nav a {
+            color: var(--text);
+            text-decoration: none;
+            margin-left: 1.5rem;
+            font-size: 0.9rem;
+            border-bottom: 1px solid transparent;
+        }
+        nav a:hover { border-bottom: 1px solid var(--accent); }
+
+        .post-header { margin-bottom: 3rem; }
+        .post-header h2 {
+            font-size: 3rem;
+            line-height: 1.1;
+            margin-bottom: 1rem;
+            font-weight: 800;
+        }
+        .post-meta {
+            font-family: var(--font-mono);
+            color: var(--accent);
+            font-size: 0.9rem;
+            margin-bottom: 2rem;
+        }
+        .post-content {
+            background: var(--surface);
+            border: 1px solid var(--border);
+            padding: 3rem;
+            margin-bottom: 4rem;
+        }
+        .post-content h2 {
+            font-size: 1.8rem;
+            margin: 2.5rem 0 1rem 0;
+            color: var(--accent);
+        }
+        .post-content h2:first-child { margin-top: 0; }
+        .post-content p {
+            margin-bottom: 1.5rem;
+            font-size: 1.1rem;
+            color: var(--text);
+        }
+        .post-content ul {
+            margin-bottom: 1.5rem;
+            padding-left: 1.5rem;
+        }
+        .post-content li { margin-bottom: 0.5rem; font-size: 1.1rem; }
+        .post-content strong { color: #fff; }
+
+        .post-content code {
+            background: #111;
+            border: 1px solid var(--border);
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-size: 0.95em;
+            color: var(--accent);
+        }
+
+        .callout {
+            border-left: 3px solid var(--accent);
+            background: #111;
+            padding: 1rem 1.5rem;
+            margin: 2rem 0;
+            font-family: var(--font-mono);
+            font-size: 0.95rem;
+            color: #ccc;
+        }
+        .callout span {
+            display: block;
+            color: var(--muted);
+            font-size: 0.8rem;
+            margin-bottom: 0.4rem;
+        }
+
+        /* Screenshot box */
+        .screenshot-box {
+            border: 1px solid var(--border);
+            background: #111;
+            padding: 0;
+            margin: 2rem 0;
+            overflow: hidden;
+        }
+        .screenshot-box .screenshot-label {
+            font-family: var(--font-mono);
+            font-size: 0.75rem;
+            color: var(--muted);
+            padding: 0.6rem 1rem;
+            border-bottom: 1px solid var(--border);
+            background: #0d0d0d;
+        }
+        .screenshot-box img {
+            width: 100%;
+            display: block;
+        }
+
+        /* Reddit quote */
+        .reddit-quote {
+            border-left: 3px solid #ff4500;
+            background: #111;
+            padding: 1.2rem 1.5rem;
+            margin: 2rem 0;
+            font-size: 1rem;
+            color: #ccc;
+            font-style: italic;
+            line-height: 1.7;
+        }
+        .reddit-quote .reddit-meta {
+            font-family: var(--font-mono);
+            font-size: 0.72rem;
+            color: #ff4500;
+            font-style: normal;
+            margin-bottom: 0.6rem;
+            display: block;
+        }
+
+        /* Output example */
+        .output-example {
+            border: 1px solid var(--border);
+            background: #111;
+            padding: 1.5rem;
+            margin: 1.5rem 0;
+        }
+        .output-example .prompt-label {
+            font-family: var(--font-mono);
+            font-size: 0.75rem;
+            color: var(--accent);
+            margin-bottom: 0.4rem;
+        }
+        .output-example .prompt-text {
+            font-weight: 700;
+            color: #fff;
+            margin-bottom: 1rem;
+            font-size: 1rem;
+        }
+        .output-example .output-label {
+            font-family: var(--font-mono);
+            font-size: 0.75rem;
+            color: var(--muted);
+            margin-bottom: 0.4rem;
+        }
+        .output-example .output-text {
+            color: var(--text);
+            font-size: 0.95rem;
+            font-style: italic;
+            line-height: 1.7;
+        }
+
+        .tags { display: flex; gap: 0.5rem; margin-top: 2rem; flex-wrap: wrap; }
+        .tag {
+            font-family: var(--font-mono);
+            font-size: 0.7rem;
+            padding: 2px 8px;
+            border: 1px solid var(--border);
+            border-radius: 4px;
+            color: var(--muted);
+        }
+
+        footer {
+            margin-top: 6rem;
+            padding-bottom: 2rem;
+            font-size: 0.8rem;
+            color: var(--muted);
+            text-align: center;
+        }
+
+        @media (max-width: 600px) {
+            .post-header h2 { font-size: 2rem; }
+            .post-content { padding: 1.5rem; }
+            header { flex-direction: column; align-items: flex-start; gap: 1rem; }
+            nav a { margin-left: 0; margin-right: 1rem; }
+        }
+    </style>
+</head>
+<body>
+
+    <div class="container">
+        <header>
+            <div class="logo-area" style="font-size: 1.5em;">
+                <a href="./index.html"><h1><img src="./image.png" style="height: 2em"> SupraLabs_</h1></a>
+            </div>
+            <nav>
+                <a href="./index.html#news">News</a>
+                <a href="https://huggingface.co/SupraLabs" target="blank">HuggingFace</a>
+                <a href="./index.html#hardware">Hardware</a>
+            </nav>
+        </header>
+
+        <article>
+            <div class="post-header">
+                <div class="post-meta">// 2026-05-24 | Community</div>
+                <h2>Someone ran Supra-50M<br>on a 1999 Athlon.<br>It WORKED.</h2>
+            </div>
+
+            <div class="post-content">
+
+                <p>We did not expect this. A few days after releasing Supra-50M, a user on r/LocalLLM posted something that genuinely made us stop and stare. They ran <strong>Supra-50M Instruct on a 26-year-old AMD Athlon clocked at 1 GHz</strong>, a machine they keep around for retro Windows 9x games, and got real, coherent output out of it at <strong>1.3 tokens per second</strong>.</p>
+
+                <div class="reddit-quote">
+                    <span class="reddit-meta">// u/tux on r/LocalLLM</span>
+                    "I see your Strix Halo and I'll give you a vintage Athlon [1 GHz] (Supra-50M). As a fun experiment, I decided to try running the recently released Supra-50M on a 26-year-old machine I keep for retro Windows 9.X games. Although the model was somewhat silly and inconsistent, the performance wasn't bad, reaching around 1.3 tok/s with CPU inference alone."
+                </div>
+
+                <h2>The hardware</h2>
+                <p>This is not a low-end 2020 machine. This is a <strong>1999 AMD Athlon running at 1007 MHz</strong> with a single core, no hyperthreading, 256 KB cache, and crucially, <strong>no SSE2 instruction set support</strong>. SSE2 is the baseline that virtually every modern AI inference library assumes. The CPU predates it entirely.</p>
+
+                <div class="callout">
+                    <span>// /proc/cpuinfo — the machine that ran supra-50m</span>
+                    vendor_id &nbsp;&nbsp;→ AuthenticAMD<br>
+                    model name &nbsp;→ AMD Athlon(tm) Processor<br>
+                    cpu MHz &nbsp;&nbsp;&nbsp;&nbsp;→ 1007.089<br>
+                    cache size &nbsp;→ 256 KB<br>
+                    cpu cores &nbsp;&nbsp;→ 1<br>
+                    bogomips &nbsp;&nbsp;&nbsp;→ 2014.17<br>
+                    SSE2 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;→ not present
+                </div>
+
+                <div class="screenshot-box">
+                    <div class="screenshot-label">// slitaz 5.0 — athlon 1ghz running supra-50m instruct</div>
+                    <img src="./athlon-supra.png" alt="Screenshot showing Supra-50M running on a 1999 AMD Athlon under SliTaz Linux">
+                </div>
+
+                <p>The OS is <strong>SliTaz 5.0</strong>, a minimal Linux distribution designed for very old or resource-constrained hardware. The terminal on the left shows the model running and responding to the prompt "Open the pod bay doors, HAL." The right terminal shows <code>cat /proc/cpuinfo</code> confirming the hardware. This is real.</p>
+
+                <h2>The SSE2 problem and how they solved it</h2>
+                <p>The standard tool for running LLMs on CPU is <strong>llama.cpp</strong>, but llama.cpp requires SSE2 which this Athlon does not have. So the user switched to <strong>llama2.c</strong>, a much simpler C inference engine originally written by Andrej Karpathy, and asked Claude to write a custom tokenizer compatible with our vocabulary format. That is a non-trivial amount of engineering just to get a model loaded, and they pulled it off.</p>
+
+                <div class="callout">
+                    <span>// inference stack on the athlon</span>
+                    Runtime &nbsp;&nbsp;&nbsp;→ llama2.c (no SSE2 required)<br>
+                    Tokenizer &nbsp;→ custom, written with Claude's help<br>
+                    Backend &nbsp;&nbsp;&nbsp;→ CPU only, single core<br>
+                    Speed &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;→ ~1.3 tokens per second<br>
+                    Model &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;→ Supra-50M-Instruct (200 MB on disk)
+                </div>
+
+                <h2>What the model said</h2>
+                <p>The prompt was "Open the pod bay doors, HAL." The Instruct model ran with it:</p>
+
+                <div class="output-example">
+                    <div class="prompt-label">// prompt — on a 1ghz cpu, 1999</div>
+                    <div class="prompt-text">"Open the pod bay doors, HAL."</div>
+                    <div class="output-label">// supra-50m instruct response</div>
+                    <div class="output-text">Open the gate doors, HAL. [ON]<br><br>
+                    The host blocks power, leaves network, is silent, and does not interrupt other network machines.<br><br>
+                    · Your son: "Modules waiting for a call."<br>
+                    · (Module delay). See in alphabetical order. To modulate (a communication-control message) by closing the gap between the lines of<br>
+                    · The Board is sending a sample message to</div>
+                </div>
+
+                <p>Silly and drifty, as the user described. But it is responding to a 2001: A Space Odyssey reference with something that is thematically in the right ballpark, on a CPU that was already 2 years old when the movie's sequel came out. We will take it.</p>
+
+                <h2>The thought that hit us</h2>
+                <p>The user ended their post with a line that stuck with us:</p>
+
+                <div class="reddit-quote">
+                    <span class="reddit-meta">// u/drone_stonks on r/LocalLLM</span>
+                    "It's crazy to think that with the right file size of 200 MB, we could have experienced this magic back in 1999."
+                </div>
+
+                <p>That is the whole point of building small. Not everyone has a Strix Halo. Not everyone has a GPU. Some people have old hardware, low-power devices, or embedded systems where 200 MB is already a stretch. If a model this size can run on a single-core 1 GHz CPU from 1999, it can run essentially anywhere. That is the goal we have been building toward since Supra Mini v1.</p>
+
+                <h2>Thank you</h2>
+                <p>Seriously, this made our day. If you are running Supra models on unusual or constrained hardware, we want to hear about it. Posts like this are exactly why we keep the weights open and the file sizes honest.</p>
+
+                <p><strong>You can find Supra-50M Instruct on HuggingFace. No Strix Halo required.</strong></p>
+
+                <div class="callout">
+                    <span>// links</span>
+                    Model &nbsp;&nbsp;&nbsp;→ huggingface.co/SupraLabs/Supra-50M-Instruct<br>
+                    Reddit &nbsp;&nbsp;→ r/LocalLLM — original post by u/drone_stonks<br>
+                    License →  Apache 2.0
+                </div>
+
+                <div class="tags">
+                    <span class="tag">#community</span>
+                    <span class="tag">#supra-50m</span>
+                    <span class="tag">#edge-ai</span>
+                    <span class="tag">#tinyml</span>
+                    <span class="tag">#retro</span>
+                    <span class="tag">#llama2c</span>
+                    <span class="tag">#open-source</span>
+                    <span class="tag">#cpu-inference</span>
+                </div>
+            </div>
+        </article>
+
+        <footer>
+            <p class="mono">&copy; 2026 SupraLabs // Built for the community.</p>
+        </footer>
+    </div>
+
+</body>
+</html>