Update index.html
Browse files- index.html +11 -7
index.html
CHANGED
@@ -225,16 +225,19 @@
|
|
225 |
`,
|
226 |
6: `
|
227 |
<h2>33 Months of Models, per Task</h2>
|
228 |
-
<p>Over the last 33 months,
|
229 |
<div class="responsive-iframe-container">
|
230 |
<button onclick="toggleBrowserFullscreen(this.parentElement)" style="position: absolute; top: 10px; right: 10px; z-index: 10; padding: 8px; background: rgba(0,0,0,0.6); color: white; border: none; border-radius: 4px; cursor: pointer;">⛶</button>
|
231 |
<iframe src="https://aiworld.eu/embed/model/pipeline/racechart2" allowfullscreen></iframe>
|
232 |
-
</div>
|
|
|
233 |
7: `
|
234 |
-
<h2>
|
235 |
-
<
|
236 |
-
|
237 |
-
|
|
|
|
|
238 |
8: `
|
239 |
<h2>Day 8</h2>
|
240 |
<p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
|
@@ -336,6 +339,7 @@
|
|
336 |
4: "🚀<br>Zero to One (Million Models)",
|
337 |
5: "🤗<br>What your likes say about you?",
|
338 |
6: "🏷️<br>Tasks on tasks on tasks",
|
|
|
339 |
// Add more custom labels as needed
|
340 |
// 3: "Custom Text",
|
341 |
// 4: "Another Label",
|
@@ -371,7 +375,7 @@
|
|
371 |
|
372 |
// Handle card clicks
|
373 |
const cards = document.querySelectorAll('.card');
|
374 |
-
const activeDays = [1,2,3,4
|
375 |
|
376 |
cards.forEach(card => {
|
377 |
const day = parseInt(card.dataset.day);
|
|
|
225 |
`,
|
226 |
6: `
|
227 |
<h2>33 Months of Models, per Task</h2>
|
228 |
+
<p>Over the last 33 months, more than 1.1M models have been created for 53 specialized tasks. Watch until the end to see which task reigns supreme. 👀 <em>(Hint: this task makes up nearly half the models on the Hub.)</em></p>
|
229 |
<div class="responsive-iframe-container">
|
230 |
<button onclick="toggleBrowserFullscreen(this.parentElement)" style="position: absolute; top: 10px; right: 10px; z-index: 10; padding: 8px; background: rgba(0,0,0,0.6); color: white; border: none; border-radius: 4px; cursor: pointer;">⛶</button>
|
231 |
<iframe src="https://aiworld.eu/embed/model/pipeline/racechart2" allowfullscreen></iframe>
|
232 |
+
</div>
|
233 |
+
`,
|
234 |
7: `
|
235 |
+
<h2>The global top 500 model creators on the Hub</h2>
|
236 |
+
<div class="responsive-iframe-container">
|
237 |
+
<button onclick="toggleBrowserFullscreen(this.parentElement)" style="position: absolute; top: 10px; right: 10px; z-index: 10; padding: 8px; background: rgba(0,0,0,0.6); color: white; border: none; border-radius: 4px; cursor: pointer;">⛶</button>
|
238 |
+
<iframe src="https://aiworld.eu/embed/map_country_data" allowfullscreen></iframe>
|
239 |
+
</div>
|
240 |
+
`,
|
241 |
8: `
|
242 |
<h2>Day 8</h2>
|
243 |
<p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
|
|
|
339 |
4: "🚀<br>Zero to One (Million Models)",
|
340 |
5: "🤗<br>What your likes say about you?",
|
341 |
6: "🏷️<br>Tasks on tasks on tasks",
|
342 |
+
7: "🌍<br>Global top 500 model creators",
|
343 |
// Add more custom labels as needed
|
344 |
// 3: "Custom Text",
|
345 |
// 4: "Another Label",
|
|
|
375 |
|
376 |
// Handle card clicks
|
377 |
const cards = document.querySelectorAll('.card');
|
378 |
+
const activeDays = [1,2,3,4,,7]; // Add the day numbers you want to highlight
|
379 |
|
380 |
cards.forEach(card => {
|
381 |
const day = parseInt(card.dataset.day);
|