fix: expand website hero artwork

.github/workflows/pages.yml

@@ -7,6 +7,7 @@ on:
     paths:
       - "website/**"
       - "docs/assets/blendersessiond-header.png"
+      - "docs/assets/blendersessiond-hero-v2.png"
       - "docs/assets/website-concept.png"
       - "scripts/build-site.mjs"
       - "scripts/check-site.mjs"

CHANGELOG.md

@@ -24,6 +24,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- Expanded the website hero artwork so every Blender Session remains fully visible across the responsive layout.
 - Managed Sessions disable Blender's startup splash through the supported Python preference.
 - `BLENDERSESSIOND_BASE_MCP_PORT` overrides the first port considered during MCP port allocation, and the test suite now allocates ephemeral per-test port ranges so a real Session running on the developer machine can no longer pollute e2e results.
 - Package metadata and installation documentation now support publishing and installing `blendersessiond` from PyPI.

scripts/build-site.mjs

@@ -6,7 +6,7 @@ import { fileURLToPath } from "node:url";
 const root = path.resolve(path.dirname(fileURLToPath(import.meta.url)), "..");
 const source = path.join(root, "website");
 const output = path.join(root, "dist", "site");
-const hero = path.join(root, "docs", "assets", "blendersessiond-header.png");
+const hero = path.join(root, "docs", "assets", "blendersessiond-hero-v2.png");
 const concept = path.join(root, "docs", "assets", "website-concept.png");
 
 fs.rmSync(output, { recursive: true, force: true });

scripts/check-site.mjs

@@ -20,7 +20,7 @@ const requiredFiles = [
   "site.webmanifest",
   ".nojekyll",
   "assets/favicon.svg",
-  "assets/blendersessiond-header.png",
+  "assets/blendersessiond-hero-v2.png",
 ];
 
 for (const relative of requiredFiles) {

website/index.html

@@ -20,18 +20,18 @@
     <meta property="og:url" content="https://blendersessiond.bramvanrompuy.be/">
     <meta property="og:site_name" content="blendersessiond">
     <meta property="og:locale" content="en_US">
-    <meta property="og:image" content="https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-header.png">
+    <meta property="og:image" content="https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-hero-v2.png">
     <meta property="og:image:type" content="image/png">
-    <meta property="og:image:width" content="2159">
-    <meta property="og:image:height" content="728">
+    <meta property="og:image:width" content="2022">
+    <meta property="og:image:height" content="778">
     <meta property="og:image:alt" content="One local controller routing an agent connection to three isolated Blender Sessions.">
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="blendersessiond — Local Blender Sessions for AI agents">
     <meta
       name="twitter:description"
       content="A cross-platform CLI and MCP bridge for healthy, isolated, agent-controlled Blender Sessions."
     >
-    <meta name="twitter:image" content="https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-header.png">
+    <meta name="twitter:image" content="https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-hero-v2.png">
     <meta name="twitter:image:alt" content="One local controller routing an agent connection to three isolated Blender Sessions.">
     <link rel="canonical" href="https://blendersessiond.bramvanrompuy.be/">
     <link rel="alternate" type="text/markdown" href="llms.txt" title="blendersessiond AI-readable summary">
@@ -63,7 +63,7 @@
             "about": {
               "@id": "https://blendersessiond.bramvanrompuy.be/#software"
             },
-            "primaryImageOfPage": "https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-header.png",
+            "primaryImageOfPage": "https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-hero-v2.png",
             "inLanguage": "en"
           },
           {
@@ -75,7 +75,7 @@
             "codeRepository": "https://github.com/BramVR/blendersessiond",
             "programmingLanguage": ["Python", "JavaScript"],
             "runtimePlatform": ["macOS", "Windows", "Linux"],
-            "image": "https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-header.png",
+            "image": "https://blendersessiond.bramvanrompuy.be/assets/blendersessiond-hero-v2.png",
             "author": {
               "@type": "Person",
               "name": "Bram Van Rompuy",
@@ -146,9 +146,9 @@ <h1 id="hero-title">Blender Sessions.<br><em>Under agent control</em></h1>
 
         <figure class="hero-art">
           <img
-            src="assets/blendersessiond-header.png"
-            width="2159"
-            height="728"
+            src="assets/blendersessiond-hero-v2.png"
+            width="2022"
+            height="778"
             alt="A local controller routing one agent connection to three isolated Blender sessions."
           >
         </figure>

website/styles.css

@@ -267,22 +267,22 @@ h1 em::after {
   display: block;
   width: 100%;
   height: auto;
-  -webkit-mask-image:
-    radial-gradient(
-      ellipse 82% 54% at 58% 58%,
-      #000 0%,
-      #000 42%,
-      rgba(0, 0, 0, 0.62) 70%,
-      transparent 100%
-    );
-  mask-image:
-    radial-gradient(
-      ellipse 82% 54% at 58% 58%,
-      #000 0%,
-      #000 42%,
-      rgba(0, 0, 0, 0.62) 70%,
-      transparent 100%
-    );
+  -webkit-mask-image: linear-gradient(
+    to bottom,
+    transparent 0%,
+    rgba(0, 0, 0, 0.85) 7%,
+    #000 14%,
+    #000 86%,
+    transparent 100%
+  );
+  mask-image: linear-gradient(
+    to bottom,
+    transparent 0%,
+    rgba(0, 0, 0, 0.85) 7%,
+    #000 14%,
+    #000 86%,
+    transparent 100%
+  );
 }
 
 .quickstart {