README / app.html
mrs83's picture
Upload folder using huggingface_hub
981f33a verified
Raw History Blame Contribute Delete
11.9 kB
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>This is NOT AI / six Spaces</title>
</head>
<body>
<main class="wrap">
<a target="_blank" rel="noopener" href="https://huggingface.co/spaces/This-is-NOT-AI/README"><img class="profile-banner" src="https://this-is-not-ai-readme.static.hf.space/banner.svg" alt="This is NOT AI: six Spaces, zero weights" width="100%"></a>
<style>
:root {
--paper: #f1ede3;
--paper-2: #fbf8f0;
--ink: #151515;
--ink-soft: #4b4740;
--red: #e8482e;
--blue: #2149c7;
--green: #1f6b45;
--yellow: #f2c94c;
--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
--serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
--sans: ui-sans-serif, Inter, "Helvetica Neue", Arial, sans-serif;
}
* { box-sizing: border-box; }
html, body {
margin: 0;
padding: 0;
background: var(--paper);
color: var(--ink);
font-family: var(--sans);
}
body {
background-image:
linear-gradient(rgba(21, 21, 21, 0.035) 1px, transparent 1px),
linear-gradient(90deg, rgba(21, 21, 21, 0.035) 1px, transparent 1px);
background-size: 28px 28px;
}
::selection { background: var(--yellow); color: var(--ink); }
.profile-banner { display: none; }
.collection-link { margin-top: 18px; font-family: var(--mono); font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; }
.collection-link a { color: var(--red); }
.wrap {
width: min(1240px, 100%);
margin: 0 auto;
padding: 0 20px 40px;
}
.topline {
display: flex;
justify-content: space-between;
gap: 16px;
align-items: baseline;
border-top: 6px solid var(--ink);
border-bottom: 1px solid var(--ink);
padding: 12px 0 8px;
margin-top: 16px;
font-family: var(--mono);
font-size: 11px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.topline a {
color: var(--ink);
text-decoration: none;
font-weight: 800;
letter-spacing: 0.18em;
}
.topline span:last-child { color: var(--ink-soft); }
.hero {
border-bottom: 1.5px solid var(--ink);
padding: 30px 0 26px;
}
.kicker {
display: flex;
gap: 10px;
align-items: center;
font-family: var(--mono);
font-size: 11px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--red);
margin-bottom: 10px;
}
.case {
background: var(--ink);
color: var(--paper-2);
padding: 3px 7px;
}
h1 {
font-family: var(--serif);
font-weight: 600;
font-size: clamp(2.6rem, 7vw, 5.9rem);
line-height: 0.96;
letter-spacing: -0.045em;
margin: 0 0 18px;
max-width: 1050px;
}
h1 em { font-style: italic; color: var(--red); }
.deck {
max-width: 780px;
margin: 0 0 20px;
color: var(--ink-soft);
font-size: clamp(1rem, 1.6vw, 1.22rem);
line-height: 1.55;
}
.badges {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.badge {
border: 1px solid var(--ink);
padding: 4px 8px;
font-family: var(--mono);
font-size: 10px;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.badge.solid { background: var(--ink); color: var(--paper-2); }
.badge.yellow { background: var(--yellow); }
.badge.red { background: var(--red); color: #fffdf7; border-color: var(--red); }
.section-head {
display: flex;
align-items: baseline;
gap: 12px;
flex-wrap: wrap;
border-top: 1.5px solid var(--ink);
padding-top: 10px;
margin: 28px 0 14px;
}
.section-index {
background: var(--red);
color: #fffdf7;
padding: 3px 6px;
font-family: var(--mono);
font-size: 11px;
}
.section-head h2 {
font-family: var(--serif);
font-size: 1.8rem;
font-weight: 600;
letter-spacing: -0.03em;
margin: 0;
}
.section-note {
margin-left: auto;
color: var(--ink-soft);
font-family: var(--mono);
font-size: 10px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 14px;
margin: 14px 0 24px;
}
.card {
display: flex;
flex-direction: column;
min-height: 240px;
padding: 16px;
background: var(--paper-2);
border: 1.5px solid var(--ink);
color: var(--ink);
text-decoration: none;
transition: transform 120ms ease, box-shadow 120ms ease;
}
.card:hover {
transform: translate(-3px, -3px);
box-shadow: 6px 6px 0 var(--ink);
}
.card-top {
display: flex;
justify-content: space-between;
color: var(--red);
font-family: var(--mono);
font-size: 10px;
letter-spacing: 0.12em;
margin-bottom: 18px;
}
.card h3 {
font-family: var(--serif);
font-size: 1.55rem;
line-height: 1.05;
letter-spacing: -0.03em;
margin: 0 0 6px;
}
.card .algo {
margin: 0 0 12px;
color: var(--ink-soft);
font-family: var(--mono);
font-size: 10px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.card p {
margin: 0 0 16px;
color: var(--ink-soft);
font-size: 13px;
line-height: 1.45;
}
.card-foot {
display: flex;
justify-content: space-between;
gap: 10px;
margin-top: auto;
border-top: 1px solid var(--ink);
padding-top: 8px;
font-family: var(--mono);
font-size: 10px;
}
.card-foot .path { color: var(--ink-soft); }
.card-foot .open { color: var(--red); font-weight: 700; }
.stack-table {
width: 100%;
border-collapse: collapse;
background: var(--paper-2);
border: 1.5px solid var(--ink);
font-size: 12px;
}
.stack-table th,
.stack-table td {
text-align: left;
padding: 8px 10px;
border-bottom: 1px solid rgba(21, 21, 21, 0.18);
vertical-align: top;
}
.stack-table th {
background: var(--ink);
color: var(--paper-2);
font-family: var(--mono);
font-size: 9.5px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.stack-table tr:last-child td { border-bottom: none; }
.stack-table code { font-family: var(--mono); font-size: 11px; }
.callout {
border-left: 5px solid var(--blue);
background: var(--paper-2);
padding: 12px 16px;
margin: 12px 0 20px;
color: var(--ink-soft);
font-size: 13px;
line-height: 1.5;
}
.callout strong { color: var(--ink); }
footer {
display: flex;
justify-content: space-between;
gap: 18px;
flex-wrap: wrap;
border-top: 6px solid var(--ink);
margin-top: 34px;
padding: 18px 0 8px;
color: var(--ink-soft);
font-family: var(--mono);
font-size: 10.5px;
}
footer strong { color: var(--ink); }
@media (max-width: 720px) {
.topline { flex-direction: column; gap: 4px; }
.section-note { margin-left: 0; }
}
</style>
<div class="topline">
<a href="https://huggingface.co/This-is-NOT-AI">THIS IS NOT AI</a>
<span>Hugging Face&nbsp;&nbsp;/&nbsp;&nbsp;CPU basic&nbsp;&nbsp;/&nbsp;&nbsp;zero weights</span>
</div>
<header class="hero">
<div class="kicker"><span class="case">HUGGING FACE</span> Six Spaces / one catalog</div>
<h1>The model is not the product. <em>The mechanism is.</em></h1>
<p class="deck">
Six deterministic Spaces that look like AI magic and contain no model at all.
No accelerators, no weights, no hosted inference. Open one and inspect the
arithmetic behind the answer.
</p>
<div class="badges">
<span class="badge">6 SPACES</span>
<span class="badge yellow">0 GPUS</span>
<span class="badge yellow">0 WEIGHTS</span>
<span class="badge solid">DETERMINISTIC</span>
</div>
<p class="collection-link"><a target="_blank" rel="noopener" href="https://huggingface.co/collections/mrs83/not-ai-6ad3e6264339527205fb4a39">View the collection on the Hub</a></p>
</header>
<div class="section-head">
<span class="section-index">01</span>
<h2>THE SPACES</h2>
<span class="section-note">open a Space, inspect the arithmetic</span>
</div>
<div class="grid">
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-sieve">
<div class="card-top"><span>00</span><span>C. 240 BCE</span></div>
<h3>Count Every Prime</h3>
<p class="algo">Sieve of Eratosthenes</p>
<p>One byte per candidate, exact for every bound, and no floating point in the hot loop.</p>
<div class="card-foot"><span class="path">HF / notai-sieve</span><span class="open">OPEN &rarr;</span></div>
</a>
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-bm25">
<div class="card-top"><span>01</span><span>1994</span></div>
<h3>Search Without a Vector</h3>
<p class="algo">Okapi BM25</p>
<p>A visible inverted index, per-term score contributions, and a query trace.</p>
<div class="card-foot"><span class="path">HF / notai-bm25</span><span class="open">OPEN &rarr;</span></div>
</a>
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-markov">
<div class="card-top"><span>02</span><span>1948</span></div>
<h3>The Next Word</h3>
<p class="algo">Word n-gram</p>
<p>A finite transition table with seeded sampling and every decision printed.</p>
<div class="card-foot"><span class="path">HF / notai-markov</span><span class="open">OPEN &rarr;</span></div>
</a>
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-svd">
<div class="card-top"><span>03</span><span>1873 / 1936</span></div>
<h3>Best Rank-k Image</h3>
<p class="algo">Truncated SVD</p>
<p>The best low-rank approximation in the Frobenius norm, plus the residual.</p>
<div class="card-foot"><span class="path">HF / notai-svd</span><span class="open">OPEN &rarr;</span></div>
</a>
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-connect4">
<div class="card-top"><span>04</span><span>1956 / 1958</span></div>
<h3>Connect Four</h3>
<p class="algo">Negamax / alpha-beta</p>
<p>Deterministic game search with a fixed node budget and zero learned weights.</p>
<div class="card-foot"><span class="path">HF / notai-connect4</span><span class="open">OPEN &rarr;</span></div>
</a>
<a class="card" target="_blank" rel="noopener" href="https://huggingface.co/spaces/mrs83/notai-astar">
<div class="card-top"><span>05</span><span>1968</span></div>
<h3>Shortest Route</h3>
<p class="algo">A* search</p>
<p>Clickable weighted terrain, with Dijkstra and greedy baselines on the same map.</p>
<div class="card-foot"><span class="path">HF / notai-astar</span><span class="open">OPEN &rarr;</span></div>
</a>
<!-- notai-eliza is hidden from the public catalog until it is ready. -->
</div>
<footer>
<span><strong>THIS IS NOT AI</strong> / Hugging Face Spaces</span>
<span>six Spaces / zero weights / CPU only</span>
</footer>
</main>
</body>
</html>