ninja_hippo/card-grader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI: slab brand mark replacing checkmark, header aligned to page column, flatter controls

Browse source
This commit is contained in:
Barely Removable 2026-08-22 12:20:56 -07:00
parent fa5467e55d
commit 527558bef2
4 changed files with 73 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

24
static/index.html
View file

@ -23,13 +23,23 @@
<body>
<header class="topbar">
<div class="brand">
<span class="brand-mark"></span>
<h1>Card Grader</h1>
</div>
<div class="topbar-actions">
<button id="btn-install" class="btn" hidden>Install app</button>
<button id="btn-settings" class="btn btn-quiet">Settings</button>
<div class="topbar-inner">
<div class="brand">
<!-- A graded slab: the case, its label, and the card sealed inside.
This is the literal object the whole app estimates, so it says
what this is without belonging to any one card game — which a
checkmark (or any single game's iconography) doesn't. -->
<svg class="brand-mark" viewBox="0 0 24 30" fill="none" aria-hidden="true" focusable="false">
<rect class="mark-case" x="1.15" y="1.15" width="21.7" height="27.7" rx="3.4" stroke-width="1.7"/>
<rect class="mark-label" x="5.2" y="5.3" width="13.6" height="3.3" rx="1.3"/>
<rect class="mark-card" x="5.2" y="11.9" width="13.6" height="12.9" rx="1.6"/>
</svg>
<h1>Card Grader</h1>
</div>
<div class="topbar-actions">
<button id="btn-install" class="btn" hidden>Install app</button>
<button id="btn-settings" class="btn btn-quiet">Settings</button>
</div>
</div>
</header>