Update index.html

index.html

@@ -244,36 +244,43 @@
     const y = document.getElementById('year');
     if (y) y.textContent = new Date().getFullYear();
 
-    // Leaderboard: try to fetch metrics_by_engine.json if present; else fall back to inline JSON
-    (async function renderLeaderboard(){
-      const el = document.getElementById('leaderboard-body');
-      const inline = document.getElementById('leaderboard-data');
-      if (!el) return;
-      let rows;
-      try {
-        const res = await fetch('metrics_by_engine.json', {cache:'no-store'});
-        if (res.ok) {
-          const metrics = await res.json();
-          // Expecting the AV summary per engine; create a toy score = avg of task accuracies if you provide them.
-          // This block is intentionally lightweight – adapt to your file format as needed.
-          if (metrics && metrics.leaderboard) {
-            rows = metrics.leaderboard;
-          }
-        }
-      } catch(e){ /* ignore and use inline */ }
-      if (!rows) {
-        try { rows = JSON.parse(inline.textContent.trim()).rows; } catch(e){ rows = []; }
-      }
-      rows.sort((a,b) => a.rank - b.rank);
-      el.innerHTML = rows.map(r => `
-        <tr>
-          <td>${r.Model}</td>
-          <td>${r.Modality}</td>
-          <td>${r.Top1AccuracyinPercent}</td>
-          <td>${r.Top1AccuracyinPercent}</td>
-          <td>${r.N}</td>
-        </tr>`).join('');
-    })();
+<script>
+  // Leaderboard: rendert NUR deine inline JSON-rows
+  (function renderLeaderboard(){
+    const el = document.getElementById('leaderboard-body');
+    const dataEl = document.getElementById('leaderboard-data');
+    if (!el || !dataEl) return;
+
+    // JSON aus dem <script id="leaderboard-data"> holen
+    let rows = [];
+    try {
+      const parsed = JSON.parse(dataEl.textContent.trim());
+      rows = Array.isArray(parsed.rows) ? parsed.rows : [];
+    } catch (_) {}
+
+    // Sortierung: erst Model, dann Modality in Reihenfolge AV, V, A
+    const order = ['AV', 'V', 'A'];
+    rows.sort((a, b) =>
+      String(a.model).localeCompare(String(b.model)) ||
+      order.indexOf(a.modality) - order.indexOf(b.modality)
+    );
+
+    const today = new Date().toISOString().slice(0,10);
+    const fmtPct = v => (v==null || v==='') ? '—' : (Number(v).toFixed(1) + '%');
+
+    el.innerHTML = rows.map(r => `
+      <tr>
+        <td>${r.model}</td>
+        <td>${r.modality}</td>
+        <td>${fmtPct(r.Top1AccuracyinPercent)}</td>
+        <td>${fmtPct(r.Top5AccuracyinPercent)}</td>
+        <td>${r.N ?? '—'}</td>
+        <td>${r.updated ?? today}</td>
+      </tr>
+    `).join('');
+  })();
+</script>
+
 
     // Example video version toggles
     const video = document.getElementById('sampleVideo');