Update index.html

index.html

@@ -373,6 +373,14 @@
             <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>
             <iframe src="https://aiworld.eu/embed/api/model/model/racechart" allowfullscreen></iframe>
         </div>
+    `,
+    25: `
+        <h2>The AI Elo Tree: Top Open Source Models of 2024</h2>
+        <p>A festive ranking of the most competitive open source models on Hugging Face. Each box shows a model's position, from #1 at the top to #21 at the base.</p>
+        <div class="responsive-iframe-container">
+            <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>
+            <iframe src="http://aiworld.eu/embed/api/model/model/christmas-tree" allowfullscreen></iframe>
+        </div>
     `
 };
 
@@ -407,14 +415,15 @@
             21: "🔄<br>The Circle of Sharing",
             22: "⭐<br>December Stars",
             23: "🌍<br>Mapping AI's Languages",
-            24: "🏆<br>The Open Source AI Race"
+            24: "🏆<br>The Open Source AI Race",
+            25: "🎄<br>The AI Elo Tree"
             // Add more custom labels as needed
             // 3: "Custom Text",
             // 4: "Another Label",
         };
 
         // Modify the card creation loop
-        for (let i = 1; i <= 24; i++) {
+        for (let i = 1; i <= 25; i++) {
             const card = document.createElement('div');
             card.className = 'card';
             card.dataset.day = i;
@@ -443,7 +452,7 @@
 
         // Handle card clicks
         const cards = document.querySelectorAll('.card');
-        const activeDays = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]; // Add the day numbers you want to highlight
+        const activeDays = [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]; // Add the day numbers you want to highlight
 
         cards.forEach(card => {
             const day = parseInt(card.dataset.day);