diff --git a/CLAUDE.md b/CLAUDE.md index 36b17fb..aea9c51 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -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 `` 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 - `/` - 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 `` at its top and bottom (`.home` in `greenman/index.html`). - Downloads live in `/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 `` 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 `` 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 `` 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 `` 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. diff --git a/README.md b/README.md index 6e2a9aa..41edce4 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ A static site with no build step. Each build is a self-contained folder; the top ``` index.html - Site index: one card per build -og-image.jpg - OpenGraph image for the index (1200 x 630) +og.png - OpenGraph image for the index (1200 x 630); each build keeps its own og-image.jpg deploy - Deployment script (rsync to server) greenman/ - Green Man mask index.html - The build and painting guides as one page diff --git a/greenman/index.html b/greenman/index.html index d414889..73d6d8b 100644 --- a/greenman/index.html +++ b/greenman/index.html @@ -5,6 +5,18 @@ Green Man Mask Kit + + + + + + + + + + + +