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>Civilization · The Game Shelves</title>
+<meta name="description" content="Civilization in The Game Shelves">
+<meta property="og:title" content="Civilization · The Game Shelves">
+<meta property="og:image" content="../art/71-24006.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/71" rel="noopener">view on BGG ↗</a></p>
+<h1>Civilization <span class="meta">(1980)</span></h1>
+<div class="detail">
+  <div class="art"><img src="../art/71-24006.jpg" alt="box art for Civilization"></div>
+  <div class="facts"><div class="factrow"><b>players</b> 2–7 players (best at 6, 7)</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> 3.64 / 5</div><div class="factrow"><b>BGG rank</b> 540</div><div class="factrow"><b>BGG rating</b> 7.48</div><div class="factrow"><b>designers</b> <span class="chip">Francis Tresham</span></div><div class="factrow"><b>artists</b> <span class="chip">Ed Dovey</span> <span class="chip">Charles Kibler</span> <span class="chip">Rodger B. MacGowan</span> <span class="chip">Guillaume Rohmer</span> <span class="chip">Dale Sheaffer</span> <span class="chip">Francis Tresham</span></div><div class="factrow"><b>publishers</b> <span class="chip">Hartland Trefoil Ltd.</span> <span class="chip">ACE Pelit Oy</span> <span class="chip">The Avalon Hill Game Co</span> <span class="chip">Compendium Games</span> <span class="chip">Descartes Editeur</span> <span class="chip">Gibsons</span></div><div class="factrow"><b>categories</b> <span class="chip">Ancient</span> <span class="chip">Civilization</span> <span class="chip">Economic</span> <span class="chip">Negotiation</span></div><div class="factrow"><b>mechanics</b> <span class="chip">Area Majority / Influence</span> <span class="chip">Area Movement</span> <span class="chip">Automatic Resource Growth</span> <span class="chip">Hand Management</span> <span class="chip">Set Collection</span> <span class="chip">Simulation</span> <span class="chip">Tech Trees / Tech Tracks</span> <span class="chip">Trading</span> <span class="chip">Turn Order: Stat-Based</span></div></div>
+</div>
+<div class="card"><div class="factrow"><b>my copy</b> Avalon Hill first edition 1981 · 1981</div><div class="factrow"><b>publishers</b> <span class="chip">The Avalon Hill Game Co</span></div><div class="factrow"><b>languages</b> <span class="chip">English</span></div></div>
+<div class="card desc">Civilization is a game of skill for 2 to 7 players. It covers the development of ancient civilizations from the invention of agriculture c. 8000 B.C. to the emergence of Rome around the middle of the third century B.C. Each player leads a nation of peoples over a map board of the Eastern Mediterranean and Near East as they attempt to carve a niche for themselves and their culture.
+
+Although battles and territorial strategy are important, this is not a war game because it is not won by battle or conquest. Instead, the object of play is to gain a level of overall advancement involving cultural, economic, and political factors so that such conflicts that do arise are a result of rivalry and land shortage rather than a desire to eliminate other players. Nomad and farmer, warrior and merchant, artisan and citizen all have an essential part to play in the development of civilization. It is the player who most effectively changes emphasis between these various outlooks who will achieve the best balance and win.
+
+(from the Introduction to the Avalon Hill edition rulebook)
+
+This game has a huge following and is widely regarded as one of the best games about ancient civilizations. Each player takes on the role of leader of an ancient civilization, such as the Illyrians or Babylonians. Your task is to guide your people through the ages by expanding your empire and using its proceeds to finance new technological advances, such as Literacy, Metalworking, or Law. The advancements help your civilization better cope with its problems as well as help bring new advancements.
+
+Civilization is widely thought to be the first game ever to incorporate a &quot;technology tree,&quot; allowing players to gain certain items and abilities only after particular other items were obtained. This influential mechanism has been adopted by countless other board games, card games, and computer games.</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>