Refresh Vontra organization card

README.md

@@ -6,17 +6,23 @@ pinned: false
 
 # Vontra
 
-Vontra is a small one-person AI tinkering space focused on practical local inference.
+Solo AI tinkerer publishing practical local-inference artifacts: MLX quants, serving notes, and the small bits of glue that make models easier to run on real machines.
 
-This is where I share experiments that may be useful to other people running models on their own hardware: MLX conversions, quantized checkpoints, serving notes, and lightweight tools.
+No startup theatre. No mystery benchmark fog. Just useful experiments, clean model cards, and attribution back to the original authors.
 
-No big company story here. Just curiosity, useful artifacts, and a place to publish things that might save someone else a few hours.
+## Current Shelf
 
-## What You Will Find Here
+| Model | Format | Best for |
+|---|---:|---|
+| [Laguna-S-2.1-MLX-8bit](https://huggingface.co/Vontra/Laguna-S-2.1-MLX-8bit) | MLX 8-bit | Highest-fidelity local run |
+| [Laguna-S-2.1-MLX-6bit](https://huggingface.co/Vontra/Laguna-S-2.1-MLX-6bit) | MLX 6-bit | Middle ground between size and quality |
+| [Laguna-S-2.1-MLX-4bit](https://huggingface.co/Vontra/Laguna-S-2.1-MLX-4bit) | MLX 4-bit | Smaller local footprint |
 
-- Local AI experiments
-- MLX conversions and quantizations
-- Apple Silicon testing
-- Notes from running models on real hardware
+## What Gets Published
 
-Everything is shared best-effort, with attribution back to the original model authors where applicable.
+- MLX conversions and quantized checkpoints
+- Apple Silicon serving notes
+- OpenAI-compatible local server recipes
+- Honest caveats from running models on actual hardware
+
+Everything is shared best-effort, with clear credit to the original model authors where applicable.

index.html

@@ -7,28 +7,67 @@
     <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
-    <main class="card">
-      <p class="eyebrow">Local AI experiments</p>
-      <h1>Vontra</h1>
-      <p class="lede">
-        A small one-person AI tinkering space focused on practical local inference.
-      </p>
-      <p>
-        This is where I share experiments that may be useful to other people running
-        models on their own hardware: MLX conversions, quantized checkpoints, serving
-        notes, and lightweight tools.
-      </p>
-      <p>
-        No big company story here. Just curiosity, useful artifacts, and a place to
-        publish things that might save someone else a few hours.
-      </p>
-      <section aria-label="What you will find here">
-        <h2>What You Will Find Here</h2>
-        <ul>
-          <li>Local AI experiments</li>
-          <li>MLX conversions and quantizations</li>
-          <li>Apple Silicon testing</li>
-          <li>Notes from running models on real hardware</li>
+    <main class="shell">
+      <section class="hero" aria-label="Vontra overview">
+        <div>
+          <p class="eyebrow">Local inference artifacts</p>
+          <h1>Vontra</h1>
+        </div>
+        <p class="lede">
+          Solo AI tinkerer publishing practical MLX quants, serving notes, and
+          the small bits of glue that make models easier to run on real machines.
+        </p>
+      </section>
+
+      <section class="intro" aria-label="Purpose">
+        <p>
+          No startup theatre. No mystery benchmark fog. Just useful experiments,
+          clean model cards, and attribution back to the original authors.
+        </p>
+      </section>
+
+      <section aria-labelledby="shelf-title">
+        <div class="section-heading">
+          <h2 id="shelf-title">Current Shelf</h2>
+          <span>Laguna S 2.1 MLX</span>
+        </div>
+
+        <div class="model-list">
+          <a class="model-row" href="https://huggingface.co/Vontra/Laguna-S-2.1-MLX-8bit">
+            <span>
+              <strong>Laguna-S-2.1-MLX-8bit</strong>
+              <small>Highest-fidelity local run</small>
+            </span>
+            <em>8-bit</em>
+          </a>
+          <a class="model-row" href="https://huggingface.co/Vontra/Laguna-S-2.1-MLX-6bit">
+            <span>
+              <strong>Laguna-S-2.1-MLX-6bit</strong>
+              <small>Middle ground between size and quality</small>
+            </span>
+            <em>6-bit</em>
+          </a>
+          <a class="model-row" href="https://huggingface.co/Vontra/Laguna-S-2.1-MLX-4bit">
+            <span>
+              <strong>Laguna-S-2.1-MLX-4bit</strong>
+              <small>Smaller local footprint</small>
+            </span>
+            <em>4-bit</em>
+          </a>
+        </div>
+      </section>
+
+      <section aria-labelledby="publish-title">
+        <div class="section-heading">
+          <h2 id="publish-title">What Gets Published</h2>
+          <span>Best-effort, useful, attributed</span>
+        </div>
+        <ul class="pill-list">
+          <li>MLX conversions</li>
+          <li>Quantized checkpoints</li>
+          <li>Apple Silicon notes</li>
+          <li>OpenAI-compatible serving recipes</li>
+          <li>Real hardware caveats</li>
         </ul>
       </section>
     </main>

style.css

@@ -1,10 +1,13 @@
 :root {
   color-scheme: light dark;
-  --bg: #f7f7f4;
-  --text: #1e2422;
-  --muted: #5d6761;
-  --line: #d8ddd7;
-  --accent: #2f6f62;
+  --bg: #f6f4ee;
+  --surface: #ffffff;
+  --text: #17181b;
+  --muted: #626976;
+  --line: #dedbd1;
+  --accent: #0f7a78;
+  --accent-2: #b45309;
+  --soft: #eef5f3;
 }
 
 body {
@@ -14,10 +17,19 @@ body {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 }
 
-.card {
-  max-width: 840px;
+.shell {
+  max-width: 980px;
   margin: 0 auto;
-  padding: 56px 24px 72px;
+  padding: 64px 24px 80px;
+}
+
+.hero {
+  display: grid;
+  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 1.1fr);
+  gap: 32px;
+  align-items: end;
+  padding-bottom: 34px;
+  border-bottom: 2px solid var(--text);
 }
 
 .eyebrow {
@@ -37,44 +49,143 @@ h1 {
 }
 
 .lede {
-  max-width: 680px;
-  margin: 22px 0 28px;
+  margin: 0;
   font-size: 1.3rem;
   line-height: 1.45;
-  color: var(--muted);
+  color: var(--text);
 }
 
-p,
-li {
-  max-width: 720px;
+p {
+  margin: 0;
   font-size: 1rem;
   line-height: 1.7;
 }
 
+.intro {
+  max-width: 760px;
+  padding: 28px 0 2px;
+  color: var(--muted);
+}
+
 section {
-  margin-top: 38px;
-  padding-top: 28px;
+  margin-top: 40px;
+}
+
+.section-heading {
+  display: flex;
+  gap: 16px;
+  align-items: baseline;
+  justify-content: space-between;
+  margin-bottom: 16px;
   border-top: 1px solid var(--line);
+  padding-top: 22px;
 }
 
 h2 {
-  margin: 0 0 16px;
+  margin: 0;
   font-size: 1.15rem;
 }
 
-ul {
+.section-heading span {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.model-list {
+  display: grid;
+  gap: 10px;
+}
+
+.model-row {
+  display: flex;
+  gap: 18px;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 18px;
+  border: 1px solid var(--line);
+  border-left: 5px solid var(--accent);
+  background: var(--surface);
+  color: inherit;
+  text-decoration: none;
+}
+
+.model-row:hover {
+  border-color: var(--accent);
+}
+
+.model-row span {
   display: grid;
-  gap: 8px;
+  gap: 3px;
+}
+
+.model-row strong {
+  font-size: 1rem;
+}
+
+.model-row small {
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.model-row em {
+  min-width: 64px;
+  color: var(--accent-2);
+  font-style: normal;
+  font-weight: 750;
+  text-align: right;
+}
+
+.pill-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
   margin: 0;
-  padding-left: 20px;
+  padding: 0;
+  list-style: none;
+}
+
+.pill-list li {
+  padding: 9px 12px;
+  border: 1px solid var(--line);
+  background: var(--soft);
+  color: var(--text);
+  font-size: 0.94rem;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --bg: #101412;
-    --text: #eef3ee;
-    --muted: #b7c0b8;
-    --line: #2e3833;
-    --accent: #78c5ae;
+    --bg: #101113;
+    --surface: #17191c;
+    --text: #f1f0ea;
+    --muted: #aeb4bd;
+    --line: #34363b;
+    --accent: #62c9c3;
+    --accent-2: #f2a444;
+    --soft: #151f20;
+  }
+}
+
+@media (max-width: 720px) {
+  .shell {
+    padding: 42px 18px 56px;
+  }
+
+  .hero,
+  .section-heading,
+  .model-row {
+    display: grid;
+    grid-template-columns: 1fr;
+  }
+
+  .hero {
+    gap: 22px;
+  }
+
+  .section-heading {
+    gap: 4px;
+  }
+
+  .model-row em {
+    text-align: left;
   }
 }