Fictional exhibit decisions: original D01, replacement D02 and a blank decision entry
HTML for this example
Select the code and use your copy shortcut. Changes in this preview are temporary.
<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="nos-demo-layout" content="responsive-lab"><title>Decision history: D01 replaced by D02</title><style>*{box-sizing:border-box}body{margin:0;font:18px/1.6 system-ui,sans-serif;color:#182c3a;background:#fff}main{max-width:900px;margin:auto;padding:24px}h1{font-size:clamp(28px,5vw,40px);line-height:1.2}h2{font-size:25px}p,li,dd,td,th{overflow-wrap:anywhere}a{color:#124f91}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #bdc5ca;text-align:left;vertical-align:top}caption{text-align:left;font-weight:650}dt{font-weight:700;margin-top:14px}dd{margin-left:0}section{margin:28px 0}label{font-weight:650}select{font:inherit;padding:8px}pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #bfc6ca;padding:18px;font:16px/1.7 ui-monospace,monospace}aside{background:#f6f1e7;padding:16px;margin:22px 0}strong{font-weight:750}@media print{body{font-size:12pt}main{max-width:none}select{display:none}section{break-inside:avoid}}.decision{padding:20px;border:1px solid #b6bdc7}.history{background:#f0edf8;padding:16px}.decision h2{margin:0}.status{font-weight:750;color:#584779}body{font-size:16px;line-height:1.5}main{padding:18px}section{margin:20px 0}h1{font-size:clamp(26px,5vw,36px)}h2{font-size:23px}pre{font-family:system-ui,sans-serif;font-size:16px}.job{padding:14px}.name{font-size:24px;margin:12px 0}dt{margin-top:10px}</style></head><body><main><h1>Decision history: D01 replaced by D02</h1><p>Fictional exhibit project. These are illustrative recorded choices, not actual approvals, notices or completed coordinator work.</p><p class="history">History path: <a href="#d01">D01</a> → replaced by <a href="#d02">D02</a>. Actual authority and calendar dates are not supplied.</p><section class="decision" id="d01"><h2>D01 • Printed route brief</h2><p class="status">Replaced by D02 in this fictional later snapshot</p><dl><dt>Recorded choice</dt><dd>Use the printed route brief for the supplied volunteer session.</dd><dt>Reason at that point</dt><dd>The exercise initially assumes the route is fixed.</dd><dt>Consequence</dt><dd>Corrections require a revised paper copy.</dd></dl><a href="#d02">Read replacement D02 and its reason</a></section><section class="decision" id="d02"><h2>D02 • Revised maintained brief plus session paper</h2><p class="status">Replaces D01 in the supplied later snapshot</p><dl><dt>Recorded choice</dt><dd>Use the revised maintained route brief for preparation and provide the session’s required paper copy at check-in.</dd><dt>New context and reason</dt><dd>The exercise now includes a route change.</dd><dt>Consequence / follow-up work</dt><dd>Coordinator must check that the paper copy matches the accepted revision. Preparation channel, real dates, authority and completion remain unspecified.</dd></dl><a href="#d01">Read original D01</a></section><h2>Blank decision entry</h2><pre>ID/title: __________
Scope/question: __________
Context/alternatives: __________
Actual outcome/reason/source: __________
Consequences and separate work: __________
Confirmed owner/authority/date: __________
Status / replaces / replaced by: __________
Change note / author / date: __________</pre><aside>No approval, sending, completion or maintained-record save happens on this page.</aside></main><script>document.addEventListener("click",event=>{const a=event.target.closest("a");if(!a||!a.getAttribute("href")?.startsWith("#"))return;const id=a.getAttribute("href").slice(1),target=document.getElementById(id);if(!target)return;event.preventDefault();target.scrollIntoView({block:"start"});window.lastRecordJump=id;});</script></body></html>