add teaser

Author: RuilliFeng

.DS_Store

@@ -999,8 +999,9 @@ blockquote {
     overflow: hidden;
 }
 .project-card-media img {
+    background: #f7faf8;
     height: 100%;
-    object-fit: cover;
+    object-fit: contain;
     width: 100%;
 }
 .project-card-fallback {

assets/css/style.css

@@ -21,7 +21,7 @@ window.MATRIX_PROJECT_INDEX = {
       "title": "MAMBO-G: Magnitude-Aware Mitigation for Boosted Guidance",
       "description": "MAMBO-G is a training-free, plug-and-play adaptive guidance schedule for fast text-to-image and text-to-video generation. It damps risky early guidance updates by measuring the update-to-prediction magnitude ratio.",
       "url": "pages/Mambo-g/",
-      "image": "pages/Mambo-g/static/images/figs/0_unify_guidance_10.png",
+      "image": "pages/Mambo-g/static/images/mambo-g-cover-preview.gif",
       "status": "2026 preprint",
       "tags": [
         "diffusion",
@@ -35,7 +35,7 @@ window.MATRIX_PROJECT_INDEX = {
       "title": "RAIN: Real-time Animation Of Infinite Video Stream",
       "description": "A real-time animation system for infinite video streams, enabling low-latency virtual avatar animation from a single image on consumer-grade devices.",
       "url": "pages/RAIN/",
-      "image": "pages/RAIN/images/pipeline.png",
+      "image": "pages/RAIN/static/images/rain-home-preview.gif",
       "status": "",
       "tags": [
         "animation",
@@ -49,7 +49,7 @@ window.MATRIX_PROJECT_INDEX = {
       "title": "The Matrix: Infinite-Horizon World Generation with Real-Time Moving Control",
       "description": "A neural interactive simulation project for infinite-horizon world generation, real-time motion control, and AAA-game-scale visual environments.",
       "url": "pages/TheMatrix/",
-      "image": "pages/TheMatrix/img/thematrix.png",
+      "image": "pages/TheMatrix/static/images/the-matrix-home-preview.gif",
       "status": "",
       "tags": [
         "world models",
@@ -77,7 +77,7 @@ window.MATRIX_PROJECT_INDEX = {
       "title": "The Matrix Dataset",
       "description": "Dataset documentation for Matrix world-model research, covering collection, processing, source games, controls, and release information.",
       "url": "pages/TheMatrixDataset/",
-      "image": "pages/TheMatrixDataset/matrix.jpg",
+      "image": "pages/TheMatrixDataset/static/images/matrix-dataset-home-preview.gif",
       "status": "",
       "tags": [
         "dataset",

assets/data/projects.js

@@ -21,7 +21,7 @@
       "title": "MAMBO-G: Magnitude-Aware Mitigation for Boosted Guidance",
       "description": "MAMBO-G is a training-free, plug-and-play adaptive guidance schedule for fast text-to-image and text-to-video generation. It damps risky early guidance updates by measuring the update-to-prediction magnitude ratio.",
       "url": "pages/Mambo-g/",
-      "image": "pages/Mambo-g/static/images/figs/0_unify_guidance_10.png",
+      "image": "pages/Mambo-g/static/images/mambo-g-cover-preview.gif",
       "status": "2026 preprint",
       "tags": [
         "diffusion",
@@ -35,7 +35,7 @@
       "title": "RAIN: Real-time Animation Of Infinite Video Stream",
       "description": "A real-time animation system for infinite video streams, enabling low-latency virtual avatar animation from a single image on consumer-grade devices.",
       "url": "pages/RAIN/",
-      "image": "pages/RAIN/images/pipeline.png",
+      "image": "pages/RAIN/static/images/rain-home-preview.gif",
       "status": "",
       "tags": [
         "animation",
@@ -49,7 +49,7 @@
       "title": "The Matrix: Infinite-Horizon World Generation with Real-Time Moving Control",
       "description": "A neural interactive simulation project for infinite-horizon world generation, real-time motion control, and AAA-game-scale visual environments.",
       "url": "pages/TheMatrix/",
-      "image": "pages/TheMatrix/img/thematrix.png",
+      "image": "pages/TheMatrix/static/images/the-matrix-home-preview.gif",
       "status": "",
       "tags": [
         "world models",
@@ -77,7 +77,7 @@
       "title": "The Matrix Dataset",
       "description": "Dataset documentation for Matrix world-model research, covering collection, processing, source games, controls, and release information.",
       "url": "pages/TheMatrixDataset/",
-      "image": "pages/TheMatrixDataset/matrix.jpg",
+      "image": "pages/TheMatrixDataset/static/images/matrix-dataset-home-preview.gif",
       "status": "",
       "tags": [
         "dataset",

assets/data/projects.json

@@ -25,7 +25,7 @@
 
   function card(project) {
     var image = project.image
-      ? '<div class="project-card-media"><img src="' + escapeHtml(project.image) + '" alt=""></div>'
+      ? '<div class="project-card-media"><img src="' + escapeHtml(project.image) + '" alt="' + escapeHtml(project.title) + ' cover" loading="lazy" decoding="async"></div>'
       : '<div class="project-card-media project-card-fallback"><span>' + escapeHtml(projectInitials(project.title)) + "</span></div>";
     var tags = Array.isArray(project.tags) && project.tags.length
       ? '<div class="project-tags">' + project.tags.slice(0, 4).map(function (tag) {

assets/js/project-index.js

@@ -1,4 +1,5 @@
 {
+  "image": "static/images/mambo-g-cover-preview.gif",
   "tags": ["diffusion", "guidance", "acceleration"],
   "status": "2026 preprint"
 }

pages/Incanation/static/images/covers/incantation-cover-v6.gif

@@ -1,6 +1,6 @@
 {
   "title": "RAIN: Real-time Animation Of Infinite Video Stream",
   "description": "A real-time animation system for infinite video streams, enabling low-latency virtual avatar animation from a single image on consumer-grade devices.",
-  "image": "images/pipeline.png",
+  "image": "static/images/rain-home-preview.gif",
   "tags": ["animation", "video stream", "avatars"]
 }