From 713e67ecef4c79326aa288eba793e9ea86dd4340 Mon Sep 17 00:00:00 2001
From: Aaron Stannard <aaron@petabridge.com>
Date: Tue, 5 May 2026 21:46:33 +0000
Subject: [PATCH] Fix homepage OG image whitespace by setting body background
 color

HCTI rendered the homepage card with a grey bar at the bottom because
the body/html elements had no background color set, defaulting to
the browser's white/grey. Added background: #0f1117 to html,body to
match the container and regenerated the homepage image.
---
 mockups/hcti-social-card-homepage-c.html | 3 ++-
 social-images-manifest.json              | 8 ++++----
 src/pages/index.astro                    | 4 ++--
 3 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/mockups/hcti-social-card-homepage-c.html b/mockups/hcti-social-card-homepage-c.html
index 3db6574..8622bb0 100644
--- a/mockups/hcti-social-card-homepage-c.html
+++ b/mockups/hcti-social-card-homepage-c.html
@@ -5,11 +5,12 @@
 <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
 <style>
 * { margin: 0; padding: 0; box-sizing: border-box; }
-body {
+html, body {
   width: 1200px;
   height: 630px;
   font-family: 'Space Grotesk', sans-serif;
   overflow: hidden;
+  background: #0f1117;
 }
 .container {
   width: 1200px;
diff --git a/social-images-manifest.json b/social-images-manifest.json
index ebfe00d..550de12 100644
--- a/social-images-manifest.json
+++ b/social-images-manifest.json
@@ -1,9 +1,5 @@
 {
   "pages": {
-    "__homepage__": {
-      "hash": "9d40aa3d1dac1fce0699ba87aa035e7d8ade662ce529231cfd9beb1b8b4d93ce",
-      "imageUrl": "https://hcti.io/v1/image/019dfa05-fe44-754f-9de0-2fa43ce1c069"
-    },
     "architecture/overview": {
       "hash": "f96263caa71b181518462af7b361d5dccdae3a0c927b86bfb831d0b23f9d0181",
       "imageUrl": "https://hcti.io/v1/image/642a8f9d5dea41e63b5f421fb2b5882f5b94c5078e67a0288814c5f557ecbb0f"
@@ -179,6 +175,10 @@
     "skills/skill-server": {
       "hash": "13d89c9f77cf6820f7e9723f0a1724558f9998349c2f3f44df23a1702f39aede",
       "imageUrl": "https://hcti.io/v1/image/a70897afbe3e94297ca1b473ce9ae09db69ed6454338e9722823030203882b81"
+    },
+    "__homepage__": {
+      "hash": "832aa2ff01870a7200516422a9855629d4c00d98a9bf6cde5ec3174580750318",
+      "imageUrl": "https://hcti.io/v1/image/019dfa19-dbdf-7ad0-b8c4-ec9f46ea7abf"
     }
   }
 }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ab59067..d94e3fa 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -21,7 +21,7 @@
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://netclaw.dev">
   <meta property="og:site_name" content="Netclaw">
-  <meta property="og:image" content="https://hcti.io/v1/image/019dfa05-fe44-754f-9de0-2fa43ce1c069">
+  <meta property="og:image" content="https://hcti.io/v1/image/019dfa19-dbdf-7ad0-b8c4-ec9f46ea7abf">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
 
@@ -30,7 +30,7 @@
   <meta name="twitter:site" content="@petabridge">
   <meta name="twitter:title" content="Netclaw — Run your own agent.">
   <meta name="twitter:description" content="Simple, secure, reliable agents. Self-hosted AI that connects to the communications tools you and your team use.">
-  <meta name="twitter:image" content="https://hcti.io/v1/image/019dfa05-fe44-754f-9de0-2fa43ce1c069">
+  <meta name="twitter:image" content="https://hcti.io/v1/image/019dfa19-dbdf-7ad0-b8c4-ec9f46ea7abf">
 
   <!-- Favicons -->
   <link rel="icon" href="/assets/favicons/favicon.ico" sizes="any">