Upload folder using huggingface_hub

index.html

@@ -24,7 +24,7 @@
         }
         a { color: var(--mistral-orange); text-decoration: none; }
         a:hover { text-decoration: underline; }
-        .container { max-width: 580px; width: 100%; }
+        .container { max-width: 700px; width: 100%; }
 
         /* Header */
         .header { text-align: center; margin-bottom: 2rem; }
@@ -35,11 +35,12 @@
             background-clip: text;
         }
         .subtitle { color: var(--mistral-muted); font-size: 0.8rem; margin-top: 0.25rem; }
-        .model-link {
-            display: inline-flex; align-items: center; gap: 0.3rem;
+        .model-links {
+            display: flex; align-items: center; justify-content: center; gap: 0.4rem;
             font-size: 0.75rem; margin-top: 0.5rem; color: var(--mistral-muted);
+            flex-wrap: wrap;
         }
-        .model-link a { color: var(--mistral-orange); }
+        .model-links .sep { color: var(--mistral-border); }
 
         /* Load section */
         .load-section {
@@ -148,15 +149,11 @@
     <div class="header">
         <h1>Voxtral Realtime 4B</h1>
         <p class="subtitle">Speech-to-Text in the browser with transformers.js + WebGPU</p>
-        <p class="model-link">
-            Model: <a href="https://huggingface.co/mistralai/Voxtral-Mini-4B-Realtime-2602" target="_blank" rel="noopener">
-                mistralai/Voxtral-Mini-4B-Realtime-2602
-            </a>
-            &middot;
-            ONNX: <a href="https://huggingface.co/onnx-community/Voxtral-Mini-4B-Realtime-2602-ONNX" target="_blank" rel="noopener">
-                onnx-community/Voxtral-Mini-4B-Realtime-2602-ONNX
-            </a>
-        </p>
+        <div class="model-links">
+            <a href="https://huggingface.co/mistralai/Voxtral-Mini-4B-Realtime-2602" target="_blank" rel="noopener">mistralai/Voxtral-Mini-4B-Realtime-2602</a>
+            <span class="sep">&middot;</span>
+            <a href="https://huggingface.co/onnx-community/Voxtral-Mini-4B-Realtime-2602-ONNX" target="_blank" rel="noopener">ONNX weights</a>
+        </div>
     </div>
 
     <!-- Load Model -->