From d6688c82a912fd6f0098a08fae97aad3491b3f8a Mon Sep 17 00:00:00 2001
From: Oliver <oliver@derez.ai>
Date: Sun, 14 Jun 2026 08:39:26 -0300
Subject: [PATCH] add video chip to Odoo speed-run blog card on homepage +
 JS/CSS for video chips

---
 assets/css/style.css | 5 +++++
 assets/js/script.js  | 4 ++++
 blog/index.json      | 1 +
 3 files changed, 10 insertions(+)

diff --git a/assets/css/style.css b/assets/css/style.css
index f42b15c..5694aae 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -1196,6 +1196,11 @@ section {
     margin-bottom: 12px;
     align-self: flex-start;
 }
+.blog-card-chip-video {
+    background: rgba(255, 0, 0, 0.1);
+    color: #ff4444;
+    border: 1px solid rgba(255, 0, 0, 0.3);
+}
 .blog-card-date {
     font-size: 0.8rem;
     color: var(--text-muted);
diff --git a/assets/js/script.js b/assets/js/script.js
index ba369f5..c78bbdd 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -743,6 +743,9 @@ function blogRender() {
       var chip = p.agent
         ? '<span class="blog-card-chip">' + p.agent + "</span>"
         : "";
+      var videoChip = p.video
+        ? '<span class="blog-card-chip blog-card-chip-video">&#9654; video</span>'
+        : "";
       return (
         '<a href="' +
         p.link +
@@ -758,6 +761,7 @@ function blogRender() {
         p.area +
         "</span>" +
         chip +
+        videoChip +
         "</span>" +
         '<span class="blog-card-date">' +
         blogFormatDate(p.date) +
diff --git a/blog/index.json b/blog/index.json
index f420b45..9063a6e 100644
--- a/blog/index.json
+++ b/blog/index.json
@@ -68,6 +68,7 @@
             "date": "2026-06-10",
             "area": "speed-run",
             "agent": "hermes",
+            "video": true,
             "headline": "Speed Run: Create an Odoo Community Agent from Zero",
             "teaser": "From signup to an Odoo-connected AI agent in under 10 Minutes. Free trial included.",
             "link": "blog/posts/speed-run-odoo-community-agent.html"