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,40 @@
+<!doctype html>
+<html lang="en">
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title>Flat Top · The Game Shelves</title>
+<meta name="description" content="Flat Top in The Game Shelves">
+<meta property="og:title" content="Flat Top · The Game Shelves">
+<meta property="og:image" content="../art/2529.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/2529" rel="noopener">view on BGG ↗</a></p>
+<h1>Flat Top <span class="meta">(1977)</span></h1>
+<div class="detail">
+  <div class="art"><img src="../art/2529.jpg" alt="box art for Flat Top"></div>
+  <div class="facts"><div class="factrow"><b>players</b> 2 players (best at 2+)</div><div class="factrow"><b>playing time</b> 360 min</div><div class="factrow"><b>ages</b> 12+</div><div class="factrow"><b>weight</b> 4.23 / 5</div><div class="factrow"><b>BGG rank</b> 3295</div><div class="factrow"><b>BGG rating</b> 7.36</div><div class="factrow"><b>designers</b> <span class="chip">S. Craig Taylor</span></div><div class="factrow"><b>artists</b> <span class="chip">Rodger B. MacGowan</span></div><div class="factrow"><b>publishers</b> <span class="chip">The Avalon Hill Game Co</span> <span class="chip">Battleline</span></div><div class="factrow"><b>categories</b> <span class="chip">Aviation / Flight</span> <span class="chip">Nautical</span> <span class="chip">Wargame</span> <span class="chip">World War II</span></div><div class="factrow"><b>mechanics</b> <span class="chip">Dice Rolling</span> <span class="chip">Events</span> <span class="chip">Grid Movement</span> <span class="chip">Hexagon Grid</span> <span class="chip">Hidden Movement</span> <span class="chip">Line of Sight</span> <span class="chip">Movement Points</span> <span class="chip">Paper-and-Pencil</span> <span class="chip">Scenario / Mission / Campaign Game</span> <span class="chip">Secret Unit Deployment</span> <span class="chip">Simulation</span> <span class="chip">Variable Set-up</span></div></div>
+</div>
+
+<div class="card desc">Flat Top is a board wargame of high complexity that covers the battles of the Solomon Seas between the United States and Japan in 1942. It is very well researched and covers all aspects of naval and air combat as it existed in 1942. The system depicts weather, air searches, air combat, surface combat, carrier operations, submarines, air bases, supplies, and much more. The game requires intense planning and searching since movement is covert and the map is huge.
+
+The units are individual ships and submarines with each air point representing three aircraft. Hexes are twenty miles, and each turn represents one hour.
+
+The game includes thirteen hundred counters, 4 maps to create a 44&quot; x 28&quot; map of the South Pacific, four Allied/Japanese operations cards, three player aid cards and two log sheets.
+
+
+            First edition Battle Line has two counter card sheets containing 800 counters.</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>