Upload index.html

index.html

@@ -6,19 +6,20 @@
 <title>Tiny-ML Leaderboard</title>
 <script src="https://cdn.jsdelivr.net/npm/chart.js@4"></script>
 <style>
-    :root {
-      --bg: #0d1117;
-      --card: #161b22;
-      --border: #30363d;
-      --text: #c9d1d9;
-      --accent: #58a6ff;
-      --green: #3fb950;
-      --orange: #d29922;
-      --compactai: #3fb950;
-      --supralabs: #58a6ff;
-      --axiomiclabs: #c2b6ff;
-      --mihaipopa: #93c6aa;
-    }
+:root {
+  --bg: #0d1117;
+  --card: #161b22;
+  --border: #30363d;
+  --text: #c9d1d9;
+  --accent: #58a6ff;
+  --green: #3fb950;
+  --orange: #d29922;
+  --compactai: #3fb950;
+  --supralabs: #58a6ff;
+  --axiomiclabs: #c2b6ff;
+  --mihaipopa: #93c6aa;
+  --cromia: #ffffff;
+}
     * { margin: 0; padding: 0; box-sizing: border-box; }
     body { font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; background: var(--bg); color: var(--text); padding: 2rem; }
     .container { max-width: 1200px; margin: 0 auto; }
@@ -45,11 +46,13 @@
     .org-supralabs { background: #1f6feb33; color: var(--supralabs); }
     .org-axiomiclabs { background: #8957e533; color: var(--axiomiclabs); }
     .org-mihaipopa { background: #93c6aa33; color: var(--mihaipopa); }
+    .org-cromia { background: #ffffff33; color: var(--cromia); }
 
     .row-compactai { border-left: 3px solid var(--compactai); }
     .row-supralabs { border-left: 3px solid var(--supralabs); }
     .row-axiomiclabs { border-left: 3px solid var(--axiomiclabs); }
     .row-mihaipopa { border-left: 3px solid var(--mihaipopa); }
+    .row-cromia { border-left: 3px solid var(--cromia); }
     .best { color: var(--green); font-weight: 700; }
     .na { color: #484f58; font-style: italic; }
     .links a { color: var(--accent); text-decoration: none; }
@@ -102,10 +105,11 @@
 <h2 class="section-title">Benchmark Overview</h2>
 
 <div class="legend">
-  <span class="legend-item"><span class="legend-dot" style="background:var(--compactai)"></span> CompactAI</span>
-  <span class="legend-item"><span class="legend-dot" style="background:var(--supralabs)"></span> SupraLabs</span>
-  <span class="legend-item"><span class="legend-dot" style="background:var(--axiomiclabs)"></span> Axiomic Labs</span>
-  <span class="legend-item"><span class="legend-dot" style="background:var(--mihaipopa)"></span> Mihai Popa</span>
+   <span class="legend-item"><span class="legend-dot" style="background:var(--compactai)"></span> CompactAI</span>
+   <span class="legend-item"><span class="legend-dot" style="background:var(--supralabs)"></span> SupraLabs</span>
+   <span class="legend-item"><span class="legend-dot" style="background:var(--axiomiclabs)"></span> Axiomic Labs</span>
+   <span class="legend-item"><span class="legend-dot" style="background:var(--mihaipopa)"></span> Mihai Popa</span>
+   <span class="legend-item"><span class="legend-dot" style="background:var(--cromia)"></span> CromIA</span>
 </div>
 
 <div class="chart-grid">
@@ -369,24 +373,27 @@ const models = [
 ];
 
 const orgNameMap = {
-  compactai: 'CompactAI',
-  supralabs: 'SupraLabs',
-  axiomiclabs: 'Axiomic Labs',
-  mihaipopa: 'Mihai Popa'
+    compactai: 'CompactAI',
+    supralabs: 'SupraLabs',
+    axiomiclabs: 'Axiomic Labs',
+    mihaipopa: 'Mihai Popa',
+    cromia: 'CromIA'
 };
 
 const colorMap = {
-  compactai: '#3fb950',
-  supralabs: '#58a6ff',
-  axiomiclabs: '#c2b6ff',
-  mihaipopa: '#93c6aa'
+    compactai: '#3fb950',
+    supralabs: '#58a6ff',
+    axiomiclabs: '#c2b6ff',
+    mihaipopa: '#93c6aa',
+    cromia: '#ffffff'
 };
 
 const bgMap = {
-  compactai: 'rgba(63,185,80,0.7)',
-  supralabs: 'rgba(88,166,255,0.7)',
-  axiomiclabs: 'rgba(194,182,255,0.7)',
-  mihaipopa: 'rgba(99,232,173,0.7)'
+    compactai: 'rgba(63,185,80,0.7)',
+    supralabs: 'rgba(88,166,255,0.7)',
+    axiomiclabs: 'rgba(194,182,255,0.7)',
+    mihaipopa: 'rgba(99,232,173,0.7)',
+    cromia: 'rgba(255,255,255,0.7)'
 };
 
 function getScore(m) {