Eric WagonerandClaude Opus 4.8
cfabb20537
Port the export's physical shelf layout (.wall/.orow/.ocell) into the scoped embed.css so /mygames/?g=shelves renders the wall in true proportions, using the cream board color and accent-purple links for legibility on the dark theme. Includes a fresh bggpipe re-export (new Etherfields and Red Dragon Inn titles, updated art). embed.js/embed.css are untouched by the export. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
26 lines
13 KiB
HTML
26 lines
13 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>The shelves · The Game Shelves</title>
|
||
<meta name="description" content="The Game Shelves: a board game library">
|
||
<meta property="og:title" content="The shelves · 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>The shelves</h1><p class="meta">Where everything lives — drawn as the wall stands.</p><h2>Library Kallax</h2><p class="meta">Centerpiece of the game wall in the library</p><div class="wall"><div class="orow"><div class="ocell" style="flex-grow:212"><b>Top</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:106"><b>A1</b> <span class="ozone">oversize</span><p class="ogames"><a href="../age-of-renaissance/">Age of Renaissance</a> · <a href="../gloomhaven/">Gloomhaven</a> · <a href="../history-of-the-world/">History of the World</a> · <a href="../simon-s-cat-card-game/">Simon's Cat Card Game</a> · <a href="../skip-bo/">Skip-Bo</a> · <a href="../snappy-dressers/">Snappy Dressers</a> · <a href="../tem-purr-a/">Tem-Purr-A</a></p></div><div class="ocell" style="flex-grow:106"><b>A2</b> <span class="ozone">oversize</span><p class="ogames"><a href="../bugs-in-the-kitchen/">Bugs in the Kitchen</a> · <a href="../everdell-the-complete-collection/">Everdell: The Complete Collection</a> · <a href="../risk-the-lord-of-the-rings/">Risk: The Lord of the Rings</a> · <a href="../the-cat-game/">The Cat Game</a> · <a href="../the-rocky-horror-trivia-game/">The Rocky Horror Trivia Game</a> · <a href="../utter-nonsense/">Utter Nonsense</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:53"><b>B1</b> <span class="ozone">party</span><p class="meta">big boxes a-m</p><p class="ogames"><a href="../dixit/">Dixit</a> · <a href="../flick-em-up/">Flick 'em Up!</a> · <a href="../googly-eyes/">Googly Eyes</a> · <a href="../meteor/">Meteor</a> · <a href="../mysterium/">Mysterium</a> · <a href="../sheriff-of-nottingham/">Sheriff of Nottingham</a> · <a href="../sheriff-of-nottingham-merry-men/">Sheriff of Nottingham: Merry Men</a></p></div><div class="ocell" style="flex-grow:53"><b>B2</b> <span class="ozone">party</span><p class="meta">big boxes n-z</p><p class="ogames"><a href="../speechless/">Speechless</a> · <a href="../superfight/">Superfight</a> · <a href="../the-red-dragon-inn-5-the-character-trove/">The Red Dragon Inn 5: The Character Trove</a> (+15 inside) · <a href="../the-red-dragon-inn-smorgasbox/">The Red Dragon Inn Smorgasbox</a> · <a href="../throw-throw-avocado/">Throw Throw Avocado</a></p></div><div class="ocell" style="flex-grow:53"><b>B3</b> <span class="ozone">party</span><p class="meta">card rows standing</p><p class="ogames"><a href="../before-i-kill-you-mister-spy/">Before I Kill You, Mister Spy...</a> · <a href="../bluffaneer/">Bluffaneer</a> · <a href="../captain-marvel-secret-skrulls/">Captain Marvel: Secret Skrulls</a> · <a href="../cards-against-humanity/">Cards Against Humanity</a> · <a href="../code-master/">Code Master</a> · <a href="../farkle/">Farkle</a> · <a href="../fluxx/">Fluxx</a> · <a href="../give-me-the-brain/">Give Me the Brain!</a> · <a href="../go-fish-yourself/">Go Fish Yourself</a> · <a href="../greed-quest/">Greed Quest</a> · <a href="../jenga/">Jenga</a> · <a href="../joking-hazard/">Joking Hazard</a> · <a href="../kill-doctor-lucky/">Kill Doctor Lucky</a> · <a href="../poetry-for-neanderthals/">Poetry for Neanderthals</a> · <a href="../rook/">Rook</a> · <a href="../scrawl/">Scrawl</a></p></div><div class="ocell" style="flex-grow:53"><b>B4</b> <span class="ozone">two-player</span><p class="ogames"><a href="../and-then-we-held-hands/">...and then, we held hands.</a> · <a href="../consentacle/">Consentacle</a> · <a href="../kensington/">Kensington</a> · <a href="../mage-wars-academy/">Mage Wars Academy</a> · <a href="../onitama/">Onitama</a> · <a href="../patchwork/">Patchwork</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:53"><b>C1</b> <span class="ozone">general</span><p class="ogames"><a href="../5-minute-dungeon/">5-Minute Dungeon</a> · <a href="../a-gentle-rain/">A Gentle Rain</a> · <a href="../artistry/">Artistry</a> (+1 inside) · <a href="../blink/">Blink</a> · <a href="../botany/">Botany</a> (+2 inside) · <a href="../calico/">Calico</a> · <a href="../carcassonne/">Carcassonne</a> · <a href="../castle-panic/">Castle Panic</a> · <a href="../castle-panic-the-dark-titan/">Castle Panic: The Dark Titan</a> · <a href="../castle-panic-the-wizard-s-tower/">Castle Panic: The Wizard's Tower</a> · <a href="../cat-crimes/">CAT CRIMES</a></p></div><div class="ocell" style="flex-grow:53"><b>C2</b> <span class="ozone">general</span><p class="ogames"><a href="../cat-stax/">CAT STAX</a> · <a href="../catan/">Catan</a> · <a href="../catan-dice-game/">Catan Dice Game</a> · <a href="../catan-junior/">Catan: Junior</a> · <a href="../cosmic-encounter/">Cosmic Encounter</a> · <a href="../dastardly-dirigibles/">Dastardly Dirigibles</a> · <a href="../deadly-doodles/">Deadly Doodles</a> · <a href="../doctor-who-the-card-game/">Doctor Who: The Card Game</a> · <a href="../doctor-who-the-game-of-time-space/">Doctor Who: The Game of Time & Space</a> · <a href="../dragon-land/">Dragon Land</a> · <a href="../dungeon/">Dungeon!</a> · <a href="../elite-sportz-equipment-table-top-curling/">Elite Sportz Equipment Table Top Curling</a> · <a href="../evolution-the-beginning/">Evolution: The Beginning</a> · <a href="../exploding-kittens/">Exploding Kittens</a></p></div><div class="ocell" style="flex-grow:53"><b>C3</b> <span class="ozone">general</span><p class="ogames"><a href="../forbidden-island/">Forbidden Island</a> · <a href="../gravity-maze/">GRAVITY MAZE</a> · <a href="../guillotine/">Guillotine</a> · <a href="../herbaceous/">Herbaceous</a> · <a href="../hold-your-breath/">Hold Your Breath!</a> · <a href="../huggermugger/">Huggermugger</a> · <a href="../labyrinth/">Labyrinth</a> · <a href="../laser-maze-beam-bending-logic-game/">LASER MAZE BEAM-BENDING LOGIC GAME</a> · <a href="../machi-koro/">Machi Koro</a> · <a href="../mantis-falls/">Mantis Falls</a> · <a href="../munchkin/">Munchkin</a> · <a href="../munchkin-big-box/">Munchkin Big Box</a> · <a href="../murder-at-the-manor/">Murder at the Manor</a> · <a href="../no-thank-you-evil/">No Thank You, Evil!</a></p></div><div class="ocell" style="flex-grow:53"><b>C4</b> <span class="ozone">general</span><p class="ogames"><a href="../ouija/">Ouija</a> · <a href="../pie-face/">Pie Face!</a> · <a href="../rivals/">Rivals</a> · <a href="../robot-turtles/">Robot Turtles</a> · <a href="../royals/">Royals</a> · <a href="../santorini/">Santorini</a> · <a href="../scrabble-slam/">Scrabble Slam!</a> · <a href="../skylanders-portal-master/">Skylanders Portal Master</a> · <a href="../small-world/">Small World</a> · <a href="../sorcerer-the-game-of-magical-conflict/">Sorcerer: The Game of Magical Conflict</a> · <a href="../spanc-space-pirate-amazon-ninja-catgirls/">SPANC: Space Pirate Amazon Ninja Catgirls</a> · <a href="../super-mario-checkers-collector-s-edition/">Super Mario Checkers Collector's Edition</a> · <a href="../tang-garden/">Tang Garden</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:53"><b>D1</b> <span class="ozone">general</span><p class="ogames"><a href="../terror-in-meeple-city/">Terror in Meeple City</a> · <a href="../the-doom-that-came-to-atlantic-city/">The Doom That Came to Atlantic City</a> · <a href="../the-office-trivia-game/">The Office Trivia Game</a> · <a href="../the-simpsons-trivia-game/">The Simpsons Trivia Game</a> · <a href="../ticket-to-ride/">Ticket to Ride</a> · <a href="../verdant/">Verdant</a> · <a href="../v-lusp/">Völuspá</a> · <a href="../walk-the-plank/">Walk the Plank!</a> · <a href="../wiz-war/">Wiz-War</a> · <a href="../wiz-war-9th-edition/">Wiz-War (9th Edition)</a> · <a href="../wiz-war-eighth-edition/">Wiz-War (Eighth Edition)</a></p></div><div class="ocell" style="flex-grow:53"><b>D2</b> <span class="ozone">vintage wargames</span><p class="ogames"><a href="../advanced-civilization/">Advanced Civilization</a> · <a href="../britannia/">Britannia</a> · <a href="../civilization/">Civilization</a> · <a href="../civilization-west-extension-map/">Civilization: West Extension Map</a> · <a href="../diplomacy/">Diplomacy</a> · <a href="../flat-top/">Flat Top</a> · <a href="../starforce-alpha-centauri-interstellar-conflict-in-the-25th-century/">StarForce 'Alpha Centauri': Interstellar Conflict in the 25th Century</a></p></div><div class="ocell" style="flex-grow:53"><b>D3</b> <span class="ozone">heavy</span><p class="ogames"><a href="../agricola/">Agricola</a> · <a href="../gloomhaven-buttons-bugs/">Gloomhaven: Buttons & Bugs</a> · <a href="../gloomhaven-jaws-of-the-lion/">Gloomhaven: Jaws of the Lion</a></p></div><div class="ocell" style="flex-grow:53"><b>D4</b> <span class="ozone">campaign</span><p class="ogames"><a href="../sleeping-gods/">Sleeping Gods</a> · <a href="../sleeping-gods-distant-skies/">Sleeping Gods: Distant Skies</a> · <a href="../sleeping-gods-primeval-peril/">Sleeping Gods: Primeval Peril</a> · <a href="../sleeping-gods-tides-of-ruin/">Sleeping Gods: Tides of Ruin</a></p></div></div></div><h2>Library Right Shelving</h2><p class="meta">To the right of the Kallax</p><div class="wall"><div class="orow"><div class="ocell" style="flex-grow:94"><b>Top</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>A1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>B1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>C1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>D1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>E1</b> <p class="ogames"><a href="../etherfields/">Etherfields</a> · <a href="../etherfields-5th-player-expansion/">Etherfields: 5th Player Expansion</a> · <a href="../etherfields-funeral-witch-campaign/">Etherfields: Funeral Witch Campaign</a> · <a href="../etherfields-kittenburg-expansion/">Etherfields: Kittenburg Expansion</a> · <a href="../etherfields-sphinx-campaign/">Etherfields: Sphinx Campaign</a> · <a href="../etherfields-stretch-goals-harpy-she-wolf-campaigns/">Etherfields: Stretch Goals – Harpy & She-Wolf Campaigns</a></p></div></div></div><h2>Library Left Shelving</h2><p class="meta">To the left of the Kallax</p><div class="wall"><div class="orow"><div class="ocell" style="flex-grow:94"><b>Top</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>A1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>B1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>C1</b> <p class="ogames"><span class=meta>empty</span></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>D1</b> <p class="ogames"><a href="../alice-is-missing/">Alice is Missing</a> · <a href="../alice-is-missing-silent-falls/">Alice is Missing: Silent Falls</a> · <a href="../dark-cults/">Dark Cults</a> · <a href="../parsely/">Parsely</a></p></div></div><div class="orow"><div class="ocell" style="flex-grow:93"><b>E1</b> <p class="ogames"><a href="../frosthaven/">Frosthaven</a></p></div></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> |