Spaces:

reach-vb
/

2024-ai-timeline

Running

App Files Files Community

Update index.html

by reach-vb HF Staff - opened Dec 31, 2024

base: refs/heads/main

←

from: refs/pr/1

Discussion Files changed

+767

-18

Files changed (1) hide show

index.html +767 -18

index.html CHANGED Viewed

@@ -1,19 +1,768 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
 </html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>AI Model Release Timeline - 2024</title>
+  <style>
+    body {
+      font-family: 'Arial', sans-serif;
+      background-color: #f4f4f9;
+      color: #333;
+      margin: 0;
+      padding: 0;
+      overflow-x: auto;
+    }
+    .timeline {
+      display: flex;
+      flex-direction: row;
+      padding: 20px;
+      gap: 10px;
+      overflow-x: auto;
+    }
+    .month {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      min-width: 200px;
+    }
+    .month h3 {
+      margin: 0;
+      padding: 10px;
+      background-color: #6200ea;
+      color: white;
+      border-radius: 5px;
+      text-align: center;
+    }
+    .event {
+      background-color: white;
+      padding: 10px;
+      border-radius: 5px;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+      position: relative;
+      transition: all 0.3s ease;
+    }
+    /* Make open source events more prominent */
+    .event:has(.tag.open-source) {
+      background-color: #e8f5e9;  /* Light green background */
+      border-left: 4px solid #4caf50;
+      transform: scale(1.02);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
+    }
+    /* Slightly dim API-only events */
+    .event:has(.tag.api-only) {
+      background-color: #fafafa;
+      border-left: 4px solid #f44336;
+    }
+    /* Hover effects */
+    .event:has(.tag.open-source):hover {
+      transform: scale(1.03);
+      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
+    }
+    .event h4 {
+      margin: 0;
+      font-size: 14px;
+    }
+    .event p {
+      margin: 5px 0 0;
+      font-size: 12px;
+      color: #666;
+    }
+    .tag {
+      display: inline-block;
+      padding: 2px 5px;
+      font-size: 10px;
+      border-radius: 3px;
+      margin-top: 5px;
+    }
+    .tag.open-source {
+      background-color: #4caf50;
+      color: white;
+    }
+    .tag.api-only {
+      background-color: #f44336;
+      color: white;
+    }
+    .event p a {
+      color: #4caf50;
+      text-decoration: none;
+    }
+    .event p a:hover {
+      text-decoration: underline;
+    }
+    .toggle-container {
+      display: flex;
+      justify-content: center;
+      padding: 20px;
+      gap: 10px;
+    }
+    .toggle-button {
+      padding: 8px 16px;
+      border: none;
+      border-radius: 5px;
+      cursor: pointer;
+      font-size: 14px;
+      transition: background-color 0.3s;
+    }
+    .toggle-button.active {
+      color: white;
+    }
+    .toggle-button.open-source {
+      background-color: #e8f5e9;
+      border: 1px solid #4caf50;
+      color: #4caf50;
+    }
+    .toggle-button.open-source.active {
+      background-color: #4caf50;
+    }
+    .toggle-button.api-only {
+      background-color: #ffebee;
+      border: 1px solid #f44336;
+      color: #f44336;
+    }
+    .toggle-button.api-only.active {
+      background-color: #f44336;
+    }
+    .toggle-button.show-all {
+      background-color: #e3f2fd;
+      border: 1px solid #2196f3;
+      color: #2196f3;
+    }
+    .toggle-button.show-all.active {
+      background-color: #2196f3;
+    }
+  </style>
+</head>
+<body>
+  <div class="toggle-container">
+    <button class="toggle-button show-all active" onclick="filterEvents('all')">Show All</button>
+    <button class="toggle-button open-source" onclick="filterEvents('open-source')">Open Weights Only</button>
+    <button class="toggle-button api-only" onclick="filterEvents('api-only')">API Only</button>
+  </div>
+  <div class="timeline">
+    <!-- February 2024 -->
+    <div class="month">
+      <h3>February 2024</h3>
+      <div class="event">
+        <h4>Stable Diffusion 3</h4>
+        <p>Stability AI announces Stable Diffusion 3 (later <a href="https://huggingface.co/collections/stabilityai/stable-diffusion-3-666992fb11f5d8d0ec8192e8" target="_blank">open weightsd</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Gemini Pro</h4>
+        <p>Google upgrades Bard to Gemini Pro model.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemini Pro 1.5</h4>
+        <p>Google announces Gemini Pro 1.5 with multimodal capabilities.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>CodeGemma</h4>
+        <p>Google announces CodeGemma for code generation (<a href="https://huggingface.co/collections/google/codegemma-release-66152ac7b683e2667abdee11" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Sora</h4>
+        <p>OpenAI announces Sora for video generation (not released to public).</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+    <!-- March 2024 -->
+    <div class="month">
+      <h3>March 2024</h3>
+      <div class="event">
+        <h4>Grok 1.5</h4>
+        <p>X Corporation announces Grok 1.5 ( & Grok-1 <a href="https://huggingface.co/xai-org/grok-1" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Claude 3</h4>
+        <p>Anthropic announces Claude 3, outperforming GPT-4.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Suno v3</h4>
+        <p>Suno AI releases Suno v3 for music creation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+    <!-- April 2024 -->
+    <div class="month">
+      <h3>April 2024</h3>
+      <div class="event">
+        <h4>Stable Audio 2.0</h4>
+        <p>Stability AI releases Stable Audio 2.0 (<a href="https://huggingface.co/stabilityai/stable-audio-open-1.0" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Grok-1.5V</h4>
+        <p>X Corporation releases Grok-1.5V with image recognition.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Mixtral 8x22B</h4>
+        <p>Mistral releases Mixtral 8x22B (<a href="https://huggingface.co/mistralai/Mixtral-8x22B-Instruct-v0.1" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>LLaMA 3</h4>
+        <p>Meta releases LLaMA 3 (<a href="https://huggingface.co/collections/meta-llama/meta-llama-3-66214712577ca38149ebb2b6" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Phi-3-mini</h4>
+        <p>Microsoft releases Phi-3-mini (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Firefly 3</h4>
+        <p>Adobe announces Firefly 3 for image creation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Reka AI Models</h4>
+        <p>Reka AI presents multimodal language models.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>OpenELM</h4>
+        <p>Apple releases OpenELM (<a href="https://huggingface.co/collections/apple/openelm-instruct-models-6619ad295d7ae9f868b759ca" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+    </div>
+    <!-- May 2024 -->
+    <div class="month">
+      <h3>May 2024</h3>
+      <div class="event">
+        <h4>GPT-4o</h4>
+        <p>OpenAI announces GPT-4o with multimodal capabilities.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemini 1.5</h4>
+        <p>Google increases token limit to 2 million for Gemini 1.5.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Copilot+</h4>
+        <p>Microsoft announces Copilot+ for dedicated computers.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Chameleon</h4>
+        <p>Meta introduces Chameleon, a multimodal model later <a href="https://huggingface.co/collections/facebook/chameleon-668da9663f80d483b4c61f58" target="_blank">open weightsd</a>.</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Mistral-7B-Instruct-v0.3</h4>
+        <p>Mistral AI releases Mistral-7B-Instruct-v0.3 (<a href="https://huggingface.co/mistralai/Mistral-7B-Instruct-v0.3" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>AI Overviews</h4>
+        <p>Google announces AI Overviews for search summaries.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Suno v3.5</h4>
+        <p>Suno AI releases Suno v3.5 for music creation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Codestral</h4>
+        <p>Mistral AI releases Codestral (<a href="https://huggingface.co/mistralai/Codestral-22B-v0.1" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+    </div>
+    <!-- June 2024 -->
+    <div class="month">
+      <h3>June 2024</h3>
+      <div class="event">
+        <h4>Stable Diffusion 3 (Medium)</h4>
+        <p>Stability AI releases Stable Diffusion 3 in medium version (<a href="https://huggingface.co/collections/stabilityai/stable-diffusion-3-666992fb11f5d8d0ec8192e8" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Apple Intelligence</h4>
+        <p>Apple announces Apple Intelligence for its devices.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>DeepSeekCoderV2</h4>
+        <p>DeepSeekAI publishes DeepSeekCoderV2 (<a href="https://huggingface.co/collections/deepseek-ai/deepseekcoder-v2-666bf4b274a5f556827ceeca" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Gen3 Alpha</h4>
+        <p>Runway introduces Gen3 Alpha for video generation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Claude Sonnet 3.5</h4>
+        <p>Anthropic releases Claude Sonnet 3.5.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Florence 2</h4>
+        <p>Microsoft releases Florence 2 (<a href="https://huggingface.co/collections/microsoft/florence-6669f44df0d87d9c3bfb76de" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Gemma 2</h4>
+        <p>Google announces Gemma 2 (<a href="https://huggingface.co/collections/google/gemma-2-release-667d6600fd5220e7b967f315" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+    </div>
+    <!-- July 2024 -->
+    <div class="month">
+      <h3>July 2024</h3>
+      <div class="event">
+        <h4>GPT-4o mini</h4>
+        <p>OpenAI releases GPT-4o mini.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Llama 3.1</h4>
+        <p>Meta releases Llama 3.1 (<a href="https://huggingface.co/collections/meta-llama/llama-31-669fc079a0c406a149a5738f" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Codestral Mamba</h4>
+        <p>Mistral AI releases Codestral Mamba (<a href="https://huggingface.co/mistralai/Mamba-Codestral-7B-v0.1" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>AlphaProof & AlphaGeometry 2</h4>
+        <p>Google DeepMind unveils AlphaProof and AlphaGeometry 2.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>SearchGPT</h4>
+        <p>OpenAI launches SearchGPT.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Udio v1.5</h4>
+        <p>Startup Udio releases Udio v1.5.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Mistral Large 2</h4>
+        <p>Mistral AI releases Mistral Large 2.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Midjourney v6.1</h4>
+        <p>Midjourney v6.1 is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemma 2 2B</h4>
+        <p>Google releases Gemma 2 2B (<a href="https://huggingface.co/google/gemma-2b" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+    </div>
+    <!-- August 2024 -->
+    <div class="month">
+      <h3>August 2024</h3>
+      <div class="event">
+        <h4>Flux</h4>
+        <p>Black Forest Labs releases Flux (<a href="https://huggingface.co/black-forest-labs" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>GPT-4o 0806</h4>
+        <p>OpenAI releases GPT-4o 0806.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Imagen 3</h4>
+        <p>Google releases Imagen 3.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Grok 2 & Grok 2 mini</h4>
+        <p>xAI Corporation launches Grok 2 and Grok 2 mini.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Phi 3.5</h4>
+        <p>Microsoft introduces Phi 3.5 (<a href="https://huggingface.co/collections/microsoft/phi-3-6626e15e9585a200d2d761e3" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Gemini 1.5 Flash8B</h4>
+        <p>Google introduces Gemini 1.5 Flash8B.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Ideogram 2.0</h4>
+        <p>Ideogram 2.0 is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Dream Machine 1.5</h4>
+        <p>Luma unveils Dream Machine 1.5.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+    <!-- September 2024 -->
+    <div class="month">
+      <h3>September 2024</h3>
+      <div class="event">
+        <h4>OLMoE</h4>
+        <p>Allen AI open sources OLMoE (<a href="https://huggingface.co/collections/allenai/olmoe-66cf678c047657a30c8cd3da" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Pixtral12B</h4>
+        <p>Mistral introduces Pixtral12B (<a href="https://huggingface.co/mistralai/Pixtral-12B-2409" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>o1 preview & o1 mini</h4>
+        <p>OpenAI releases o1 preview and o1 mini.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Qwen 2.5</h4>
+        <p>Alibaba releases Qwen 2.5 (<a href="https://huggingface.co/collections/Qwen/qwen25-66e81a666513e518adb90d9e" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>KLING 1.5</h4>
+        <p>KLING 1.5 is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>GPT4o Advanced Voice Mode</h4>
+        <p>OpenAI launches GPT4o Advanced Voice Mode.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Llama 3.2</h4>
+        <p>Meta releases Llama 3.2 (<a href="https://huggingface.co/collections/meta-llama/llama-32-66f448ffc8c32f949b04c8cf" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Gemini Pro 1.5 002</h4>
+        <p>Google rolls out Gemini Pro 1.5 002.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Moshi</h4>
+        <p>Kyutai releases Moshi (<a href="https://huggingface.co/kyutai" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>NotebookLM</h4>
+        <p>Google updates NotebookLM.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Mistral Small</h4>
+        <p>Mistral AI launches Mistral Small.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+    <!-- October 2024 -->
+    <div class="month">
+      <h3>October 2024</h3>
+      <div class="event">
+        <h4>Flux 1.1 Pro</h4>
+        <p>Flux 1.1 Pro is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Movie Gen</h4>
+        <p>Meta unveils Movie Gen.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Pika Effects</h4>
+        <p>Pika introduces Video Model 1.5 with Pika Effects.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Firefly Video</h4>
+        <p>Adobe announces Firefly Video.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Aria</h4>
+        <p>Rhymes AI releases Aria (<a href="https://huggingface.co/RhymesAI" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Meta Spirit LM</h4>
+        <p>Meta releases Meta Spirit LM (<a href="https://github.com/facebookresearch/spiritlm" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Ministral</h4>
+        <p>Mistral AI introduces Ministral.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Janus</h4>
+        <p>DeepSeekAI releases Janus (<a href="https://huggingface.co/deepseek-ai/Janus-1.3B" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Fluid</h4>
+        <p>Google DeepMind and MIT unveil Fluid.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Stable Diffusion 3.5</h4>
+        <p>Stable Diffusion 3.5 is released (<a href="https://huggingface.co/stabilityai" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Claude 3.5 Sonnet New</h4>
+        <p>Anthropic launches Claude 3.5 Sonnet New.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Claude 3.5 Haiku</h4>
+        <p>Anthropic announces Claude 3.5 Haiku.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Recraft v3</h4>
+        <p>Recraft v3 is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Search GPT</h4>
+        <p>OpenAI launches Search GPT.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+    <!-- November 2024 -->
+    <div class="month">
+      <h3>November 2024</h3>
+      <div class="event">
+        <h4>QwQ 32B Preview</h4>
+        <p>Alibaba releases QwQ 32B Preview (<a href="https://huggingface.co/collections/Qwen/qwq-674762b79b75eac01735070a" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Qwen2.5 Coder 32B</h4>
+        <p>Alibaba open-sources Qwen2.5 Coder 32B (<a href="https://huggingface.co/collections/Qwen/qwen25-coder-66eaa22e6f99801bf65b0c2f" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>DeepSeek-R1-Lite-Preview</h4>
+        <p>DeepSeek unveils DeepSeek-R1-Lite-Preview.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Tulu 3</h4>
+        <p>Allen AI open sources Tulu 3 (<a href="https://huggingface.co/collections/allenai/tulu-3-models-673b8e0dc3512e30e7dc54f5" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Suno v4</h4>
+        <p>Suno upgrades to v4.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>SmolLM 2</h4>
+        <p>Hugging Face open sources SmolLM 2 (<a href="https://huggingface.co/collections/HuggingFaceTB/smollm2-6723884218bcda64b34d7db9" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Pixtral Large</h4>
+        <p>Mistral AI launches Pixtral Large (<a href="https://huggingface.co/mistralai/Pixtral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Mistral Large 2411</h4>
+        <p>Mistral AI updates Mistral Large 2411 (<a href="https://huggingface.co/mistralai/Mistral-Large-Instruct-2411" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>gemini-exp-1114 & gemini-exp-1121</h4>
+        <p>Google introduces gemini-exp-1114 and gemini-exp-1121.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>OLMo 2</h4>
+        <p>Allen AI open sources OLMo 2 (<a href="https://huggingface.co/collections/allenai/olmo-2-674117b93ab84e98afc72edc" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Claude 3.5 Haiku</h4>
+        <p>Anthropic launches Claude 3.5 Haiku.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Visual PDF Analysis</h4>
+        <p>Anthropic introduces Visual PDF Analysis in Claude.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>SmolVLM</h4>
+        <p>Hugging Face open sources SmolVLM (<a href="https://huggingface.co/collections/HuggingFaceTB/smolvlm-6740bd584b2dcbf51ecb1f39" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+    </div>
+    <!-- December 2024 -->
+    <div class="month">
+      <h3>December 2024</h3>
+      <div class="event">
+        <h4>NOVA</h4>
+        <p>Amazon introduces NOVA models.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>SORA</h4>
+        <p>OpenAI releases SORA for video generation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>O1 & O1 Pro</h4>
+        <p>OpenAI releases O1 and O1 Pro.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Live Video Mode</h4>
+        <p>OpenAI launches live video mode for GPT4o.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemini-Exp-1206</h4>
+        <p>Google unveils Gemini-Exp-1206.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemini 2.0 Flash</h4>
+        <p>Google launches Gemini 2.0 Flash in beta.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Gemini-2.0-Flash-Thinking</h4>
+        <p>Google introduces Gemini-2.0-Flash-Thinking.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Veo 2</h4>
+        <p>Google releases Veo 2 for video generation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Imagen 3 Update</h4>
+        <p>Google updates Imagen 3.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Aurora</h4>
+        <p>xAI integrates Aurora for image generation.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Phi4</h4>
+        <p>Microsoft open-sources Phi4 (<a href="https://huggingface.co/microsoft/phi-4" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Llama 3.3 70B</h4>
+        <p>Meta releases Llama 3.3 70B (<a href="https://huggingface.co/collections/meta-llama/llama-33-67531d5c405ec5d08a852000" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>PaliGemma 2</h4>
+        <p>Google launches PaliGemma 2 (<a href="https://huggingface.co/collections/google/paligemma-2-release-67500e1e1dbfdd4dee27ba48" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>Pika Labs 2.0</h4>
+        <p>Pika Labs releases 2.0.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Apollo</h4>
+        <p>Meta introduces Apollo (<a href="https://huggingface.co/GoodiesHere" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>DeepSeek V3</h4>
+        <p>DeepSeek open-sources DeepSeek V3 (<a href="https://huggingface.co/deepseek-ai" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>QVQ-72B-Preview</h4>
+        <p>Alibaba unveils QVQ-72B-Preview (<a href="https://huggingface.co/collections/Qwen/qvq-676448c820912236342b9888" target="_blank">open weights</a>).</p>
+        <span class="tag open-source">Open Weights</span>
+      </div>
+      <div class="event">
+        <h4>O3</h4>
+        <p>OpenAI announces O3.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>O3 Mini</h4>
+        <p>OpenAI expects O3 Mini in January 2025.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+      <div class="event">
+        <h4>Kling 1.6</h4>
+        <p>Kling 1.6 is released.</p>
+        <span class="tag api-only">API Only</span>
+      </div>
+    </div>
+  </div>
+  <script>
+    function updateCounts() {
+      const openSourceCount = document.querySelectorAll('.tag.open-source').length;
+      const apiOnlyCount = document.querySelectorAll('.tag.api-only').length;
+      document.getElementById('open-source-count').textContent = openSourceCount;
+      document.getElementById('api-only-count').textContent = apiOnlyCount;
+    }
+    function filterEvents(filter) {
+        // Update active button state
+        document.querySelectorAll('.toggle-button').forEach(button => {
+            button.classList.remove('active');
+            if (button.classList.contains(filter)) {
+                button.classList.add('active');
+            }
+        });
+        // Filter events
+        const events = document.querySelectorAll('.event');
+        events.forEach(event => {
+            if (filter === 'all') {
+                event.style.display = 'block';
+            } else {
+                // Check if the event has the specific tag class
+                const hasTag = event.querySelector(`.tag.${filter}`) !== null;
+                event.style.display = hasTag ? 'block' : 'none';
+            }
+        });
+        // Check for empty months and hide them
+        const months = document.querySelectorAll('.month');
+        months.forEach(month => {
+            const visibleEvents = Array.from(month.querySelectorAll('.event')).filter(event =>
+                event.style.display !== 'none'
+            );
+            month.style.display = visibleEvents.length > 0 ? 'flex' : 'none';
+        });
+        // Update counts after filtering
+        updateCounts();
+    }
+    // Initial count update
+    document.addEventListener('DOMContentLoaded', updateCounts);
+  </script>
+</body>
 </html>