The hall's cards say who plays on one line and where the game came from on a quieter one, with a word for newcomers under the intro

Each card's players and origin are two lines, the origin a step
smaller. Dip's description is shorter and its players line says "2 to
10, depending on the map". The intro says "start a table" like the list
beneath it, and a line under it points newcomers at Wiz-War. The Waving
Hands picture is re-cropped from the same capture, the grid centered
and the stray edge gone.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Eric Wagoner
2026-10-11 20:59:53 -04:00
co-authored by Claude Fable 5.1
parent 7301e98802
commit 87c2215e5f
2 changed files with 15 additions and 7 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 34 KiB

After

Width:  |  Height:  |  Size: 33 KiB

+15 -7
View File
@@ -55,6 +55,7 @@
color: var(--bone-dim); color: var(--bone-dim);
} }
header.mast p.lede b { color: var(--bone); font-weight: 500; } header.mast p.lede b { color: var(--bone); font-weight: 500; }
header.mast p.newcomer { margin: 10px auto 0; max-width: 38em; font-size: 0.95rem; color: var(--bone-dim); }
.games { display: grid; gap: 22px; grid-template-columns: repeat(2, 1fr); margin-top: 22px; } .games { display: grid; gap: 22px; grid-template-columns: repeat(2, 1fr); margin-top: 22px; }
@media (max-width: 860px) { .games { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; } } @media (max-width: 860px) { .games { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; } }
@@ -76,7 +77,8 @@
.game .body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; } .game .body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 6px; flex: 1; }
.game h2 { margin: 0; font-size: 1.45rem; font-weight: 500; } .game h2 { margin: 0; font-size: 1.45rem; font-weight: 500; }
.game .pitch { margin: 0; color: var(--bone); } .game .pitch { margin: 0; color: var(--bone); }
.game .facts, .game .length { margin: 0; color: var(--bone-dim); font-size: 0.92rem; } .game .players, .game .length { margin: 0; color: var(--bone-dim); font-size: 0.92rem; }
.game .origin { margin: 0; color: var(--bone-dim); font-size: 0.85rem; }
.game .length:empty { display: none; } .game .length:empty { display: none; }
.game .go { margin-top: auto; padding-top: 10px; display: flex; flex-direction: column; gap: 2px; } .game .go { margin-top: auto; padding-top: 10px; display: flex; flex-direction: column; gap: 2px; }
.game .play { color: var(--gold); font-size: 1rem; } .game .play { color: var(--gold); font-size: 1rem; }
@@ -125,7 +127,9 @@
<header class="mast"> <header class="mast">
<h1>Kestrel's Hall</h1> <h1>Kestrel's Hall</h1>
<p class="lede"><b>Free board games in the browser.</b> Play alone against the house right away, or open a table and send friends the link. No accounts, no adverts, no timers, and nothing sold.</p> <p class="lede"><b>Free board games in the browser.</b> Play alone against the house right away, or start a table and send friends the link. No accounts, no adverts, no timers, and nothing sold.</p>
<!-- A word for newcomers, one line to tune or remove. -->
<p class="newcomer">New here? Wiz-War is the friendliest place to start, and a game can be over in minutes. Dip is the long game.</p>
</header> </header>
<div class="games"> <div class="games">
@@ -153,7 +157,8 @@
<div class="body"> <div class="body">
<h2>Wiz-War</h2> <h2>Wiz-War</h2>
<p class="pitch">Steal treasure. Blast through walls. Outwit your friends.</p> <p class="pitch">Steal treasure. Blast through walls. Outwit your friends.</p>
<p class="facts">2 to 6 players, or solo against the automaton · an unofficial rebuild of Tom Jolly's 1993 board game</p> <p class="players">2 to 6 players, or solo against the automaton</p>
<p class="origin">An unofficial rebuild of Tom Jolly's 1993 board game</p>
<p class="length"></p> <p class="length"></p>
<div class="go"> <div class="go">
<span class="play">Play Wiz-War →</span> <span class="play">Play Wiz-War →</span>
@@ -167,7 +172,8 @@
<div class="body"> <div class="body">
<h2>Waving Hands</h2> <h2>Waving Hands</h2>
<p class="pitch">Wizards duel with their hands, and the right run of gestures is a spell.</p> <p class="pitch">Wizards duel with their hands, and the right run of gestures is a spell.</p>
<p class="facts">2 to 12 players, or solo against a rival wizard · Richard Bartle's pencil-and-paper duel, 1977</p> <p class="players">2 to 12 players, or solo against a rival wizard</p>
<p class="origin">Richard Bartle's pencil-and-paper duel, 1977</p>
<p class="length"></p> <p class="length"></p>
<div class="go"> <div class="go">
<span class="play">Play Waving Hands →</span> <span class="play">Play Waving Hands →</span>
@@ -181,7 +187,8 @@
<div class="body"> <div class="body">
<h2>Hnefatafl</h2> <h2>Hnefatafl</h2>
<p class="pitch">The Viking board game of a king breaking for safety and a ring of attackers closing in.</p> <p class="pitch">The Viking board game of a king breaking for safety and a ring of attackers closing in.</p>
<p class="facts">2 players, or solo against the housecarl · the Norse tafl game, by the Copenhagen rules or Linnaeus's 1732 Tablut</p> <p class="players">2 players, or solo against the housecarl</p>
<p class="origin">The Norse tafl game, by the Copenhagen rules or Linnaeus's 1732 Tablut</p>
<p class="length"></p> <p class="length"></p>
<div class="go"> <div class="go">
<span class="play">Play Hnefatafl →</span> <span class="play">Play Hnefatafl →</span>
@@ -194,8 +201,9 @@
<div class="art"><img class="fill dip" src="dip.jpg" alt="Dip's map of Europe at the opening: the seven powers' armies and fleets on their home centers, each power's lands in its color."></div> <div class="art"><img class="fill dip" src="dip.jpg" alt="Dip's map of Europe at the opening: the seven powers' armies and fleets on their home centers, each power's lands in its color."></div>
<div class="body"> <div class="body">
<h2>Dip</h2> <h2>Dip</h2>
<p class="pitch">Seven powers share one map, and none of them has to keep its word. Five fight on the Chromatic wheel, and ten on Youngstown Redux.</p> <p class="pitch">Seven powers share one map, and none of them has to keep its word. Other maps seat five or ten.</p>
<p class="facts">2 to 7 players (5 on Chromatic, 10 on Youngstown Redux), or solo against the house's envoys · an unofficial rebuild of Allan B. Calhamer's 1959 Diplomacy</p> <p class="players">2 to 10 players, depending on the map, or solo against the house's envoys</p>
<p class="origin">An unofficial rebuild of Allan B. Calhamer's 1959 Diplomacy</p>
<p class="length"></p> <p class="length"></p>
<div class="go"> <div class="go">
<span class="play">Play Dip →</span> <span class="play">Play Dip →</span>