Populate site with real CV data; restyle OG subtitle

Real career history (Woolworths, Virtus Health, Linde, ELGAS, Darktime),
cloud-heavy skills matrix, education, LinkedIn, Sydney location, and
projects mapped to actual work. OG subtitle now smaller italic serif.
This commit is contained in:
2026-06-17 16:44:03 +10:00
parent 2d4b6ea097
commit ae207eb79d
9 changed files with 270 additions and 147 deletions
+11 -12
View File
@@ -1,5 +1,5 @@
// Generate the social preview image (public/og.png, 1200x630) from an inline SVG.
// Run: node scripts/gen-og.mjs (also wired into `npm run build` via prebuild).
// Run: node scripts/gen-og.mjs (or: npm run gen:og)
// Self-hosted asset → no third-party OG service, nothing external at runtime.
import sharp from "sharp";
import { fileURLToPath } from "node:url";
@@ -30,23 +30,22 @@ 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="26" letter-spacing="6"
fill="#5eead4">~/ INFRASTRUCTURE ENGINEER</text>
<text x="80" y="150" font-family="monospace" font-size="24" letter-spacing="5"
fill="#5eead4">~/ INFRASTRUCTURE &amp; DEVOPS 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>
<text x="80" y="392" font-family="sans-serif" font-size="40" font-weight="500" fill="#cdd6e3">
Secure Kubernetes platforms · automated fleets
</text>
<text x="80" y="446" font-family="sans-serif" font-size="40" font-weight="500" fill="#cdd6e3">
· GPU-backed edge systems
</text>
<!-- Editorial italic serif subtitle (smaller, for hierarchy). -->
<text x="80" y="386" font-family="C059, serif" font-style="italic" font-size="35"
fill="#aeb9c9">Secure Kubernetes platforms &#183; automated fleets</text>
<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="28" fill="#61708a">
Talos · Kubernetes · GitOps · Ansible · Edge AI
<text x="80" y="560" font-family="monospace" font-size="27" fill="#61708a">
Talos &#183; Kubernetes &#183; GitOps &#183; Ansible &#183; Edge AI
</text>
<text x="${W - 80}" y="560" text-anchor="end" font-family="monospace" font-size="28"
<text x="${W - 80}" y="560" text-anchor="end" font-family="monospace" font-size="27"
fill="#5eead4">www.bztmon.com</text>
</svg>`;