Social share image: replace old key-thumbnail with current scroll mark + KEYSAT wordmark

The previous og:image (assets/keysat-thumbnail.png) showed an older
brand asset — a small key icon next to "KEYSAT" in a serif-ish
typeface — that no longer matches the site. iMessage / Slack / X
were rendering that old card, creating a mismatch between what people
clicked and what they landed on.

New asset: assets/keysat-social.svg (1200x1200 source) +
assets/keysat-social.png (1200x1200 rendered). Cream brand
background, current scroll mark centered, "KEYSAT" wordmark in the
Manrope-style spacing the lockup uses, gold "SELF-HOSTED LICENSING
SERVER" tagline beneath. og:image + twitter:image on both
index.html and support.html now point at the new asset; width/height
attributes updated to 1200.

Old assets/keysat-thumbnail.png left in place — harmless, and the
1.7MB file was only referenced from the meta tags this commit
rewires, so no broken links elsewhere.
This commit is contained in:
Grant
2026-05-14 14:03:40 -05:00
parent 5a9ede9247
commit b253b7bacf
4 changed files with 49 additions and 10 deletions
+5 -5
View File
@@ -12,14 +12,14 @@
<meta property="og:title" content="Support Keysat development">
<meta property="og:description" content="Fund Keysat development directly: Lightning, on-chain Bitcoin, a Patron license, or via OpenSats. Pick whichever fits.">
<meta property="og:url" content="https://keysat.xyz/support.html">
<meta property="og:image" content="https://keysat.xyz/assets/keysat-thumbnail.png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta property="og:image:alt" content="Keysat">
<meta property="og:image" content="https://keysat.xyz/assets/keysat-social.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="1200">
<meta property="og:image:alt" content="Keysat — self-hosted licensing server">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Support Keysat development">
<meta name="twitter:description" content="Fund Keysat development directly: Lightning, on-chain Bitcoin, a Patron license, or via OpenSats.">
<meta name="twitter:image" content="https://keysat.xyz/assets/keysat-thumbnail.png">
<meta name="twitter:image" content="https://keysat.xyz/assets/keysat-social.png">
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;900&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<style>