Update README.md

README.md

@@ -14,255 +14,204 @@ The science team at Hugging Face is dedicated to advancing machine learning rese
 This is the release timeline so far (you can click on each element!):
 
 <style>
-@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600&display=swap');
-
-.page-container {
-    width: 100%;
-    max-width: 100vw;
-    overflow-x: hidden;
-}
-
-.timeline-container {
-    max-width: 100%;
-    margin: 120px auto 40px;
-    padding: 30px;
-    overflow-x: auto;
-    font-family: 'DM Sans', sans-serif;
-    scrollbar-width: auto;
-    scrollbar-color: #888 #f1f1f1;
-}
-
-.timeline {
-    position: relative;
-    min-width: 1800px;
-}
-
-/* Rest of your existing CSS remains the same */
-.line {
-    position: absolute;
-    width: 100%;
-    height: 2px;
-    background: #333;
-    bottom: 30px;
-}
-
-.timeline-items {
-    display: flex;
-    justify-content: space-between;
-    align-items: flex-end;
-    position: relative;
-    min-height: 320px;
-}
-
-.month-marker {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    position: relative;
-    flex: 1;
-}
-
-.month-dot {
-    width: 12px;
-    height: 12px;
-    background: #000;
-    border-radius: 50%;
-    margin-bottom: -14px;
-    position: relative;
-    z-index: 1;
-}
-
-.month-label {
-    font-weight: bold;
-    margin-top: 10px;
-}
-
-.events-container {
-    position: absolute;
-    bottom: 40px;
-    left: 50%;
-    transform: translateX(-50%);
-    width: 200px;
-    text-align: left;
-}
-
-.event {
-    position: relative;
-    left: 92px;
-    margin: 8px 0;
-    font-size: 14px;
-    display: flex;
-    align-items: flex-start;
-    gap: 5px;
-    white-space: pre-wrap;
-    max-width: 135px;
-}
+body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
+.timeline-container { max-width: 1000px; margin: 20px auto; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
+.timeline-row { display: flex; margin-bottom: 20px; min-height: 120px; position: relative; }
+.timeline-row.reverse { flex-direction: row-reverse; }
+.month-box { flex: 1; padding: 10px; text-align: center; position: relative; }
+.month-arrow { width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #666; margin: 0 auto 8px; }
+.reverse .month-arrow { border-left: none; border-right: 12px solid #666; }
+.month-title { font-weight: 600; font-size: 12px; color: #666; text-transform: uppercase; margin-bottom: 8px; }
+.event-list { font-size: 11px; color: #333; }
+.event-item { margin: 3px 0; padding: 2px 4px; background: #f8f9fa; border-radius: 3px; }
+.timeline-row::before { content: ''; position: absolute; top: 12px; left: 0; right: 0; height: 1px; background: #ddd; z-index: 1; }
+.month-box { z-index: 2; background: white; }
+</style>
 
-.event img {
-    width: 20px;
-    height: 20px;
-    vertical-align: middle;
-}
+<div id="snake-timeline-container" style="max-width: 1000px; margin: 20px auto; padding: 20px; background: white; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
+Loading timeline...
+</div>
 
-.event a {
-    text-decoration: none;
+<script>
+// Release data with links
+const releases = [
+    { month: "2024-01", name: "🔥 Warming up", link: null },
+    { month: "2024-02", name: "⚙️ Nanotron Release", link: "https://github.com/huggingface/nanotron/" },
+    { month: "2024-02", name: "⛅ Lighteval Release", link: "https://github.com/huggingface/lighteval/" },
+    { month: "2024-02", name: "⚙️ Datatrove Release", link: "https://github.com/huggingface/datatrove/" },
+    { month: "2024-02", name: "⭐️ The Stack v2", link: "https://huggingface.co/datasets/bigcode/the-stack-v2" },
+    { month: "2024-02", name: "⭐️ StarCoder2", link: "https://huggingface.co/bigcode/starcoder2-15b" },
+    { month: "2024-03", name: "🪁 Zephyr Gemma", link: "https://huggingface.co/HuggingFaceH4/zephyr-7b-gemma-v0.1" },
+    { month: "2024-03", name: "🪐 Cosmopedia", link: "https://huggingface.co/datasets/HuggingFaceTB/cosmopedia" },
+    { month: "2024-04", name: "🍷 FineWeb", link: "https://huggingface.co/datasets/HuggingFaceFW/fineweb" },
+    { month: "2024-04", name: "🕵️ JAT Agent", link: "https://huggingface.co/blog/jat" },
+    { month: "2024-04", name: "🪁 Zephyr Mixtral", link: "HuggingFaceH4/zephyr-orpo-141b-A35b-v0.1" },
+    { month: "2024-04", name: "🐶 Idefics 2", link: "https://huggingface.co/HuggingFaceM4/idefics2-8bb" },
+    { month: "2024-04", name: "🏆 Community Leaderboards", link: "https://huggingface.co/blog/leaderboard-medicalllm" },
+    { month: "2024-05", name: "🦾 LeRobot Release", link: "https://github.com/huggingface/lerobot" },
+    { month: "2024-05", name: "📈 WSD Analysis", link: "https://arxiv.org/abs/2405.18392" },
+    { month: "2024-06", name: "🍷 FineWeb Report", link: "https://huggingface.co/spaces/HuggingFaceFW/blogpost-fineweb-v1f" },
+    { month: "2024-06", name: "🍷 FineWeb-Edu", link: "https://huggingface.co/datasets/HuggingFaceFW/fineweb-edu" },
+    { month: "2024-06", name: "🌺 Florence 2 Blog", link: "https://huggingface.co/blog/finetune-florence2" },
+    { month: "2024-06", name: "🏆 Open LLM Leaderboard v2", link: "https://huggingface.co/spaces/open-llm-leaderboard/blog" },
+    { month: "2024-06", name: "👩‍🏫 Stanford CS25", link: "https://www.youtube.com/watch?v=jm2hyJLFfN8" },
+    { month: "2024-07", name: "🛟 Ring attention", link: "https://x.com/Haojun_Zhao14/status/1815419356408336738" },
+    { month: "2024-07", name: "🦾 LeRobot TeleOps", link: "https://x.com/RemiCadene/status/1805583409382932620" },
+    { month: "2024-07", name: "🥇 Win AIMO", link: "https://x.com/_lewtun/status/1808898804822720769" },
+    { month: "2024-07", name: "🐶 Docmatix", link: "https://huggingface.co/blog/docmatix" },
+    { month: "2024-07", name: "🤏 SmolLM", link: "https://huggingface.co/blog/smollm" },
+    { month: "2024-08", name: "🦾 LeRobot Tutorial", link: "https://github.com/huggingface/lerobot/blob/main/examples/7_get_started_with_real_robot.md" },
+    { month: "2024-08", name: "📣 Speech-to-Speech", link: "https://github.com/huggingface/speech-to-speech" },
+    { month: "2024-08", name: "🐶 Idefics 3", link: "https://huggingface.co/HuggingFaceM4/Idefics3-8B-Llama3" },
+    { month: "2024-08", name: "🤏 Instant SmolLM", link: "https://huggingface.co/spaces/HuggingFaceTB/instant-smollm" },
+    { month: "2024-09", name: "🦾 LeRobot Video", link: "https://x.com/alibert_s/status/1828760527730082024" },
+    { month: "2024-09", name: "🎥 FineVideo", link: "https://huggingface.co/spaces/HuggingFaceFV/FineVideo-Explorer" },
+    { month: "2024-09", name: "📣 Speech-to-Speech Multilingual", link: "https://x.com/andi_marafioti/status/1830862304906268725" },
+    { month: "2024-10", name: "🔎 LLM Evaluation Guidebook", link: "https://github.com/huggingface/evaluation-guidebook" },
+    { month: "2024-10", name: "🦾 LeRobot Hackathon", link: "https://x.com/Thom_Wolf/status/1851557379294286176" },
+    { month: "2024-10", name: "🗺️ FineTasks", link: "https://huggingface.co/spaces/HuggingFaceFW/blogpost-fine-tasks" },
+    { month: "2024-10", name: "⛅ Lighteval now Multilingual", link: "https://x.com/nathanhabib1011/status/1849160216438587466" },
+    { month: "2024-11", name: "🤏 SmolLM2", link: "https://huggingface.co/HuggingFaceTB/SmolLM2-1.7B-Instruct" },
+    { month: "2024-11", name: "🤓 SmolVLM", link: "https://huggingface.co/HuggingFaceTB/SmolVLM-Instruct" },
+    { month: "2024-12", name: "🔢 Number Tokenization Blog", link: "https://huggingface.co/spaces/huggingface/number-tokenization-blog" },
+    { month: "2024-12", name: "🥂 FineWeb 2", link: "https://huggingface.co/datasets/HuggingFaceFW/fineweb-2" },
+    { month: "2024-12", name: "📈 Scaling Test Time Compute", link: "https://huggingface.co/spaces/HuggingFaceH4/blogpost-scaling-test-time-compute" },
+    { month: "2024-12", name: "🤖 Picotron", link: "https://github.com/huggingface/picotron" },
+    { month: "2024-12", name: "📐 FineMath", link: "https://huggingface.co/datasets/HuggingFaceTB/finemath" },
+    // 2025
+    { month: "2025-01", name: "🧮 Math Verify", link: "https://x.com/HKydlicek/status/1881734376696041659" },
+    { month: "2025-01", name: "🐳 Open-R1", link: "https://github.com/huggingface/open-r1" },
+    { month: "2025-01", name: "🛠️ SmolAgents", link: "https://huggingface.co/docs/smolagents" },
+    { month: "2025-02", name: "🎥 SmolVLM2", link: "https://huggingface.co/blog/smolvlm2" },
+    { month: "2025-02", name: "🪐 Ultra-Scale Playbook", link: "https://huggingface.co/spaces/nanotron/ultrascale-playbook" },
+    { month: "2025-02", name: "🐋 OpenR1-Math-220k", link: "https://huggingface.co/datasets/open-r1/OpenR1-Math-220k" },
+    { month: "2025-02", name: "🕺 DABstep", link: "https://huggingface.co/blog/dabstep" },
+    { month: "2025-02", name: "🔎 Open Deep Research", link: "https://huggingface.co/blog/open-deep-research" },
+    { month: "2025-02", name: "📝 SmolLM2 report", link: "https://huggingface.co/papers/2502.02737" },
+    { month: "2025-02", name: "🤖 Pi0 Integration", link: "https://x.com/RemiCadene/status/1886823939856589296" },
+    { month: "2025-03", name: "📄 SmolDocling", link: "https://huggingface.co/ds4sd/SmolDocling-256M-preview" },
+    { month: "2025-03", name: "🧑‍🎓 DCLM-edu", link: "https://huggingface.co/datasets/HuggingFaceTB/dclm-edu" },
+    { month: "2025-03", name: "💾 Stack-edu", link: "https://huggingface.co/datasets/HuggingFaceTB/stack-edu" },
+    { month: "2025-03", name: "🏅 Olympic Coder", link: "https://huggingface.co/open-r1/OlympicCoder-7B" },
+    { month: "2025-03", name: "🌅 Leaderboard Sunset", link: "https://x.com/clefourrier/status/1900280339613860057" },
+    { month: "2025-03", name: "🔎 Find a Leaderboard", link: "https://huggingface.co/spaces/OpenEvals/find-a-leaderboard" },
+    { month: "2025-03", name: "🚗 LeKiwi", link: "https://x.com/RemiCadene/status/1896535455325442390" },
+    { month: "2025-04", name: "🪑 YourBench", link: "https://huggingface.co/spaces/yourbench/demo" },
+    { month: "2025-04", name: "🦾 SO-101", link: "https://x.com/RemiCadene/status/1916751964807057515" },
+    { month: "2025-04", name: "🧑‍🎓 DeepLearning AI Agent Course", link: "https://x.com/DeepLearningAI/status/1915081924302839984" },
+    { month: "2025-05", name: "🤏 nanoVLM", link: "https://github.com/huggingface/nanoVLM" },
+    { month: "2025-05", name: "📝 OpenR1-Codeforces", link: "https://huggingface.co/datasets/open-r1/codeforces" },
+    { month: "2025-05", name: "🧠 Mixture of Thoughts", link: "https://huggingface.co/datasets/open-r1/Mixture-of-Thoughts" },
+    { month: "2025-05", name: "💻 Open Computer Agent", link: "https://huggingface.co/spaces/smolagents/computer-agent" },
+    { month: "2025-05", name: "🐣 Reachy Mini", link: "https://x.com/Thom_Wolf/status/1928103448970473962" },
+    { month: "2025-06", name: "🤖 LeRobot Hackathon", link: "https://x.com/RemiCadene/status/1917118988959813699" },
+    { month: "2025-06", name: "🤖 SmolVLA", link: "https://huggingface.co/collections/lerobot/smolvla-683c072ec3ef6ab0fcb87e60" },
+    { month: "2025-06", name: "🖥️ ScreenSuite", link: "https://github.com/huggingface/screensuite" }
+];
+
+
+function createSnakeTimeline() {
+    // Group by month
+    const grouped = {};
+    releases.forEach(item => {
+        if (!grouped[item.month]) grouped[item.month] = [];
+        grouped[item.month].push(item);
+    });
+    
+    const months = Object.keys(grouped).sort().reverse(); // Reverse to show latest first
+    
+    // Create rows of 4 months each
+    const rows = [];
+    for (let i = 0; i < months.length; i += 4) {
+        rows.push(months.slice(i, i + 4));
+    }
+    
+    let html = '<div style="font-family: -apple-system, BlinkMacSystemFont, \'Segoe UI\', sans-serif; position: relative;">';
+    
+    rows.forEach((row, rowIndex) => {
+        const isReverse = rowIndex % 2 === 1;
+        // For reverse rows, we need to reverse the month order, not the display order
+        const displayRow = isReverse ? [...row].reverse() : row;
+        const isLastRow = rowIndex === rows.length - 1;
+        
+        // Row container - the flex direction should always be normal
+        html += `<div style="display: flex; margin-bottom: 32px; min-height: 140px; position: relative;">`;
+        
+        // Horizontal connecting line (aligned with arrows)
+        html += `<div style="position: absolute; top: 8px; left: 0; right: 0; height: 1px; background: #e0e0e0; z-index: 1;"></div>`;
+        
+        displayRow.forEach((monthKey, monthIndex) => {
+            const [year, month] = monthKey.split('-');
+            const monthName = new Date(year, month - 1).toLocaleString('en', { month: 'short' }).toUpperCase();
+            const events = grouped[monthKey] || [];
+            const isYearMarker = month === '01';
+            
+            // Month container
+            html += `<div style="flex: 1; padding: 0 15px; text-align: center; position: relative; z-index: 2;">`;
+            
+            // Arrow (positioned to align with horizontal line) - flipped for reverse chronological order
+            const arrowStyle = isReverse 
+                ? 'width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #666; margin: 2px auto 12px;'
+                : 'width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 10px solid #666; margin: 2px auto 12px;';
+            
+            html += `<div style="${arrowStyle}"></div>`;
+            
+            // Month title
+            const titleStyle = isYearMarker 
+                ? 'font-weight: 600; font-size: 14px; color: #1a1a1a; background: #f0f0f0; padding: 4px 12px; border-radius: 12px; margin-bottom: 16px; display: inline-block;'
+                : 'font-weight: 500; font-size: 13px; color: #666; text-transform: uppercase; margin-bottom: 16px; letter-spacing: 0.5px;';
+            
+            const titleText = isYearMarker ? `${monthName} ${year}` : monthName;
+            html += `<div style="${titleStyle}">${titleText}</div>`;
+            
+            // Events
+            html += `<div style="font-size: 12px; color: #4a4a4a; max-width: 180px; margin: 0 auto; display: flex; flex-direction: column; gap: 6px;">`;
+            events.forEach(event => {
+                if (event.link && event.link !== '#') {
+                    // Clickable event with link
+                    html += `<a href="${event.link}" target="_blank" style="text-decoration: none; color: inherit;">
+                                <div style="padding: 6px 8px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; line-height: 1.4; transition: all 0.2s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.05); cursor: pointer;" onmouseover="this.style.transform='translateY(-1px)'; this.style.boxShadow='0 2px 4px rgba(0,0,0,0.1)'; this.style.background='#e3f2fd'" onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 1px 2px rgba(0,0,0,0.05)'; this.style.background='#f8f9fa'">${event.name}</div>
+                             </a>`;
+                } else {
+                    // Non-clickable event
+                    html += `<div style="padding: 6px 8px; background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; line-height: 1.4; color: #6c757d;">${event.name}</div>`;
+                }
+            });
+            html += `</div>`;
+            
+            html += `</div>`; // Close month container
+        });
+        
+        // Add vertical connector if not the last row
+        if (!isLastRow) {
+            const connectorStyle = isReverse 
+                ? 'position: absolute; width: 1px; height: calc(100% + 32px); background: #e0e0e0; top: 8px; left: 0; z-index: 1;'
+                : 'position: absolute; width: 1px; height: calc(100% + 32px); background: #e0e0e0; top: 8px; right: 0; z-index: 1;';
+            
+            html += `<div style="${connectorStyle}"></div>`;
+        }
+        
+        html += `</div>`; // Close row
+    });
+    
+    html += '</div>';
+    
+    // Insert the timeline
+    const container = document.getElementById('snake-timeline-container');
+    if (container) {
+        container.innerHTML = html;
+    }
 }
 
-.event a:hover {
-    color: #686868;
-    text-decoration: underline;
+// Run with multiple fallbacks
+setTimeout(createSnakeTimeline, 100);
+setTimeout(createSnakeTimeline, 500);
+if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', createSnakeTimeline);
+} else {
+    createSnakeTimeline();
 }
-</style>
-
-
-
-
-
-<div class="page-container">
-    <div class="timeline-container">
-        <div class="timeline">
-            <div class="line"></div>
-            <div class="timeline-items">
-                <div class="month-marker">
-                    <div class="events-container">
-                        <div class="event">🎥<a href="https://huggingface.co/blog/smolvlm2" target="_blank">SmolVLM2</a></div>
-                        <div class="event">🪐<a href="https://huggingface.co/spaces/nanotron/ultrascale-playbook" target="_blank">Ultra-Scale Playbook</a></div>
-                        <div class="event">🐋<a href="https://huggingface.co/datasets/open-r1/OpenR1-Math-220k" target="_blank">OpenR1-Math-220k</a></div>
-                        <div class="event">🕺<a href="https://huggingface.co/blog/dabstep" target="_blank">DABstep</a></div>
-                        <div class="event">🔎<a href="https://huggingface.co/blog/open-deep-research" target="_blank">Open Deep Research</a></div>
-                        <div class="event">📝<a href="https://huggingface.co/papers/2502.02737" target="_blank">SmolLM2 report</a></div>
-                    </div>
-                    <div class="month-dot"></div>
-                    <div class="month-label">Feb</div>
-              </div>
-                <div class="month-marker">
-                    <div class="events-container">
-                        <div class="event">🧮<a href="https://x.com/HKydlicek/status/1881734376696041659" target="_blank">Math Verify</a></div>
-                        <div class="event">🐳<a href="https://github.com/huggingface/open-r1" target="_blank">Open-R1</a></div>
-                        <div class="event">🛠️<a href="https://huggingface.co/docs/smolagents" target="_blank">SmolAgents</a></div>
-                    </div>
-                    <div class="month-dot"></div>
-                    <div class="month-label">Jan 2025</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🔢<a href="https://huggingface.co/spaces/huggingface/number-tokenization-blog" target="_blank">Number Tokenization Blog</a></div>
-                      <div class="event">🥂<a href="https://huggingface.co/datasets/HuggingFaceFW/fineweb-2" target="_blank">FineWeb 2</a></div>
-                      <div class="event">📈<a href="https://huggingface.co/spaces/HuggingFaceH4/blogpost-scaling-test-time-compute" target="_blank">Scaling Test Time Compute</a></div>
-                      <div class="event">🤖<a href="https://github.com/huggingface/picotron" target="_blank">Picotron</a></div>
-                      <div class="event">📐<a href="https://huggingface.co/datasets/HuggingFaceTB/finemath" target="_blank">FineMath</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Dec 2024</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🤏<a href="https://huggingface.co/HuggingFaceTB/SmolLM2-1.7B-Instruct" target="_blank">SmolLM2</a></div>
-                      <div class="event">🤓<a href="https://huggingface.co/HuggingFaceTB/SmolVLM-Instruct" target="_blank">SmolVLM</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Nov</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🔎<a href="https://github.com/huggingface/evaluation-guidebook" target="_blank">LLM Evaluation Guidebook</a></div>
-                      <div class="event">🦾<a href="https://x.com/Thom_Wolf/status/1851557379294286176" target="_blank">LeRobot Hackathon</a></div>
-                      <div class="event">🗺️<a href="https://huggingface.co/spaces/HuggingFaceFW/blogpost-fine-tasks" target="_blank">FineTasks</a></div>
-                      <div class="event">⛅<a href="https://x.com/nathanhabib1011/status/1849160216438587466" target="_blank">Lighteval now Multilingual</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Oct</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🦾<a href="https://x.com/alibert_s/status/1828760527730082024" target="_blank">LeRobot Video</a></div>
-                      <div class="event">🎥<a href="https://huggingface.co/spaces/HuggingFaceFV/FineVideo-Explorer" target="_blank">FineVideo</a></div>
-                      <div class="event">📣<a href="https://x.com/andi_marafioti/status/1830862304906268725" target="_blank">Speech-to-Speech Multilingual</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Sep</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🦾<a href="https://github.com/huggingface/lerobot/blob/main/examples/7_get_started_with_real_robot.md" target="_blank">LeRobot Tutorial</a></div>
-                      <div class="event">📣<a href="https://github.com/huggingface/speech-to-speech" target="_blank">Speech-to-Speech</a></div>
-                      <div class="event">🐶<a href="https://huggingface.co/HuggingFaceM4/Idefics3-8B-Llama3" target="_blank">Idefics 3</a></div>
-                      <div class="event">🤏<a href="https://huggingface.co/spaces/HuggingFaceTB/instant-smollm" target="_blank">Instant SmolLM</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Aug</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🛟<a href="https://x.com/Haojun_Zhao14/status/1815419356408336738" target="_blank">Ring attention</a></div>
-                      <div class="event">🦾<a href="https://x.com/RemiCadene/status/1805583409382932620" target="_blank">LeRobot TeleOps</a></div>
-                      <div class="event">🥇<a href="https://x.com/_lewtun/status/1808898804822720769" target="_blank">Win AIMO</a></div>
-                      <div class="event">🐶<a href="https://huggingface.co/blog/docmatix" target="_blank">Docmatix</a></div>
-                      <div class="event">🤏<a href="https://huggingface.co/blog/smollm" target="_blank">SmolLM</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Jul</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🍷<a href="https://huggingface.co/spaces/HuggingFaceFW/blogpost-fineweb-v1f" target="_blank">FineWeb Report</a></div>
-                      <div class="event">🍷<a href="https://huggingface.co/datasets/HuggingFaceFW/fineweb-edu" target="_blank">FineWeb-Edu</a></div>
-                      <div class="event">🌺<a href="https://huggingface.co/blog/finetune-florence2" target="_blank">Florence 2 Blog</a></div>
-                      <div class="event">🏆<a href="https://huggingface.co/spaces/open-llm-leaderboard/blog" target="_blank">Open LLM Leaderboard v2</a></div>
-                      <div class="event">👩‍🏫<a href="https://www.youtube.com/watch?v=jm2hyJLFfN8" target="_blank">Stanford CS25</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Jun</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🦾<a href="https://github.com/huggingface/lerobot" target="_blank">LeRobot Release</a></div>
-                      <div class="event">📈<a href="https://arxiv.org/abs/2405.18392" target="_blank">WSD Analysis</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">May</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🍷<a href="https://huggingface.co/datasets/HuggingFaceFW/fineweb" target="_blank">FineWeb</a></div>
-                      <div class="event">🕵️<a href="https://huggingface.co/blog/jat" target="_blank">JAT Agent</a></div>
-                      <div class="event">🪁<a href="HuggingFaceH4/zephyr-orpo-141b-A35b-v0.1" target="_blank">Zephyr Mixtral</a></div>
-                      <div class="event">🐶<a href="https://huggingface.co/HuggingFaceM4/idefics2-8bb" target="_blank">Idefics 2</a></div>
-                      <div class="event">🏆<a href="https://huggingface.co/blog/leaderboard-medicalllm" target="_blank">Community Leaderboards</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Apr</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🪁<a href="https://huggingface.co/HuggingFaceH4/zephyr-7b-gemma-v0.1" target="_blank">Zephyr Gemma</a></div>
-                      <div class="event">🪐<a href="https://huggingface.co/datasets/HuggingFaceTB/cosmopedia" target="_blank">Cosmopedia</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Mar</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">⚙️<a href="https://github.com/huggingface/nanotron/" target="_blank">Nanotron Release</a></div>
-                      <div class="event">⛅<a href="https://github.com/huggingface/lighteval/" target="_blank">Lighteval Release</a></div>
-                      <div class="event">⚙️<a href="https://github.com/huggingface/datatrove/" target="_blank">Datatrove Release</a></div>
-                      <div class="event">⭐️<a href="https://huggingface.co/datasets/bigcode/the-stack-v2" target="_blank">The Stack v2</a></div>
-                      <div class="event">⭐️<a href="https://huggingface.co/bigcode/starcoder2-15b" target="_blank">StarCoder2</a></div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Feb</div>
-              </div>
-              <div class="month-marker">
-                  <div class="events-container">
-                      <div class="event">🔥 Warming up</div>
-                  </div>
-                  <div class="month-dot"></div>
-                  <div class="month-label">Jan 2024</div>
-              </div>
-          </div>
-        </div>
-    </div>
-</div>
+</script>
 
 ### 🛠️ Tooling & Infrastructure