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>Pie Face! · The Game Shelves</title>
<meta name="description" content="Pie Face! in The Game Shelves">
<meta property="og:title" content="Pie Face! · The Game Shelves">
<meta property="og:image" content="../art/18755.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/18755" rel="noopener">view on BGG ↗</a></p>
<h1>Pie Face! <span class="meta">(1964)</span></h1>
<div class="detail">
<div class="art"><img src="../art/18755.jpg" alt="box art for Pie Face!"></div>
<div class="facts"><div class="factrow"><b>players</b> 24 players (best at 4)</div><div class="factrow"><b>playing time</b> 15 min</div><div class="factrow"><b>ages</b> 5+</div><div class="factrow"><b>weight</b> 1.00 / 5</div><div class="factrow"><b>BGG rank</b> 30933</div><div class="factrow"><b>BGG rating</b> 4.77</div><div class="factrow"><b>designers</b> <span class="chip">Marvin Glass</span></div><div class="factrow"><b>publishers</b> <span class="chip">Hasbro</span> <span class="chip">Editrice Giochi</span> <span class="chip">Flying Tiger Copenhagen</span> <span class="chip">Jumbo</span> <span class="chip">Korea Boardgames</span> <span class="chip">Rocket Games</span></div><div class="factrow"><b>categories</b> <span class="chip">Action / Dexterity</span> <span class="chip">Children&#x27;s Game</span> <span class="chip">Humor</span></div></div>
</div>
<div class="card desc">The game revolves around the gag of getting a pie in the face. There is a mechanical device with an arm that holds a sponge that you cover with shaving cream to simulate the pie. On your turn you place your face in the target area of the device, spin the spinner and twist the handle that number of times. Much like a slot machine you never can be sure when the payoff will come. You then score points for the number you spun if you dont get the pie in the face.</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>