rope/guildhall
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Character sheets; make one then go back to what you were doing

Browse source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-10-18 19:35:21 +01:00
parent d2991ebf7a
commit 34dc85284d
5 changed files with 167 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

26
static/styles.css
View file

@ -273,6 +273,31 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
.levels { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 10px; font-size: 13px; margin-top: 10px; }
.levels span { color: var(--muted); }
/* --- character sheet -------------------------------------------------- */
.sheet-head { display: flex; gap: 16px; align-items: center; }
.sheet-head .big { font-size: 44px; width: 72px; height: 72px; display: grid; place-items: center; background: var(--panel-2); border-radius: 16px; flex: none; }
.sheet-head h2 { margin: 0; font-size: 24px; letter-spacing: 0; text-transform: none; color: var(--text); }
.grow { flex: 1; min-width: 0; }
.sheet-gear { display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(min(150px, 100%), 1fr)); }
.sheet-slot { background: var(--panel-2); border: 1px solid var(--line); border-radius: 10px; padding: 8px 10px; min-height: 64px; }
.sheet-slot.empty { background: transparent; border-style: dashed; }
.sheet-slot .k { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin-bottom: 4px; }
.sheet-item { display: flex; align-items: center; gap: 8px; }
.sheet-item .ico { font-size: 24px; }
.sheet-item > span:nth-child(2) { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.sheet-skills { display: flex; flex-direction: column; gap: 4px; }
.sheet-skill { display: flex; align-items: center; gap: 10px; padding: 7px 8px; border-radius: 8px; border: 0; background: none; text-align: left; width: 100%; }
button.sheet-skill:hover { background: var(--panel-2); }
.sheet-skill .ico { font-size: 20px; width: 26px; text-align: center; }
.sheet-skill .row1 { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; }
.sheet-skill .row1 b { flex: 1; font-weight: 600; }
.sheet-skill .marks { font-size: 14px; }
.sheet-skill .lv { font-variant-numeric: tabular-nums; font-weight: 650; min-width: 22px; text-align: right; }
.sheet-skill .grow { display: flex; flex-direction: column; }
.sheet-skill .bar { display: block; height: 5px; }
.favour { color: var(--favour); }
/* --- register --------------------------------------------------------- */
.welcome { max-width: 760px; }
@ -340,3 +365,4 @@ table.parts td:last-child { text-align: right; font-variant-numeric: tabular-num
.nav { padding: 11px 18px; }
.btn.sm { padding: 6px 11px; }
}
.linkish { background: none; border: 0; padding: 0; color: var(--xp); text-decoration: underline; font: inherit; }