openfree commited on
Commit
d6dd3b0
verified
1 Parent(s): cc95fb9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +25 -34
index.html CHANGED
@@ -46,19 +46,19 @@
46
  transition: all 0.3s ease;
47
  }
48
 
49
- .event:has(.tag.open-source) {
50
- background-color: #e8f5e9;
51
- border-left: 4px solid #4caf50;
52
  transform: scale(1.02);
53
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
54
  }
55
 
56
- .event:has(.tag.proprietary) {
57
- background-color: #fafafa;
58
- border-left: 4px solid #f44336;
59
  }
60
 
61
- .event:has(.tag.open-source):hover {
62
  transform: scale(1.03);
63
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
64
  }
@@ -79,12 +79,12 @@
79
  margin-top: 5px;
80
  margin-right: 3px;
81
  }
82
- .tag.open-source {
83
- background-color: #4caf50;
84
- color: white;
85
  }
86
- .tag.proprietary {
87
- background-color: #f44336;
88
  color: white;
89
  }
90
  .event p a {
@@ -126,8 +126,6 @@
126
  background: #555;
127
  }
128
 
129
- .tag.best { background-color: #FFD700; color: black; }
130
- .tag.new { background-color: #FF4081; color: white; }
131
  .tag.text { background-color: #9c27b0; color: white; }
132
  .tag.audio { background-color: #ff9800; color: white; }
133
  .tag.vision { background-color: #03a9f4; color: white; }
@@ -229,12 +227,10 @@
229
  <div class="filter-group">
230
  <div class="toggle-container">
231
  <button class="toggle-button active" data-filter="all">All Models</button>
232
- <button class="toggle-button" data-filter="open-source">Open Source</button>
233
- <button class="toggle-button" data-filter="proprietary">Proprietary Software</button>
234
- </div>
235
- <div class="category-group">
236
  <button class="toggle-button" data-filter="best">BEST</button>
237
  <button class="toggle-button" data-filter="new">NEW</button>
 
 
238
  <button class="toggle-button" data-filter="text">Text</button>
239
  <button class="toggle-button" data-filter="audio">Audio</button>
240
  <button class="toggle-button" data-filter="vision">Vision</button>
@@ -249,48 +245,43 @@
249
  </div>
250
  <div class="counter-container">
251
  <span class="counter-item">
252
- <span id="open-source-count">0</span> Open Source
253
  </span>
254
  <span class="counter-divider">路</span>
255
  <span class="counter-item">
256
- <span id="proprietary-count">0</span> Proprietary Software
257
  </span>
258
  </div>
259
  <div class="timeline">
260
  <div class="month">
261
  <h3>Latest Models</h3>
262
  <div class="event">
263
-
264
  <h4>OpenBMB PRIME</h4>
265
  <p>o1 like Eurus 2 7B (<a href="https://huggingface.co/PRIME-RL/Eurus-2-7B-PRIME" target="_blank">link</a>).</p>
266
- <span class="tag open-source">Open Source</span>
267
  <span class="tag text">Text</span>
268
  </div>
269
-
270
  <div class="event">
271
  <h4>Nvidia Cosmos</h4>
272
  <p>Diffusion + Autoregressive World Models (<a href="https://huggingface.co/collections/nvidia/cosmos-6751e884dc10e013a0a0d8e6" target="_blank">link</a>).</p>
273
- <span class="tag open-source">BEST</span>
274
  <span class="tag multimodal">Multimodal</span>
275
  </div>
276
-
277
  <div class="event">
278
  <h4>Moondream2</h4>
279
  <p>Moondream2 w/ Gaze Detection (<a href="https://huggingface.co/vikhyatk/moondream2" target="_blank">link</a>).</p>
280
- <span class="tag open-source">NEW</span>
281
- <span class="tag multimodal">Multimodal</span>
282
- </div>
283
-
284
-
285
  </div>
286
  </div>
287
  <script>
288
  function updateCounts() {
289
- const openSourceCount = document.querySelectorAll('.tag.open-source').length;
290
- const proprietaryCount = document.querySelectorAll('.tag.proprietary').length;
291
 
292
- document.getElementById('open-source-count').textContent = openSourceCount;
293
- document.getElementById('proprietary-count').textContent = proprietaryCount;
294
  }
295
 
296
  let currentFilters = {
 
46
  transition: all 0.3s ease;
47
  }
48
 
49
+ .event:has(.tag.best) {
50
+ background-color: #fff8e1;
51
+ border-left: 4px solid #ffd700;
52
  transform: scale(1.02);
53
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
54
  }
55
 
56
+ .event:has(.tag.new) {
57
+ background-color: #fce4ec;
58
+ border-left: 4px solid #ff4081;
59
  }
60
 
61
+ .event:has(.tag.best):hover {
62
  transform: scale(1.03);
63
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
64
  }
 
79
  margin-top: 5px;
80
  margin-right: 3px;
81
  }
82
+ .tag.best {
83
+ background-color: #FFD700;
84
+ color: black;
85
  }
86
+ .tag.new {
87
+ background-color: #FF4081;
88
  color: white;
89
  }
90
  .event p a {
 
126
  background: #555;
127
  }
128
 
 
 
129
  .tag.text { background-color: #9c27b0; color: white; }
130
  .tag.audio { background-color: #ff9800; color: white; }
131
  .tag.vision { background-color: #03a9f4; color: white; }
 
227
  <div class="filter-group">
228
  <div class="toggle-container">
229
  <button class="toggle-button active" data-filter="all">All Models</button>
 
 
 
 
230
  <button class="toggle-button" data-filter="best">BEST</button>
231
  <button class="toggle-button" data-filter="new">NEW</button>
232
+ </div>
233
+ <div class="category-group">
234
  <button class="toggle-button" data-filter="text">Text</button>
235
  <button class="toggle-button" data-filter="audio">Audio</button>
236
  <button class="toggle-button" data-filter="vision">Vision</button>
 
245
  </div>
246
  <div class="counter-container">
247
  <span class="counter-item">
248
+ <span id="best-count">0</span> BEST
249
  </span>
250
  <span class="counter-divider">路</span>
251
  <span class="counter-item">
252
+ <span id="new-count">0</span> NEW
253
  </span>
254
  </div>
255
  <div class="timeline">
256
  <div class="month">
257
  <h3>Latest Models</h3>
258
  <div class="event">
 
259
  <h4>OpenBMB PRIME</h4>
260
  <p>o1 like Eurus 2 7B (<a href="https://huggingface.co/PRIME-RL/Eurus-2-7B-PRIME" target="_blank">link</a>).</p>
261
+ <span class="tag best">BEST</span>
262
  <span class="tag text">Text</span>
263
  </div>
 
264
  <div class="event">
265
  <h4>Nvidia Cosmos</h4>
266
  <p>Diffusion + Autoregressive World Models (<a href="https://huggingface.co/collections/nvidia/cosmos-6751e884dc10e013a0a0d8e6" target="_blank">link</a>).</p>
267
+ <span class="tag best">BEST</span>
268
  <span class="tag multimodal">Multimodal</span>
269
  </div>
 
270
  <div class="event">
271
  <h4>Moondream2</h4>
272
  <p>Moondream2 w/ Gaze Detection (<a href="https://huggingface.co/vikhyatk/moondream2" target="_blank">link</a>).</p>
273
+ <span class="tag new">NEW</span>
274
+ <span class="tag multimodal">Multimodal</span>
275
+ </div>
 
 
276
  </div>
277
  </div>
278
  <script>
279
  function updateCounts() {
280
+ const bestCount = document.querySelectorAll('.tag.best').length;
281
+ const newCount = document.querySelectorAll('.tag.new').length;
282
 
283
+ document.getElementById('best-count').textContent = bestCount;
284
+ document.getElementById('new-count').textContent = newCount;
285
  }
286
 
287
  let currentFilters = {