Add themed board game library at /mygames/

Embed the bggpipe "Game Shelves" export (static/games/) into a themed
Hugo page. A small loader (embed.js) fetches each export page, lifts out
its <main>, rewrites relative URLs, and rewires game links to ?g=<slug>
so the blog chrome stays on every page; embed.css scopes the export's
component styling to the embed. The export itself is untouched and stays
re-exportable. Adds the menu entry and excludes badges/ from deploy.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Eric Wagoner
2026-08-06 19:15:26 -04:00
co-authored by Claude Opus 4.8
parent e0e08ba67d
commit f6611257b3
400 changed files with 7127 additions and 2 deletions
+33
View File
@@ -0,0 +1,33 @@
<!doctype html>
<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CAT STAX · The Game Shelves</title>
<meta name="description" content="CAT STAX in The Game Shelves">
<meta property="og:title" content="CAT STAX · The Game Shelves">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🎲</text></svg>">
<link rel="stylesheet" href="../style.css">
<header class="site"><a href=".././">The Game Shelves</a>
<span class="sub">a board game library</span></header>
<main>
<p><a href="../">← the whole library</a> · </p>
<h1>CAT STAX</h1>
<div class="detail">
<div class="art"></div>
<div class="facts"></div>
</div>
<footer>
<p><a class="pbb" href="https://boardgamegeek.com" rel="noopener"><img src="../art/powered-by-bgg.png" alt="Powered by BGG" height="40"></a></p>
<p>The Game Shelves · cataloged from shelf photos by
<a href="https://git.kestrelsnest.social/eric/bggpipe"
rel="noopener">bggpipe</a></p>
<p>Game data and cover images from <a href="https://boardgamegeek.com"
rel="noopener">BoardGameGeek</a>. BoardGameGeek and BGG are trademarks of
BoardGameGeek, LLC; this page is an independent project, not affiliated
with or endorsed by BoardGameGeek.</p>
</footer>
</main>
</html>