Sam Rolfe
3b3e63afb9
- docs/pi-dashboard.mmd — Mermaid source of truth - docs/diagrams/pi-dashboard.png|svg — rendered via mmdc (mermaid-cli 11.16.0) - docs/archify/pi-dashboard.architecture.json — Archify JSON IR - docs/pi-dashboard-map.html — interactive map (9/9 showcase checks) - docs/README.md — embedded mermaid + artifact index + regenerate commands - visual-check screenshots/evidence at 1440x900 + 2048x1320 (light/dark) Generated by project-diagramming-mermaid + project-diagramming-archify skills.
33 lines
1.9 KiB
HTML
33 lines
1.9 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Archify visual-check · pi-dashboard-map.html</title>
|
||
<style>
|
||
*{box-sizing:border-box}body{margin:0;padding:24px;background:#e9eef5;color:#172033;font:14px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}header{max-width:1500px;margin:0 auto 18px}h1{margin:0 0 6px;font-size:20px}p{margin:0;color:#526176}.grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}figure{margin:0;padding:10px;background:white;border:1px solid #c9d4e3;border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.08)}img{display:block;width:100%;height:auto;border:1px solid #e2e8f0}figcaption{padding:9px 4px 2px;color:#526176}@media(max-width:900px){.grid{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<header><h1>Archify visual-check</h1><p>pi-dashboard-map.html · automated containment pass · visual review pending</p></header>
|
||
<main class="grid">
|
||
<figure>
|
||
<img src="pi-dashboard-map.visual-check.1440x900.light.png" alt="light 1440 by 900">
|
||
<figcaption><strong>LIGHT</strong> · 1440×900 · containment pass</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="pi-dashboard-map.visual-check.1440x900.dark.png" alt="dark 1440 by 900">
|
||
<figcaption><strong>DARK</strong> · 1440×900 · containment pass</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="pi-dashboard-map.visual-check.2048x1320.light.png" alt="light 2048 by 1320">
|
||
<figcaption><strong>LIGHT</strong> · 2048×1320 · containment pass</figcaption>
|
||
</figure>
|
||
<figure>
|
||
<img src="pi-dashboard-map.visual-check.2048x1320.dark.png" alt="dark 2048 by 1320">
|
||
<figcaption><strong>DARK</strong> · 2048×1320 · containment pass</figcaption>
|
||
</figure>
|
||
</main>
|
||
</body>
|
||
</html>
|