archvillainetteandClaude Opus 5
0705b0100e
Throwaway prototype backing issue #49. Two pages sharing one shell (index.html outdoors, forum.html indoors) plus the rejected ledger-frame option (a-ledger.html) kept for comparison. Not for merge. Values here are candidates, not tokens. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
92 lines
5.0 KiB
HTML
92 lines
5.0 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Westgate — the archive</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@600&family=Jost:wght@300;400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="shell.css">
|
|
<style>
|
|
/* indoors: same shell, ornament turned down, ledger takes over */
|
|
/* One Rail: shell and content share the same left/right edge on every page.
|
|
Nothing is inset inside anything. Density is spacing and ornament only. */
|
|
:root{--fit:.35}
|
|
.crumb{display:flex;gap:.6rem;align-items:baseline;padding:1.2rem var(--rail) .4rem;
|
|
font-size:.8rem;color:var(--dust)}
|
|
.crumb a{text-decoration:none;color:var(--ink-muted)}
|
|
.crumb span{color:var(--pewter-deep)}
|
|
.room{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:.6rem var(--rail) 3rem;
|
|
background:var(--crypt)}
|
|
.bar{display:flex;justify-content:space-between;align-items:center;
|
|
padding:.5rem .2rem 1rem}
|
|
.bar h1{font-size:1.35rem;letter-spacing:.05em}
|
|
aside .box{padding-left:1.2rem;margin-bottom:1.6rem;position:relative}
|
|
aside .box::before{content:"";position:absolute;left:0;top:.2rem;bottom:.2rem;width:1px;
|
|
background:linear-gradient(180deg,rgba(140,143,151,.3),transparent)}
|
|
/* the page title sits on a fading rule, not a hard bar */
|
|
.bar{border-bottom:0}
|
|
aside p{font-size:.88rem;color:var(--dust);margin:.6rem 0 0}
|
|
.pager{display:flex;gap:.4rem;justify-content:flex-end;margin-top:1rem;
|
|
font-size:.8rem;color:var(--dust)}
|
|
.pager b{color:var(--gold);font-weight:400}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="tag">Indoors — app density (--fit: .35)</div>
|
|
<div class="page">
|
|
|
|
<header class="lintel">
|
|
<a class="mark" href="index.html">Shadows Over Westgate</a>
|
|
<nav>
|
|
<a href="index.html">The City</a>
|
|
<a href="forum.html" aria-current="page">Forum</a>
|
|
<a href="forum.html">Archive</a>
|
|
<a href="forum.html">Enter</a>
|
|
</nav>
|
|
<div class="rivets"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
|
|
</header>
|
|
|
|
<div class="status"><span class="lamp"></span> The gates are open. Fourteen souls walk the city tonight.</div>
|
|
|
|
<div class="crumb"><a href="index.html">The City</a><span>·</span><a href="forum.html">The Archive</a><span>·</span><span>Entries of the Court</span></div>
|
|
|
|
<div class="room">
|
|
<main>
|
|
<div class="bar">
|
|
<h1>Entries of the Court</h1>
|
|
<a class="btn" href="#">New entry</a>
|
|
</div>
|
|
|
|
<div class="ledger framed">
|
|
<div class="row head"><span>Entry</span><span>Hand</span><span>Replies</span><span>Last</span></div>
|
|
<div class="row"><a class="t" href="#">The Ashgate Concession</a><span class="m">Ledgerkeeper</span><span class="n">41</span><span class="d">2h</span></div>
|
|
<div class="row"><a class="t" href="#">On the matter of the second seal</a><span class="m">V. Marrow</span><span class="n">17</span><span class="d">5h</span></div>
|
|
<div class="row"><a class="t" href="#">Debts owed to the Clockmakers' Guild</a><span class="m">Anonymous</span><span class="n">8</span><span class="d">9h</span></div>
|
|
<div class="row"><a class="t" href="#">Petition: the widow at Candlewharf</a><span class="m">House Verrine</span><span class="n">63</span><span class="d">1d</span></div>
|
|
<div class="row"><a class="t" href="#">Errata to the census of 1114</a><span class="m">Ledgerkeeper</span><span class="n">2</span><span class="d">1d</span></div>
|
|
<div class="row"><a class="t" href="#">Concerning the Foundry night shift</a><span class="m">Grell</span><span class="n">29</span><span class="d">2d</span></div>
|
|
<div class="row"><a class="t" href="#">A list of names, unsigned</a><span class="m">Anonymous</span><span class="n">104</span><span class="d">2d</span></div>
|
|
<div class="row"><a class="t" href="#">On lamp oil and its accounting</a><span class="m">Sable</span><span class="n">6</span><span class="d">3d</span></div>
|
|
<div class="row"><a class="t" href="#">The harbour tithe, revised</a><span class="m">House Verrine</span><span class="n">12</span><span class="d">4d</span></div>
|
|
<div class="row" style="border:0"><a class="t" href="#">Who kept the third key</a><span class="m">V. Marrow</span><span class="n">38</span><span class="d">6d</span></div>
|
|
</div>
|
|
|
|
<div class="pager"><b>1</b> · 2 · 3 · 4 · 211</div>
|
|
</main>
|
|
|
|
<aside>
|
|
<div class="box"><div class="label dull" style="font-size:.7rem">Tonight</div>
|
|
<p>Rain off the harbour. Two wards dark. The Foundry is still running.</p></div>
|
|
<div class="box"><div class="label dull" style="font-size:.7rem">Seals in force</div>
|
|
<p>Verrine · Marrow · the Guild</p></div>
|
|
<div class="box"><div class="label dull" style="font-size:.7rem">Newly arrived</div>
|
|
<p>Three petitioners at the Verrine gate.</p></div>
|
|
</aside>
|
|
</div>
|
|
|
|
<footer class="foundation"><span>Westgate</span><span>Est. 1114 · the record is kept</span></footer>
|
|
</div>
|
|
</body>
|
|
</html>
|