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>
2026-08-06 19:15:26 -04:00
parent e0e08ba67d
commit f6611257b3
400 changed files with 7127 additions and 2 deletions
@@ -0,0 +1,41 @@
+<!doctype html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Gloomhaven: Buttons &amp; Bugs · The Game Shelves</title>
+<meta name="description" content="Gloomhaven: Buttons &amp; Bugs in The Game Shelves">
+<meta property="og:title" content="Gloomhaven: Buttons &amp; Bugs · The Game Shelves">
+<meta property="og:image" content="../art/393672-669782.jpg">
+<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> · <a href="https://boardgamegeek.com/boardgame/393672" rel="noopener">view on BGG ↗</a></p>
+<h1>Gloomhaven: Buttons &amp; Bugs <span class="meta">(2024)</span></h1>
+<div class="detail">
+  <div class="art"><img src="../art/393672-669782.jpg" alt="box art for Gloomhaven: Buttons &amp; Bugs"></div>
+  <div class="facts"><div class="factrow"><b>players</b> 1 player (best at 1)</div><div class="factrow"><b>playing time</b> 20 min</div><div class="factrow"><b>ages</b> 10+</div><div class="factrow"><b>weight</b> 3.32 / 5</div><div class="factrow"><b>BGG rank</b> 887</div><div class="factrow"><b>BGG rating</b> 7.48</div><div class="factrow"><b>designers</b> <span class="chip">Joe Klipfel</span> <span class="chip">Nikki Valens</span></div><div class="factrow"><b>artists</b> <span class="chip">Yanis Cardin</span> <span class="chip">Mofei Wang</span></div><div class="factrow"><b>publishers</b> <span class="chip">Cephalofair Games</span> <span class="chip">Albi</span> <span class="chip">CMON Global Limited</span> <span class="chip">Feuerland Spiele</span> <span class="chip">Galápagos Jogos</span> <span class="chip">Gémklub</span></div><div class="factrow"><b>categories</b> <span class="chip">Adventure</span> <span class="chip">Card Game</span> <span class="chip">Fantasy</span> <span class="chip">Fighting</span> <span class="chip">Miniatures</span></div><div class="factrow"><b>mechanics</b> <span class="chip">Campaign / Battle Card Driven</span> <span class="chip">Card Play Conflict Resolution</span> <span class="chip">Critical Hits and Failures</span> <span class="chip">Grid Movement</span> <span class="chip">Hand Management</span> <span class="chip">Hexagon Grid</span> <span class="chip">Scenario / Mission / Campaign Game</span> <span class="chip">Solo / Solitaire Game</span> <span class="chip">Storytelling</span> <span class="chip">Variable Player Powers</span></div></div>
+</div>
+<div class="card"><div class="factrow"><b>my copy</b> English edition · 2024</div><div class="factrow"><b>publishers</b> <span class="chip">Cephalofair Games</span></div><div class="factrow"><b>languages</b> <span class="chip">English</span></div></div>
+<div class="card desc">Gloomhaven: Buttons &amp; Bugs is a solo play game, with an original campaign story written by Isaac Childres, that features a playstyle similar to Gloomhaven in a fraction of the size.
+
+Gloomhaven: Buttons &amp; Bugs is set after the events of Gloomhaven and Forgotten Circles. The Aesther recluse Hail has earned a reputation for being highly instrumental in saving the city from recurring disasters, and she absolutely hates it. Wannabe heroes are constantly barging in on her studies at the Crooked Bone, looking for help in becoming famous themselves — not to mention all the demons that come by looking for vengeance. She briefly considered moving, but as that would require effort, she instead just placed an enchantment on her front door: Anyone who attempts to open it becomes miniaturized and therefore is no longer a problem.
+
+Your character is one such wannabe hero. In an ill-advised attempt at fame, they try to visit Hail, and poof. Now they&#x27;re the size of a mouse and have entered an entirely different realm of lawlessness and self-preservation. They must find a new way into the Crooked Bone to convince Hail to return them to their previous size.
+
+Each scenario is a single card, pitting one mercenary against a handful of enemies with simplified actions and AI. Each mercenary has a hand of just four double-sided cards, but they can be used twice — both the front and the back — before they are discarded. Attacks are resolved using a die in conjunction with a modifier table, and both the table and the mercenary ability cards can be improved as you level up throughout the campaign.
+
+—description from the publisher</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>