31 lines
2.1 KiB
HTML
31 lines
2.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Spec 343 Screenshots</title>
|
|
<style>
|
|
:root { color-scheme: light dark; }
|
|
body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin: 24px; }
|
|
h1 { font-size: 18px; margin: 0 0 12px; }
|
|
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
|
|
a { display: block; text-decoration: none; color: inherit; border: 1px solid rgba(127,127,127,.3); border-radius: 10px; overflow: hidden; background: rgba(127,127,127,.06); }
|
|
.label { padding: 10px 12px; font-size: 12px; border-top: 1px solid rgba(127,127,127,.25); }
|
|
img { display: block; width: 100%; height: auto; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Spec 343 — Customer Review Workspace (Ack + Accepted Risk lifecycle)</h1>
|
|
<div class="grid">
|
|
<a href="01-acknowledgement-required.png"><img src="01-acknowledgement-required.png" alt="01" /><div class="label">01 — acknowledgement required</div></a>
|
|
<a href="02-review-acknowledged.png"><img src="02-review-acknowledged.png" alt="02" /><div class="label">02 — review acknowledged</div></a>
|
|
<a href="03-accepted-risks-present.png"><img src="03-accepted-risks-present.png" alt="03" /><div class="label">03 — accepted risks present</div></a>
|
|
<a href="04-accepted-risk-due-for-review.png"><img src="04-accepted-risk-due-for-review.png" alt="04" /><div class="label">04 — due for review</div></a>
|
|
<a href="05-accepted-risk-expired.png"><img src="05-accepted-risk-expired.png" alt="05" /><div class="label">05 — expired</div></a>
|
|
<a href="06-no-accepted-risks.png"><img src="06-no-accepted-risks.png" alt="06" /><div class="label">06 — no accepted risks</div></a>
|
|
<a href="07-diagnostics-collapsed.png"><img src="07-diagnostics-collapsed.png" alt="07" /><div class="label">07 — diagnostics collapsed</div></a>
|
|
<a href="08-dark-mode.png"><img src="08-dark-mode.png" alt="08" /><div class="label">08 — dark mode</div></a>
|
|
</div>
|
|
</body>
|
|
</html>
|