Update index.html

index.html

@@ -46,7 +46,6 @@
       transition: all 0.3s ease;
     }
     
-    /* Make category-1 events more prominent */
     .event:has(.tag.open-source) {
       background-color: #e8f5e9;
       border-left: 4px solid #4caf50;
@@ -54,13 +53,11 @@
       box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
     }
     
-    /* Slightly dim category-2 events */
-    .event:has(.tag.api-only) {
+    .event:has(.tag.proprietary) {
       background-color: #fafafa;
       border-left: 4px solid #f44336;
     }
     
-    /* Hover effects */
     .event:has(.tag.open-source):hover {
       transform: scale(1.03);
       box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
@@ -85,10 +82,14 @@
       background-color: #4caf50;
       color: white;
     }
-    .tag.api-only {
+    .tag.proprietary {
       background-color: #f44336;
       color: white;
     }
+    .tag.link {
+      background-color: #2196f3;
+      color: white;
+    }
     .event p a {
       color: #4caf50;
       text-decoration: none;
@@ -110,7 +111,7 @@
     .github-link a:hover {
       text-decoration: underline;
     }
-    /* Scrollbar styles */
+    
     body::-webkit-scrollbar {
       height: 8px;
     }
@@ -220,8 +221,8 @@
   <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 Weights</button>
-      <button class="toggle-button" data-filter="api-only">API Only</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="dropdown-filters">
       <select id="modalityFilter" onchange="filterByModality(this.value)">
@@ -244,7 +245,7 @@
     </span>
     <span class="counter-divider">·</span>
     <span class="counter-item">
-      <span id="api-only-count">0</span> API Only
+      <span id="proprietary-count">0</span> Proprietary Software
     </span>
   </div>
   <div class="timeline">
@@ -252,31 +253,34 @@
       <h3>January 2025</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">open weights</a>).</p>
-        <span class="tag open-source">Open Weights</span>
+        <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 text">Text</span>
+        <span class="tag link">Link</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">open weights</a>).</p>
-        <span class="tag open-source">Open Weights</span>
+        <p>Diffusion + Autoregressive World Models (<a href="https://huggingface.co/collections/nvidia/cosmos-6751e884dc10e013a0a0d8e6" target="_blank">link</a>).</p>
+        <span class="tag open-source">Open Source</span>
         <span class="tag multimodal">Multimodal</span>
+        <span class="tag link">Link</span>
       </div>
       <div class="event">
         <h4>Moondream2</h4>
-        <p>Moondream2 w/ Gaze Detection (<a href="https://huggingface.co/vikhyatk/moondream2" target="_blank">open weights</a>).</p>
-        <span class="tag open-source">Open Weights</span>
+        <p>Moondream2 w/ Gaze Detection (<a href="https://huggingface.co/vikhyatk/moondream2" target="_blank">link</a>).</p>
+        <span class="tag open-source">Open Source</span>
         <span class="tag multimodal">Multimodal</span>
+        <span class="tag link">Link</span>
       </div>      
     </div>
   </div>
   <script>
     function updateCounts() {
       const openSourceCount = document.querySelectorAll('.tag.open-source').length;
-      const apiOnlyCount = document.querySelectorAll('.tag.api-only').length;
+      const proprietaryCount = document.querySelectorAll('.tag.proprietary').length;
       
       document.getElementById('open-source-count').textContent = openSourceCount;
-      document.getElementById('api-only-count').textContent = apiOnlyCount;
+      document.getElementById('proprietary-count').textContent = proprietaryCount;
     }
 
     let currentFilters = {
@@ -296,7 +300,6 @@
     }
 
     function filterEvents(category) {
-      // Update button states
       const buttons = document.querySelectorAll('.toggle-button');
       buttons.forEach(button => {
         button.classList.remove('active');
@@ -325,7 +328,6 @@
         event.style.display = (matchesCategory && matchesModality && matchesType) ? 'block' : 'none';
       });
 
-      // Check for empty months and hide them
       const months = document.querySelectorAll('.month');
       months.forEach(month => {
         const visibleEvents = Array.from(month.querySelectorAll('.event')).filter(event => 
@@ -337,7 +339,6 @@
       updateCounts();
     }
 
-    // Update event listeners when the page loads
     document.addEventListener('DOMContentLoaded', function() {
       const buttons = document.querySelectorAll('.toggle-button');
       buttons.forEach(button => {
@@ -349,4 +350,4 @@
     });
   </script>
 </body>
-</html> 
+</html>