Add share previews for the index and the Green Man page
Index gets a front-page card as og.png. The Green Man page gets a description, canonical link and Open Graph tags with its own image. Co-Authored-By: Claude Fable 5.2 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01GrX9qMoNihcWLX3xoJhabw
This commit is contained in:
1 parent
9cf6978987
commit
2505d7435c
6 files changed
+20
-5
No files matched your search
@@ -11,7 +11,7 @@ Kestrel's Builds is a static site of craft build write-ups. Builds vary (foam an
|
||||
## File Structure
|
||||
|
||||
- `index.html` - Site index (HTML/CSS in one file, no JavaScript). One `<a class="build">` card per build, newest first; the newest also has class `first` (full-width card).
|
||||
- `og-image.jpg` - OpenGraph image for the index, 1200 x 630
|
||||
- `og.png` - OpenGraph image for the index, 1200 x 630
|
||||
- `deploy` - Rsync deployment script
|
||||
- `<build>/` - One folder per build, self-contained: `index.html`, `img/`, `dl/`
|
||||
- `greenman/` - Green Man mask
|
||||
@@ -22,7 +22,8 @@ Kestrel's Builds is a static site of craft build write-ups. Builds vary (foam an
|
||||
- The index is a sister page to Kestrel's Hall (gamehall.kestrelsnest.social): the same dark ink / bone / gold tokens, the same serif stack, the same card and section structure. Keep them in step.
|
||||
- Every build page links back to the index with `<a href="../">` at its top and bottom (`.home` in `greenman/index.html`).
|
||||
- Downloads live in `<build>/dl/`. Zip files there are part of the site, so `*.zip` is deliberately NOT in `.gitignore`.
|
||||
- `greenman/index.html` is generated from the mask kit's own source (not in this repo). Hand edits to it are lost when the kit is regenerated; change the source and re-copy, then re-add the two `.home` back links, their CSS and the `<link rel="icon" href="../favicon.svg">` line.
|
||||
- `greenman/index.html` is generated from the mask kit's own source (not in this repo). Hand edits to it are lost when the kit is regenerated; change the source and re-copy, then re-add the two `.home` back links, their CSS and the `<link rel="icon" href="../favicon.svg">` line and the description, canonical and Open Graph tags in its head.
|
||||
- Share previews: `og.png` at the root is a 1200x630 screenshot of the top of the index, so retake it when the index's first card changes. Each build has its own `og-image.jpg` (1200x630) in its folder and its own description and Open Graph tags.
|
||||
|
||||
## Adding a build
|
||||
|
||||
@@ -54,4 +55,4 @@ The `deploy` script uses rsync to push to YunoHost (a My Webapp static app, like
|
||||
|
||||
## OpenGraph
|
||||
|
||||
Meta tags in the index `<head>` point to `https://builds.kestrelsnest.social/og-image.jpg`. If the URL changes, update `og:image`, `og:url` and `twitter:image`.
|
||||
Meta tags in the index `<head>` point to `https://builds.kestrelsnest.social/og.png`, and each build page points to its own `og-image.jpg`. If the URL changes, update `og:image`, `og:url` and `canonical` on every page.
|
||||
Reference in new issue
Block a user