Add The Frontier, a second setting, and a picker to choose between them
Cold Fork is a freight yard: 29 events across two stages, a four-day cycle, and its own relationship and skill vocabulary. src/engine/ was not touched. Adding it needed three changes outside the engine: one save slot per pack, app.js holding the current pack, and turn.js no longer naming the mailroom (DECISIONS #34). build.js now handles imports wrapped across lines. A conformance suite runs over every registered pack. DECISIONS #35 records three calls on open questions. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01RxdJFbLq1rBKsUeticGV1g
This commit is contained in:
co-authored by
Claude Opus 5
parent
4957c24e31
commit
7f20be83e8
@@ -308,3 +308,32 @@ body {
|
||||
|
||||
.screen--error { padding: 40px 0; }
|
||||
.screen--error h1 { font-size: 20px; color: var(--down); }
|
||||
|
||||
/* The setting picker. One card per content pack; the pack you are in is
|
||||
marked rather than hidden, because "keep playing" is the common case. */
|
||||
.screen--packs { padding: 40px 0; }
|
||||
.packs__eyebrow {
|
||||
margin: 0; font-size: 11px; letter-spacing: 0.14em;
|
||||
text-transform: uppercase; color: var(--ink-faint);
|
||||
}
|
||||
.packs__title { margin: 6px 0 6px; font-size: 32px; font-weight: 600; letter-spacing: -0.02em; }
|
||||
.packs__subtitle {
|
||||
margin: 0 0 28px; max-width: 52ch;
|
||||
color: var(--ink-soft); font-family: var(--serif); font-size: 17px;
|
||||
}
|
||||
.packs__list {
|
||||
list-style: none; margin: 0; padding: 0;
|
||||
display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 16px;
|
||||
}
|
||||
.packs__item {
|
||||
padding: 18px 18px 16px; background: var(--card);
|
||||
border: 1px solid var(--rule); border-radius: var(--radius);
|
||||
display: flex; flex-direction: column; gap: 8px;
|
||||
}
|
||||
.packs__item--current { border-color: var(--accent); }
|
||||
.packs__name { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -0.01em; }
|
||||
.packs__blurb { margin: 0; color: var(--ink-soft); font-family: var(--serif); font-size: 16px; }
|
||||
.packs__state {
|
||||
margin: 0 0 4px; font-size: 12px; letter-spacing: 0.04em; color: var(--ink-faint);
|
||||
}
|
||||
.packs__item .button { margin-top: auto; align-self: flex-start; }
|
||||
|
||||
Reference in New Issue
Block a user