Update index.html

index.html

@@ -46,19 +46,19 @@
       transition: all 0.3s ease;
     }
     
-    .event:has(.tag.open-source) {
-      background-color: #e8f5e9;
-      border-left: 4px solid #4caf50;
+    .event:has(.tag.best) {
+      background-color: #fff8e1;
+      border-left: 4px solid #ffd700;
       transform: scale(1.02);
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
     }
     
-    .event:has(.tag.proprietary) {
-      background-color: #fafafa;
-      border-left: 4px solid #f44336;
+    .event:has(.tag.new) {
+      background-color: #fce4ec;
+      border-left: 4px solid #ff4081;
     }
     
-    .event:has(.tag.open-source):hover {
+    .event:has(.tag.best):hover {
       transform: scale(1.03);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
     }
@@ -79,12 +79,12 @@
       margin-top: 5px;
       margin-right: 3px;
     }
-    .tag.open-source {
-      background-color: #4caf50;
-      color: white;
+    .tag.best {
+      background-color: #FFD700;
+      color: black;
     }
-    .tag.proprietary {
-      background-color: #f44336;
+    .tag.new {
+      background-color: #FF4081;
       color: white;
     }
     .event p a {
@@ -126,8 +126,6 @@
       background: #555;
     }
 
-    .tag.best { background-color: #FFD700; color: black; }
-    .tag.new { background-color: #FF4081; color: white; }
     .tag.text { background-color: #9c27b0; color: white; }
     .tag.audio { background-color: #ff9800; color: white; }
     .tag.vision { background-color: #03a9f4; color: white; }
@@ -229,12 +227,10 @@
   <div class="filter-group">
     <div class="toggle-container">
       <button class="toggle-button active" data-filter="all">All Models</button>
-      <button class="toggle-button" data-filter="open-source">Open Source</button>
-      <button class="toggle-button" data-filter="proprietary">Proprietary Software</button>
-    </div>
-    <div class="category-group">
       <button class="toggle-button" data-filter="best">BEST</button>
       <button class="toggle-button" data-filter="new">NEW</button>
+    </div>
+    <div class="category-group">
       <button class="toggle-button" data-filter="text">Text</button>
       <button class="toggle-button" data-filter="audio">Audio</button>
       <button class="toggle-button" data-filter="vision">Vision</button>
@@ -249,48 +245,43 @@
   </div>
   <div class="counter-container">
     <span class="counter-item">
-      <span id="open-source-count">0</span> Open Source
+      <span id="best-count">0</span> BEST
     </span>
     <span class="counter-divider">·</span>
     <span class="counter-item">
-      <span id="proprietary-count">0</span> Proprietary Software
+      <span id="new-count">0</span> NEW
     </span>
   </div>
   <div class="timeline">
     <div class="month">
       <h3>Latest Models</h3>
       <div class="event">
-        
         <h4>OpenBMB PRIME</h4>
         <p>o1 like Eurus 2 7B (<a href="https://huggingface.co/PRIME-RL/Eurus-2-7B-PRIME" target="_blank">link</a>).</p>
-        <span class="tag open-source">Open Source</span>
+        <span class="tag best">BEST</span>
         <span class="tag text">Text</span>
       </div>
-      
       <div class="event">
         <h4>Nvidia Cosmos</h4>
         <p>Diffusion + Autoregressive World Models (<a href="https://huggingface.co/collections/nvidia/cosmos-6751e884dc10e013a0a0d8e6" target="_blank">link</a>).</p>
-        <span class="tag open-source">BEST</span>
+        <span class="tag best">BEST</span>
         <span class="tag multimodal">Multimodal</span>
       </div>
-      
       <div class="event">
         <h4>Moondream2</h4>
         <p>Moondream2 w/ Gaze Detection (<a href="https://huggingface.co/vikhyatk/moondream2" target="_blank">link</a>).</p>
-        <span class="tag open-source">NEW</span>
-        <span class="tag multimodal">Multimodal</span>  
-      </div>   
-
-      
+        <span class="tag new">NEW</span>
+        <span class="tag multimodal">Multimodal</span>
+      </div>      
     </div>
   </div>
   <script>
     function updateCounts() {
-      const openSourceCount = document.querySelectorAll('.tag.open-source').length;
-      const proprietaryCount = document.querySelectorAll('.tag.proprietary').length;
+      const bestCount = document.querySelectorAll('.tag.best').length;
+      const newCount = document.querySelectorAll('.tag.new').length;
       
-      document.getElementById('open-source-count').textContent = openSourceCount;
-      document.getElementById('proprietary-count').textContent = proprietaryCount;
+      document.getElementById('best-count').textContent = bestCount;
+      document.getElementById('new-count').textContent = newCount;
     }
 
     let currentFilters = {