Spaces:
Running
Running
Update index.html
Browse files- index.html +25 -34
index.html
CHANGED
@@ -46,19 +46,19 @@
|
|
46 |
transition: all 0.3s ease;
|
47 |
}
|
48 |
|
49 |
-
.event:has(.tag.
|
50 |
-
background-color: #
|
51 |
-
border-left: 4px solid #
|
52 |
transform: scale(1.02);
|
53 |
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
|
54 |
}
|
55 |
|
56 |
-
.event:has(.tag.
|
57 |
-
background-color: #
|
58 |
-
border-left: 4px solid #
|
59 |
}
|
60 |
|
61 |
-
.event:has(.tag.
|
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.
|
83 |
-
background-color: #
|
84 |
-
color:
|
85 |
}
|
86 |
-
.tag.
|
87 |
-
background-color: #
|
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="
|
253 |
</span>
|
254 |
<span class="counter-divider">路</span>
|
255 |
<span class="counter-item">
|
256 |
-
<span id="
|
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
|
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
|
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
|
281 |
-
<span class="tag multimodal">Multimodal</span>
|
282 |
-
</div>
|
283 |
-
|
284 |
-
|
285 |
</div>
|
286 |
</div>
|
287 |
<script>
|
288 |
function updateCounts() {
|
289 |
-
const
|
290 |
-
const
|
291 |
|
292 |
-
document.getElementById('
|
293 |
-
document.getElementById('
|
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 = {
|