Hero/OG: Platform & Infrastructure Engineer, RHEL-led tagline with ▸; fix :8080 links (relative nginx redirects)

nginx/default.conf

@@ -11,6 +11,12 @@ server {
     # Don't leak the nginx version.
     server_tokens off;
 
+    # Behind the Cloudflare Tunnel on :443 — nginx listens on :8080. Without this, nginx
+    # emits ABSOLUTE redirects (e.g. trailing-slash on /projects) as http://host:8080/... which
+    # breaks links. Force relative redirects so the browser keeps https://www.bztmon.com.
+    absolute_redirect off;
+    port_in_redirect off;
+
     # Security headers (CSP, nosniff, frame, etc.) — applied site-wide.
     # Re-included in each location below that sets its own add_header, because
     # a location-level add_header drops all inherited ones.

scripts/gen-og.mjs

@@ -30,8 +30,8 @@ const svg = `
   <rect width="${W}" height="${H}" fill="url(#glow)"/>
   <rect x="0" y="0" width="${W}" height="6" fill="#2dd4bf"/>
 
-  <text x="80" y="150" font-family="monospace" font-size="24" letter-spacing="5"
+  <text x="80" y="150" font-family="monospace" font-size="24" letter-spacing="4"
-        fill="#5eead4">~/ INFRASTRUCTURE &amp; DEVOPS ENGINEER</text>
+        fill="#5eead4">~/ PLATFORM &amp; INFRASTRUCTURE ENGINEER</text>
 
   <text x="78" y="300" font-family="sans-serif" font-size="118" font-weight="700"
         letter-spacing="-3" fill="url(#title)">Jonathon Wright</text>
@@ -42,10 +42,8 @@ const svg = `
   <text x="80" y="434" font-family="C059, serif" font-style="italic" font-size="35"
         fill="#aeb9c9">&#183; GPU-backed edge systems</text>
 
-  <text x="80" y="560" font-family="monospace" font-size="27" fill="#61708a">
+  <text x="80" y="560" font-family="monospace" font-size="20" fill="#8aa0b8">RHEL <tspan fill="#5eead4">&#9656;</tspan> Kubernetes <tspan fill="#5eead4">&#9656;</tspan> GitOps <tspan fill="#5eead4">&#9656;</tspan> Ansible <tspan fill="#5eead4">&#9656;</tspan> Observability <tspan fill="#5eead4">&#9656;</tspan> Edge AI</text>
-    Talos &#183; Kubernetes &#183; GitOps &#183; Ansible &#183; Edge AI
+  <text x="${W - 80}" y="560" text-anchor="end" font-family="monospace" font-size="22"
-  </text>
-  <text x="${W - 80}" y="560" text-anchor="end" font-family="monospace" font-size="27"
         fill="#5eead4">www.bztmon.com</text>
 </svg>`;
 

src/components/Hero.astro

@@ -15,9 +15,14 @@ import { cvAvailable } from "../lib/assets";
 
     <p class="hero__positioning">{site.positioning}</p>
 
-    <ul class="hero__tags" aria-label="Core technologies">
+    <p class="hero__tags mono" aria-label="Core technologies">
-      {site.tagline.map((t) => <li class="mono">{t}</li>)}
+      {site.tagline.map((t, i) => (
-    </ul>
+        <Fragment>
+          {i > 0 && <span class="hero__sep" aria-hidden="true">▸</span>}
+          <span>{t}</span>
+        </Fragment>
+      ))}
+    </p>
 
     <div class="hero__cta">
       <a class="btn btn--primary" href="/#projects">View Projects</a>
@@ -65,23 +70,17 @@ import { cvAvailable } from "../lib/assets";
     letter-spacing: -0.01em;
   }
   .hero__tags {
-    list-style: none;
-    padding: 0;
     margin: var(--space-5) 0 0;
+    padding: 0;
     display: flex;
     flex-wrap: wrap;
-    gap: var(--space-3);
+    align-items: center;
+    gap: 0.4rem 0.6rem;
     font-size: var(--step--1);
     color: var(--text-dim);
+    line-height: 1.7;
   }
-  .hero__tags li {
+  .hero__sep {
-    position: relative;
-    padding-left: 1rem;
-  }
-  .hero__tags li::before {
-    content: "▹";
-    position: absolute;
-    left: 0;
     color: var(--accent);
   }
   .hero__cta {

src/data/site.ts

@@ -5,14 +5,14 @@ export const site = {
   name: "Jonathon Wright",
   // Short handle used in the mono "logo".
   handle: "jwright",
-  role: "Infrastructure & DevOps Engineer",
+  role: "Platform & Infrastructure Engineer",
   location: "Sydney, Australia",
   // Outcome-led positioning (hero headline).
   positioning:
-    "Building secure Kubernetes platforms, automated infrastructure fleets and GPU-backed edge systems.",
+    "Building secure Kubernetes platforms, automated infrastructure fleets, and GPU-backed edge systems.",
-  // Supporting capability line under the headline.
+  // Supporting capability line under the headline (rendered with ▸ separators).
   tagline: [
-    "Talos Linux",
+    "RHEL",
     "Kubernetes",
     "GitOps",
     "Ansible",