blog / posts /template.html
Banaxi-Tech's picture
Upload 16 files
81ed537 verified
Raw History Blame Contribute Delete
6.47 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Post title — Klein ML</title>
<meta name="description" content="One-sentence summary of the post, used in search results and link previews.">
<link rel="icon" href="../assets/klein-mark.svg" type="image/svg+xml">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400;500;600;700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,700;1,400&family=Google+Sans+Code:wght@400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../style.css">
</head>
<body>
<header class="site-header">
<div class="bar">
<a class="wordmark" href="../index.html" aria-label="Klein ML Blog"><img class="mark" src="../assets/klein-mark.svg" alt="" width="64" height="64"><svg class="pixel-word" viewBox="0 0 44 7" fill="currentColor" shape-rendering="crispEdges" aria-hidden="true"><path d="M0 0h1v1h-1zM4 0h1v1h-1zM6 0h1v1h-1zM12 0h5v1h-5zM18 0h5v1h-5zM24 0h1v1h-1zM28 0h1v1h-1zM33 0h1v1h-1zM37 0h1v1h-1zM39 0h1v1h-1zM0 1h1v1h-1zM3 1h1v1h-1zM6 1h1v1h-1zM12 1h1v1h-1zM20 1h1v1h-1zM24 1h2v1h-2zM28 1h1v1h-1zM33 1h2v1h-2zM36 1h2v1h-2zM39 1h1v1h-1zM0 2h1v1h-1zM2 2h1v1h-1zM6 2h1v1h-1zM12 2h1v1h-1zM20 2h1v1h-1zM24 2h1v1h-1zM26 2h1v1h-1zM28 2h1v1h-1zM33 2h1v1h-1zM35 2h1v1h-1zM37 2h1v1h-1zM39 2h1v1h-1zM0 3h2v1h-2zM6 3h1v1h-1zM12 3h4v1h-4zM20 3h1v1h-1zM24 3h1v1h-1zM27 3h2v1h-2zM33 3h1v1h-1zM35 3h1v1h-1zM37 3h1v1h-1zM39 3h1v1h-1zM0 4h1v1h-1zM2 4h1v1h-1zM6 4h1v1h-1zM12 4h1v1h-1zM20 4h1v1h-1zM24 4h1v1h-1zM28 4h1v1h-1zM33 4h1v1h-1zM37 4h1v1h-1zM39 4h1v1h-1zM0 5h1v1h-1zM3 5h1v1h-1zM6 5h1v1h-1zM12 5h1v1h-1zM20 5h1v1h-1zM24 5h1v1h-1zM28 5h1v1h-1zM33 5h1v1h-1zM37 5h1v1h-1zM39 5h1v1h-1zM0 6h1v1h-1zM4 6h1v1h-1zM6 6h5v1h-5zM12 6h5v1h-5zM18 6h5v1h-5zM24 6h1v1h-1zM28 6h1v1h-1zM33 6h1v1h-1zM37 6h1v1h-1zM39 6h5v1h-5z"/></svg><span class="sub">Blog</span></a>
<nav class="top-nav" aria-label="Main">
<a href="../index.html">Writing</a>
<a class="btn" href="https://huggingface.co/klein-ml">Models</a>
</nav>
</div>
</header>
<div class="band">
<div class="band-inner">
<nav class="crumbs" aria-label="Breadcrumb"><a href="../index.html">Home</a><span>›</span><a href="../index.html">Writing</a></nav>
<h1>Post title goes here.</h1>
<div class="meta">
<p class="when"><time datetime="2026-11-14">14 November 2026</time><span class="read">1 min read</span></p>
<p class="dek">A sentence of setup: what you tried and what came out of it.</p>
</div>
<div class="byline">
<p><strong>Klein ML team</strong><span>Klein ML</span></p>
<button type="button" class="share" id="share"><svg viewBox="0 0 24 24" width="20" height="20" aria-hidden="true"><path fill="currentColor" d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg><span>Share</span></button>
</div>
</div>
</div>
<figure class="hero-img"><img src="../assets/cover-default.jpg" alt="" width="1200" height="630"></figure>
<div class="shell post-shell">
<aside class="toc" aria-label="In this article"></aside>
<main>
<article class="article">
<p>Opening paragraph. Say the result first, then explain how you got there — people reading a training writeup want the number before the method.</p>
<h2>Setup</h2>
<p>Body text with a <a href="https://huggingface.co/klein-ml">link</a>, some <code>inline_code</code>, and whatever else the post needs.</p>
<ul>
<li>Base model, parameter count, tokenizer.</li>
<li>Token budget and hardware.</li>
<li>Anything that would let someone reproduce this.</li>
</ul>
<h2>Results</h2>
<table class="table">
<thead>
<tr><th>Model</th><th>Params</th><th>ARC-e</th><th>HellaSwag</th></tr>
</thead>
<tbody>
<tr><td>Baseline</td><td class="num">2.9M</td><td class="num">31.4</td><td class="num">26.8</td></tr>
<tr><td>This run</td><td class="num">2.9M</td><td class="num">34.1</td><td class="num">27.9</td></tr>
</tbody>
</table>
<blockquote>Use a pull quote for the one claim you want people to remember.</blockquote>
<h2>Config</h2>
<pre><code>d_model: 256
n_layers: 8
n_heads: 4
tokens: 6B</code></pre>
<figure class="figure">
<img src="../assets/chart.png" alt="Describe what the chart shows, not that it is a chart.">
<figcaption>Loss curve over the full run. Drop this figure block if the post has no image.</figcaption>
</figure>
<h2>What's next</h2>
<p>Closing paragraph: what you'd change, what's already running, where the weights are.</p>
<footer class="article-foot">
<p><a class="back" href="../index.html">← All writing</a></p>
</footer>
</article>
</main>
</div>
<footer class="site-footer">
<div class="inner">
<p class="foot-brand"><img class="mark" src="../assets/klein-mark.svg" alt="" width="64" height="64">Klein ML</p>
<p>Klein ML builds ultra dense intelligence: small models that do more with fewer parameters. Weights are open.</p>
<p class="foot-links"><a href="../index.html">Writing</a><a href="https://huggingface.co/klein-ml">Models</a><a href="https://kleinml.com">kleinml.com</a></p>
</div>
</footer>
<script src="../script.js" defer></script>
<script src="../listen.js" defer></script>
<script>
// Share link = the app's own address + #slug (works inside the Hugging Face iframe too)
var slug = location.pathname.split("/").pop().replace(/\.html$/, "");
var url = location.origin + "/#" + slug;
document.getElementById("share").addEventListener("click", function () {
var btn = this;
function done() { btn.lastChild.textContent = "Link copied"; setTimeout(function () { btn.lastChild.textContent = "Share"; }, 2000); }
if (navigator.clipboard) navigator.clipboard.writeText(url).then(done, function () { prompt("Copy this link:", url); });
else prompt("Copy this link:", url);
});
</script>
</body>
</html>