Update index.html

index.html

@@ -179,7 +179,7 @@
             <ul style="list-style-type: none; padding-left: 0;">
                 <li>✦ <a href="https://huggingface.co/posts/clem/703679306559358" style="color: inherit; text-decoration: underline;" target="_blank">Hugging Face</a></li>
                 <li>✦ <a href="https://x.com/ClementDelangue/status/1863576648253091934" style="color: inherit; text-decoration: underline;" target="_blank">X</a></li>
-                <li>✦ <a href="https://www.linkedin.com/feed/update/urn:li:activity:7269341028799725568" style="color: inherit; text-decoration: underline;" target="_blank">LinkedIn</a></li>
+                <li>✦ <a href="https://www.linkedin.com/in/clementdelangue/" style="color: inherit; text-decoration: underline;" target="_blank">LinkedIn</a></li>
                 <li>✦ <a href="https://bsky.app/profile/clem.hf.co/post/3lcdceiv7vk2h" style="color: inherit; text-decoration: underline;"  target="_blank">Bluesky</a></li>
             </ul>
     `,
@@ -193,13 +193,17 @@
         </div>
     `,
     3: `
-        <h2>Day 3</h2>
-        <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
-        <img src="/images/day3-teaser.png" style="width: 100%; margin: 20px 0;">
+        <h2>Fast & Furious model releases</h2>
+        <p>This race chart shows model development over the last 48 weeks, with Meta (US), Stability (UK) and Black Forest Labs (GER) leading in quantity.</p>
+        <div class="responsive-iframe-container">
+            <button onclick="toggleFullscreen(this.nextElementSibling)" 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/model/author/racechart" allowfullscreen></iframe>
+        </div>
     `,
     4: `
         <h2>Day 4</h2>
-        <p>Like the space to be notified when we release the next data 🤗</p>
+        <p>Wondering what tomorrow’s visualization will be? Like the space to get notified when we reveal it 🤗</p>
+        <img src="/images/day3-teaser.png" style="width: 100%; margin: 20px 0;">
     `,
     5: `
         <h2>Day 5</h2>
@@ -294,6 +298,7 @@
         const cardLabels = {
             1: "🔮<br>Clem's2025 predictions",
             2: "❤️<br>Most liked & downloaded models",
+            3: "🏎️<br>Fast & Furious model releases",
             // Add more custom labels as needed
             // 3: "Custom Text",
             // 4: "Another Label",
@@ -319,6 +324,7 @@
                 <div class="card-content">
                     ${cardContents[i]}
                     <div style="margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee;">
+                        <p><em style="font-size: 0.8em;">💡Tip: Click the small square icon in the top right corner to access full screen view!</em></p>
                         <p style="font-size: 0.8em;">🔗 Share this card: <a href="${getCardLink(i)}" onclick="event.stopPropagation();">${getCardLink(i)}</a></p>
                     </div>
                 </div>
@@ -328,7 +334,7 @@
 
         // Handle card clicks
         const cards = document.querySelectorAll('.card');
-        const activeDays = [1,2]; // Add the day numbers you want to highlight
+        const activeDays = [1,2,3]; // Add the day numbers you want to highlight
 
         cards.forEach(card => {
             const day = parseInt(card.dataset.day);