The hall seats Dip: a card of its own chart, four games two by two, and a new share image
Dip is not in family.json yet, so the games' about panels do not list it. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG
This commit is contained in:
co-authored by
Claude Opus 5.5
parent
7268c3f1ae
commit
8ab1e0b794
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
@@ -4,7 +4,7 @@
|
|||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>Kestrel's Hall</title>
|
<title>Kestrel's Hall</title>
|
||||||
<meta name="description" content="Free board games in the browser: Wiz-War, Waving Hands, and Hnefatafl. Play with friends by link or alone against the house. No accounts, no adverts, nothing sold.">
|
<meta name="description" content="Free board games in the browser: Wiz-War, Waving Hands, Hnefatafl, and Dip. Play with friends by link or alone against the house. No accounts, no adverts, nothing sold.">
|
||||||
<link rel="canonical" href="https://gamehall.kestrelsnest.social/">
|
<link rel="canonical" href="https://gamehall.kestrelsnest.social/">
|
||||||
<meta property="og:type" content="website">
|
<meta property="og:type" content="website">
|
||||||
<meta property="og:title" content="Kestrel's Hall">
|
<meta property="og:title" content="Kestrel's Hall">
|
||||||
@@ -57,7 +57,7 @@
|
|||||||
}
|
}
|
||||||
header.mast p.lede b { color: var(--bone); font-weight: 500; }
|
header.mast p.lede b { color: var(--bone); font-weight: 500; }
|
||||||
|
|
||||||
.games { display: grid; gap: 22px; grid-template-columns: repeat(3, 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; } }
|
||||||
.game {
|
.game {
|
||||||
display: flex; flex-direction: column;
|
display: flex; flex-direction: column;
|
||||||
@@ -74,6 +74,7 @@
|
|||||||
.game .art img.fill { width: 100%; height: 100%; object-fit: cover; display: block; }
|
.game .art img.fill { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||||||
.game .art img.tafl { object-position: 50% 50%; }
|
.game .art img.tafl { object-position: 50% 50%; }
|
||||||
.game .art img.hands { object-position: 0% 50%; }
|
.game .art img.hands { object-position: 0% 50%; }
|
||||||
|
.game .art img.dip { object-position: 50% 55%; }
|
||||||
.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); }
|
||||||
@@ -171,6 +172,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
<a class="game" href="https://dip.kestrelsnest.social">
|
||||||
|
<div class="art"><img class="fill dip" src="dip.jpg" alt="Dip's chart of Europe at the opening: the seven powers' armies and fleets on their home centers, joined by the lines they may move along."></div>
|
||||||
|
<div class="body">
|
||||||
|
<h2>Dip</h2>
|
||||||
|
<p class="pitch">Seven powers. One map. Nobody has to keep their word.</p>
|
||||||
|
<p class="facts">2 to 7 players · an unofficial rebuild of Allan B. Calhamer's 1959 Diplomacy</p>
|
||||||
|
<span class="play">Play at dip.kestrelsnest.social →</span>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<section class="cols">
|
<section class="cols">
|
||||||
@@ -178,7 +189,7 @@
|
|||||||
<h2>How a table works</h2>
|
<h2>How a table works</h2>
|
||||||
<ul class="how">
|
<ul class="how">
|
||||||
<li><b>Open a table</b> and you get a four-letter code and a link. Send it to a friend; they sit down and you begin.</li>
|
<li><b>Open a table</b> and you get a four-letter code and a link. Send it to a friend; they sit down and you begin.</li>
|
||||||
<li><b>No one home?</b> Every game seats the house: an automaton, a housecarl, a rival wizard. Play now, alone.</li>
|
<li><b>No one home?</b> Every game seats the house: an automaton, a housecarl, a rival wizard, an envoy. Play now, alone.</li>
|
||||||
<li><b>Nothing to sign up for.</b> Your browser holds your seat. Close the tab and come back; the game is where you left it.</li>
|
<li><b>Nothing to sign up for.</b> Your browser holds your seat. Close the tab and come back; the game is where you left it.</li>
|
||||||
<li><b>Watchers welcome.</b> Anyone with the link can sit in the Peanut Gallery and, if the host allows, join the table talk.</li>
|
<li><b>Watchers welcome.</b> Anyone with the link can sit in the Peanut Gallery and, if the host allows, join the table talk.</li>
|
||||||
<li><b>Something went wrong?</b> Every table has a report button that reaches the keeper, pinned to the exact moment.</li>
|
<li><b>Something went wrong?</b> Every table has a report button that reaches the keeper, pinned to the exact moment.</li>
|
||||||
@@ -199,7 +210,7 @@
|
|||||||
</section>
|
</section>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
<p>Wiz-War is Tom Jolly's design; the rights rest with Steve Jackson Games. Waving Hands is Richard Bartle's. Nothing here is official or endorsed by Steve Jackson Games or Richard Bartle. Hnefatafl belongs to everyone; it is a thousand years old.</p>
|
<p>Wiz-War is Tom Jolly's design; the rights rest with Steve Jackson Games. Waving Hands is Richard Bartle's. Diplomacy is Allan B. Calhamer's design, and its name is a trademark of Hasbro. Nothing here is official or endorsed by Steve Jackson Games, Richard Bartle or Hasbro. Hnefatafl belongs to everyone; it is a thousand years old.</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 182 KiB After Width: | Height: | Size: 189 KiB |
Reference in New Issue
Block a user