Upload index.html with huggingface_hub

index.html

@@ -3,135 +3,90 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="RESMP.DEV builds evidence-first model systems for real hardware.">
-  <meta name="color-scheme" content="dark light">
   <title>RESMP.DEV — Evidence-first model systems</title>
-  <link rel="stylesheet" href="style.css">
 </head>
-<body>
-  <div class="signal" aria-label="Research focus">
-    <div class="signal-track">
-      <span>CALIBRATED COMPRESSION</span><i></i>
-      <span>REAL HARDWARE</span><i></i>
-      <span>REPRODUCIBLE RECEIPTS</span><i></i>
-      <span>AGENTIC SYSTEMS</span><i></i>
-      <span>ACCESSIBLE COMPUTING</span>
-    </div>
+<body style="margin:0;background:#101012;color:#f1f0e9;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;">
+  <div style="overflow:hidden;border-bottom:1px solid #35323a;padding:10px 18px;color:#aaa6b0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:700;letter-spacing:.1em;word-spacing:18px;">
+    CALIBRATED COMPRESSION <span style="color:#b6f238;">■</span> REAL HARDWARE <span style="color:#b6f238;">■</span> REPRODUCIBLE RECEIPTS <span style="color:#b6f238;">■</span> AGENTIC SYSTEMS
   </div>
 
-  <main class="shell">
-    <nav class="nav" aria-label="Organization navigation">
-      <a class="brand" href="https://huggingface.co/RESMP-DEV" target="_top" aria-label="RESMP.DEV home">
-        <span class="mark" aria-hidden="true">R/</span>
-        <strong>RESMP.DEV</strong>
+  <div style="max-width:1200px;margin:0 auto;border-left:1px solid #35323a;border-right:1px solid #35323a;">
+    <div style="display:flex;flex-wrap:wrap;align-items:center;gap:20px;min-height:66px;padding:0 26px;border-bottom:1px solid #35323a;">
+      <a href="https://huggingface.co/RESMP-DEV" style="display:flex;align-items:center;gap:10px;color:#f1f0e9;text-decoration:none;font-size:14px;font-weight:800;">
+        <span style="display:inline-block;padding:7px;background:#6f36d9;color:#b6f238;font-family:ui-monospace,monospace;font-size:10px;">R/</span> RESMP.DEV
       </a>
-      <div class="nav-links">
-        <a href="https://huggingface.co/RESMP-DEV/models" target="_top">Models</a>
-        <a href="https://huggingface.co/RESMP-DEV/datasets" target="_top">Datasets</a>
-        <a href="benchmark.html">Benchmarks</a>
-        <a href="https://github.com/RESMP-DEV" target="_blank" rel="noreferrer">Source</a>
+      <div style="display:flex;flex-wrap:wrap;gap:18px;margin-left:auto;font-size:11px;">
+        <a href="https://huggingface.co/RESMP-DEV/models" style="color:#d6d2da;text-decoration:none;">MODELS</a>
+        <a href="https://huggingface.co/RESMP-DEV/datasets" style="color:#d6d2da;text-decoration:none;">DATASETS</a>
+        <a href="https://resmp-dev-readme.static.hf.space/benchmark.html" style="color:#b6f238;text-decoration:none;">BENCHMARKS ↗</a>
       </div>
-      <a class="nav-cta" href="https://huggingface.co/RESMP-DEV/models" target="_top">Explore releases</a>
-    </nav>
+    </div>
 
-    <section class="hero">
-      <div class="intro">
-        <p class="eyebrow"><span></span> INDEPENDENT APPLIED RESEARCH</p>
-        <div class="nameboard" aria-label="RESMP.DEV identity board">
-          <div class="nameboard-code">RESMP / DEV</div>
-          <div class="nameboard-main">
-            <span class="nameboard-kicker">RESEARCH SYSTEMS</span>
-            <strong>MODEL<br>PROBING</strong>
-          </div>
-          <div class="nameboard-meta">
-            <span>UNIT 01</span><span>REAL HW</span><span class="live">ACTIVE</span>
-          </div>
-        </div>
-        <h1><em>Evidence-first</em><br>model systems.</h1>
-        <p class="lede">Capable models made measurable, reproducible, and useful across heterogeneous hardware.</p>
+    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));background:#f1f0e9;color:#101012;">
+      <section style="padding:54px 38px;border-right:1px solid #d3d0d7;">
+        <p style="margin:0 0 26px;color:#716d77;font-family:ui-monospace,monospace;font-size:9px;font-weight:700;letter-spacing:.12em;"><span style="color:#6f36d9;">■</span> INDEPENDENT APPLIED RESEARCH</p>
 
-        <div class="proof-grid" aria-label="Research areas">
-          <div>
-            <p class="label">PRECISION</p>
-            <p>NVFP4, FP8, MXFP4/8,<br>GPTQ, mixed precision</p>
-          </div>
-          <div>
-            <p class="label">SYSTEMS</p>
-            <p>CUDA, Apple Silicon,<br>native inference paths</p>
+        <div style="max-width:500px;margin:0 8px 38px 0;border:1px solid #333038;border-left:8px solid #e2382f;background:#111013;color:#f4f2ec;box-shadow:8px 8px 0 #6f36d9;">
+          <div style="padding:18px 20px 14px;">
+            <span style="display:block;margin-bottom:8px;color:#aaa5b0;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.18em;">RESMP / RESEARCH SYSTEMS</span>
+            <strong style="font-size:30px;line-height:.88;letter-spacing:-.04em;">MODEL<br>PROBING</strong>
           </div>
-          <div>
-            <p class="label">EVIDENCE</p>
-            <p>Matched controls, hashes,<br>manifests, limitations</p>
+          <div style="display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #3a3740;padding:8px 20px;font-family:ui-monospace,monospace;font-size:7px;font-weight:700;letter-spacing:.12em;">
+            <span style="border:1px solid #4d4953;padding:4px 6px;">FIELD LAB</span>
+            <span style="border:1px solid #4d4953;padding:4px 6px;">REAL HW</span>
+            <span style="margin-left:auto;border:1px solid #b6f238;padding:4px 6px;color:#b6f238;">ACTIVE</span>
           </div>
         </div>
 
-        <div class="actions">
-          <a class="button primary" href="https://huggingface.co/RESMP-DEV/models" target="_top">Browse models <span>↗</span></a>
-          <a class="button secondary" href="https://huggingface.co/datasets/RESMP-DEV" target="_top">Inspect datasets</a>
+        <h1 style="margin:0 0 20px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,7vw,76px);font-weight:400;line-height:.94;letter-spacing:-.055em;"><em style="color:#6f36d9;font-weight:400;">Evidence-first</em><br>model systems.</h1>
+        <p style="max-width:650px;margin:0 0 34px;color:#68646d;font-size:15px;line-height:1.6;">Capable models made measurable, reproducible, and useful across heterogeneous hardware.</p>
+
+        <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:0;max-width:700px;border-top:1px solid #cbc8cf;padding-top:20px;">
+          <div style="padding:0 16px 16px 0;"><b style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.12em;">PRECISION</b><p style="margin:8px 0 0;font-size:10px;font-weight:650;line-height:1.55;">NVFP4, FP8, MXFP4/8,<br>GPTQ, mixed precision</p></div>
+          <div style="padding:0 16px 16px;border-left:1px solid #cbc8cf;"><b style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.12em;">SYSTEMS</b><p style="margin:8px 0 0;font-size:10px;font-weight:650;line-height:1.55;">CUDA, Apple Silicon,<br>native inference paths</p></div>
+          <div style="padding:0 0 16px 16px;border-left:1px solid #cbc8cf;"><b style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;letter-spacing:.12em;">EVIDENCE</b><p style="margin:8px 0 0;font-size:10px;font-weight:650;line-height:1.55;">Controls, hashes,<br>manifests, limitations</p></div>
         </div>
-      </div>
 
-      <aside class="releases" aria-label="Selected releases">
-        <div class="rail-head">
-          <span><i></i> SELECTED RELEASES</span>
-          <a href="https://huggingface.co/RESMP-DEV/models" target="_top">VIEW ALL →</a>
+        <div style="display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;">
+          <a href="https://huggingface.co/RESMP-DEV/models" style="border:1px solid #6f36d9;border-radius:999px;background:#6f36d9;padding:11px 16px;color:white;text-decoration:none;font-size:10px;font-weight:700;">BROWSE MODELS ↗</a>
+          <a href="https://huggingface.co/RESMP-DEV/datasets" style="border:1px solid #6f36d9;border-radius:999px;padding:11px 16px;color:#6f36d9;text-decoration:none;font-size:10px;font-weight:700;">INSPECT DATASETS</a>
         </div>
+      </section>
+
+      <aside style="border-left:1px solid #d3d0d7;">
+        <div style="display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #d3d0d7;color:#77737c;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.1em;"><span><b style="color:#6f36d9;">■</b> SELECTED RELEASES</span><a href="https://huggingface.co/RESMP-DEV/models" style="color:#77737c;text-decoration:none;">VIEW ALL →</a></div>
 
-        <a class="release" href="https://huggingface.co/RESMP-DEV/Qwen3-Next-80B-A3B-Instruct-NVFP4" target="_top">
-          <span class="release-num">01</span>
-          <span class="release-copy"><b>Qwen3-Next 80B-A3B</b><small>INSTRUCT · NVFP4</small></span>
-          <span class="arrow">↗</span>
-        </a>
-        <a class="release" href="https://huggingface.co/RESMP-DEV/GLM-4.7-Flash-Trellis-MM" target="_top">
-          <span class="release-num">02</span>
-          <span class="release-copy"><b>GLM-4.7 Flash</b><small>TRELLIS · MIXED PRECISION</small></span>
-          <span class="arrow">↗</span>
-        </a>
-        <a class="release" href="https://huggingface.co/RESMP-DEV/jina-code-embeddings-1.5b-mxfp4-block-gptq" target="_top">
-          <span class="release-num">03</span>
-          <span class="release-copy"><b>Jina Code Embeddings 1.5B</b><small>CALIBRATED MXFP4 · MLX</small></span>
-          <span class="arrow">↗</span>
-        </a>
-        <a class="release" href="https://huggingface.co/datasets/RESMP-DEV/Fable-GPT-5.5-Distillation-Traces" target="_top">
-          <span class="release-num">04</span>
-          <span class="release-copy"><b>Fable Distillation Traces</b><small>REASONING · CODE · SCIENCE</small></span>
-          <span class="arrow">↗</span>
-        </a>
+        <a href="https://huggingface.co/RESMP-DEV/Qwen3-Next-80B-A3B-Instruct-NVFP4" style="display:block;min-height:90px;padding:25px 22px;border-bottom:1px solid #d3d0d7;color:#101012;text-decoration:none;"><span style="color:#8b8790;font-family:ui-monospace,monospace;font-size:8px;">01</span><strong style="display:block;margin:12px 0 7px;font-family:Georgia,serif;font-size:17px;font-weight:400;">Qwen3-Next 80B-A3B ↗</strong><small style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;">INSTRUCT · NVFP4</small></a>
+        <a href="https://huggingface.co/RESMP-DEV/GLM-4.7-Flash-Trellis-MM" style="display:block;min-height:90px;padding:25px 22px;border-bottom:1px solid #d3d0d7;color:#101012;text-decoration:none;"><span style="color:#8b8790;font-family:ui-monospace,monospace;font-size:8px;">02</span><strong style="display:block;margin:12px 0 7px;font-family:Georgia,serif;font-size:17px;font-weight:400;">GLM-4.7 Flash ↗</strong><small style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;">TRELLIS · MIXED PRECISION</small></a>
+        <a href="https://huggingface.co/RESMP-DEV/jina-code-embeddings-1.5b-mxfp4-block-gptq" style="display:block;min-height:90px;padding:25px 22px;border-bottom:1px solid #d3d0d7;color:#101012;text-decoration:none;"><span style="color:#8b8790;font-family:ui-monospace,monospace;font-size:8px;">03</span><strong style="display:block;margin:12px 0 7px;font-family:Georgia,serif;font-size:17px;font-weight:400;">Jina Code Embeddings 1.5B ↗</strong><small style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;">CALIBRATED MXFP4 · MLX</small></a>
+        <a href="https://huggingface.co/datasets/RESMP-DEV/Fable-GPT-5.5-Distillation-Traces" style="display:block;min-height:90px;padding:25px 22px;color:#101012;text-decoration:none;"><span style="color:#8b8790;font-family:ui-monospace,monospace;font-size:8px;">04</span><strong style="display:block;margin:12px 0 7px;font-family:Georgia,serif;font-size:17px;font-weight:400;">Fable Distillation Traces ↗</strong><small style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;">REASONING · CODE · SCIENCE</small></a>
       </aside>
-    </section>
+    </div>
 
-    <section class="benchmark-callout">
-      <div>
-        <p class="eyebrow"><span></span> BENCHMARK INSTRUMENT</p>
-        <h2>One visual system.<br>Any evaluation matrix.</h2>
-      </div>
-      <p>Reusable, data-driven small multiples with fixed series order, direct labels, negative-score support, SVG export, and a print-clean mode.</p>
-      <a class="button acid" href="benchmark.html">Open chart system →</a>
+    <section style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px;align-items:center;padding:38px;background:#101012;border-top:8px solid #e2382f;color:#f1f0e9;">
+      <div><p style="margin:0 0 20px;color:#aaa5b0;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;"><span style="color:#b6f238;">■</span> BENCHMARK INSTRUMENT</p><h2 style="margin:0;font-family:Georgia,serif;font-size:32px;font-weight:400;line-height:1;">One visual system.<br>Any evaluation matrix.</h2></div>
+      <p style="margin:0;color:#aaa5b0;font-size:12px;line-height:1.65;">Data-driven small multiples with fixed series order, direct labels, negative-score support, SVG export, and print output.</p>
+      <a href="https://resmp-dev-readme.static.hf.space/benchmark.html" style="justify-self:start;border:1px solid #b6f238;background:#b6f238;padding:11px 16px;color:#101012;text-decoration:none;font-size:9px;font-weight:800;letter-spacing:.06em;">OPEN CHART SYSTEM ↗</a>
     </section>
 
-    <section class="manifesto">
-      <div class="manifesto-top">
-        <p class="eyebrow light"><span></span> HOW WE PUBLISH</p>
-        <p class="date">MEASURED / REPRODUCIBLE / HONEST</p>
-      </div>
-      <div class="manifesto-body">
-        <h2>The artifact is only half the release.</h2>
-        <p>We publish the boundary conditions too: pinned revisions, derivative licenses, matched controls, runtime constraints, held-out evaluations, machine-readable receipts, and negative results.</p>
+    <section style="padding:42px 38px;background:linear-gradient(115deg,#20102f,#421a85 55%,#6f36d9);color:white;">
+      <p style="margin:0 0 25px;color:#d9ccef;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.12em;">HOW WE PUBLISH / MEASURED · REPRODUCIBLE · HONEST</p>
+      <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:34px;align-items:end;">
+        <h2 style="margin:0;font-family:Georgia,serif;font-size:38px;font-weight:400;line-height:1;">The artifact is only half the release.</h2>
+        <p style="margin:0;color:#e1d9eb;font-size:12px;line-height:1.7;">We publish boundary conditions too: pinned revisions, licenses, matched controls, runtime constraints, held-out evaluations, machine-readable receipts, and negative results.</p>
       </div>
     </section>
 
-    <section class="areas" aria-label="Areas of work">
-      <article><span>01</span><h3>Inference engineering</h3><p>Architecture-aware compression and native runtimes for hardware people actually use.</p></article>
-      <article><span>02</span><h3>Code intelligence</h3><p>Multilingual retrieval encoders, calibrated quantization, and local serving.</p></article>
-      <article><span>03</span><h3>Agentic systems</h3><p>Reasoning traces, continuous distillation, mutation, and adversarial workloads.</p></article>
-      <article><span>04</span><h3>Accessible computing</h3><p>Speech and language systems built around accessibility-centered tasks.</p></article>
+    <section style="display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));background:#f1f0e9;color:#101012;">
+      <div style="padding:27px;border-right:1px solid #d3d0d7;border-bottom:1px solid #d3d0d7;"><span style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:800;">01</span><h3 style="margin:28px 0 10px;font-family:Georgia,serif;font-size:18px;font-weight:400;">Inference engineering</h3><p style="margin:0;color:#68646d;font-size:11px;line-height:1.6;">Architecture-aware compression and native runtimes for real hardware.</p></div>
+      <div style="padding:27px;border-right:1px solid #d3d0d7;border-bottom:1px solid #d3d0d7;"><span style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:800;">02</span><h3 style="margin:28px 0 10px;font-family:Georgia,serif;font-size:18px;font-weight:400;">Code intelligence</h3><p style="margin:0;color:#68646d;font-size:11px;line-height:1.6;">Multilingual retrieval encoders, calibrated quantization, and local serving.</p></div>
+      <div style="padding:27px;border-right:1px solid #d3d0d7;border-bottom:1px solid #d3d0d7;"><span style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:800;">03</span><h3 style="margin:28px 0 10px;font-family:Georgia,serif;font-size:18px;font-weight:400;">Agentic systems</h3><p style="margin:0;color:#68646d;font-size:11px;line-height:1.6;">Reasoning traces, continuous distillation, mutation, and adversarial workloads.</p></div>
+      <div style="padding:27px;border-bottom:1px solid #d3d0d7;"><span style="color:#6f36d9;font-family:ui-monospace,monospace;font-size:8px;font-weight:800;">04</span><h3 style="margin:28px 0 10px;font-family:Georgia,serif;font-size:18px;font-weight:400;">Accessible computing</h3><p style="margin:0;color:#68646d;font-size:11px;line-height:1.6;">Speech and language systems built around accessibility-centered tasks.</p></div>
     </section>
 
-    <footer>
-      <strong>RESMP.DEV</strong>
-      <p>EXPERIMENTAL MEANS EXPERIMENTAL / READ THE MODEL CARD</p>
-      <a href="https://huggingface.co/RESMP-DEV" target="_top">HUGGING FACE ↗</a>
+    <footer style="display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;padding:22px 26px;color:#aaa6b0;font-family:ui-monospace,monospace;font-size:8px;font-weight:700;letter-spacing:.08em;">
+      <strong style="color:#f1f0e9;">RESMP.DEV</strong><span>EXPERIMENTAL MEANS EXPERIMENTAL / READ THE MODEL CARD</span><a href="https://github.com/RESMP-DEV" style="color:#b6f238;text-decoration:none;">SOURCE ↗</a>
     </footer>
-  </main>
+  </div>
 </body>
 </html>