An orientation decision card with three modeled cases and a separate actual-owner decision
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"><title>Orientation · contingency decision card</title><style>*{box-sizing:border-box}body{margin:0;background:#edf0f5;color:#29384d;font:16px/1.65 system-ui,sans-serif}main{max-width:1040px;margin:auto;padding:28px}h1{font:700 clamp(32px,5vw,48px)/1.15 Georgia,serif}h2{font-size:24px}h3{font-size:19px}section{background:#fff;border:1px solid #adbacd;padding:22px;margin:22px 0}.scope{padding:20px;background:#334966;color:#fff}dl{margin:0}dl>div{display:grid;grid-template-columns:190px 1fr;gap:16px;border-bottom:1px solid #ced5df;padding:16px 0}dt{font-weight:750}dd{margin:0}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.record{padding:18px;background:#edf2f8;border-left:5px solid #5d7b9f;margin:16px 0}.decision{background:#fff3dd;border-color:#9b733a}button,textarea{font:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #68809e;border-radius:4px;background:#fff;color:inherit;cursor:pointer}button[aria-pressed=true]{background:#334966;color:#fff}button:focus-visible,textarea:focus-visible{outline:3px solid #b36c21;outline-offset:3px}label{display:block;font-weight:650;margin:14px 0 6px}textarea{display:block;width:100%;min-height:115px;padding:10px;border:1px solid #8193ad;background:#fff;color:inherit;resize:vertical}li{margin:12px 0}p,h1,h2,h3,dt,dd,label,button{overflow-wrap:break-word}footer{margin:26px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}section{padding:16px}dl>div{grid-template-columns:1fr;gap:6px}.controls button{flex:1 1 170px}}</style></head><body><main><p>ORIGINAL FICTIONAL PLAN · ORDINARY SESSION DELIVERY</p><h1>The trigger and the fallback need separate evidence.</h1><p class="scope">Volunteer orientation, first session planned for 14:00. Proposed checkpoint: 13:40. Actual date, venue, contacts and authorized person remain to confirm. This is a teaching decision card, not emergency response or equipment repair.</p>
<section><h2>Complete proposed decision card</h2><dl><div><dt>Normal route</dt><dd>Approved slide deck presented on the local projector.</dd></div><div><dt>Checkpoint</dt><dd>13:40 for the planned 14:00 first session. Actual date and local arrangements remain to confirm.</dd></div><div><dt>Trigger</dt><dd>Equipment owner actually confirms that the deck cannot be presented for this session. A missing reply does not establish this condition.</dd></div><div><dt>Fallback</dt><dd>Approved printed facilitator notes and participant agenda, with required copies, accessible formats and facilitator coverage checked.</dd></div><div><dt>Decision owner</dt><dd>Responsible orientation lead. Actual authority, person and contact route must be confirmed.</dd></div><div><dt>Incomplete prerequisites</dt><dd>Bring the gap to the lead for an actual decision. Another arrangement or postponement may be needed; the fallback is not assumed ready.</dd></div><div><dt>Return to normal</dt><dd>At a later agreed break, after an equipment check and the lead's decision. No automatic mid-instruction switch when the projector returns.</dd></div></dl></section>
<section><h2>Read the supplied case</h2><p>All cases are invented inputs. Choosing one changes the teaching interpretation only.</p><div class="controls" role="group" aria-label="Modeled contingency case"><button id="case-A" type="button" aria-pressed="true">Case A · gaps remain</button><button id="case-B" type="button" aria-pressed="false">Case B · model resources</button><button id="case-C" type="button" aria-pressed="false">Case C · trigger unknown</button></div><h3 id="case-title"></h3><article class="record"><h3>Exact supplied input</h3><p id="input"></p></article><article class="record"><h3>Trigger</h3><p id="trigger"></p></article><article class="record"><h3>Fallback prerequisites</h3><p id="prerequisites"></p></article><article class="record decision"><h3>Actual decision still needed</h3><p id="decision">An actual authorized orientation lead must decide what arrangement to use and record any conditions. Actual authority, person and contact route remain to confirm. No real approval or fallback activation is supplied.</p></article><p id="case-next" role="status" aria-live="polite"></p></section>
<section><h2>Sequence before and after the checkpoint</h2><ol><li>Obtain the equipment owner's actual status through the agreed contact route.</li><li>Check the trigger. If status is unknown, obtain the information; silence is not confirmation.</li><li>If the trigger is met, check fallback versions, approval, copies, access format and facilitator coverage.</li><li>Present both records to the authorized lead. Record the real decision and any conditions through the normal process.</li><li>Follow the agreed delivery and communication arrangement. Review a return only at a later agreed break, after equipment check and lead decision.</li></ol><p>Check whether the approved notes and agenda can support the session, and what still depends on projected content. A plan to obtain copies later is not evidence that copies are ready.</p></section>
<section><h2>Your plan scaffold</h2><p>Use actual records and agreed local arrangements. An online review page should not be the only place the fallback exists.</p><div id="fields"></div><p><button id="reset" type="button">Clear my plan notes</button></p><div id="confirmation" hidden><p>Clear all six writing fields? The full decision card and selected case stay unchanged.</p><div class="controls"><button id="clear" type="button">Clear typed notes</button><button id="keep" type="button">Keep typed notes</button></div></div><p id="status" role="status">Six fields start blank. Case selection preserves your writing.</p></section><footer>Writing is temporary in this open page and disappears on reload. No notice, print job, approval, equipment command, storage or live session action occurs.</footer></main><script>(()=>{'use strict';const $=id=>document.getElementById(id);const cases={A:['Case A · Fallback proof missing','Equipment owner confirms the deck cannot be presented for this session. Printed-copy readiness and facilitator coverage are unconfirmed.','Met in this model: equipment-owner confirmation supplied.','Unresolved: printed-copy readiness and facilitator coverage are unconfirmed. Required resources and approval/access checks must be established, not assumed.','Present the gap to the lead to resolve or choose another arrangement or postponement.'],B:['Case B · Model prerequisites supplied','Equipment owner confirms the deck cannot be presented for this session. Fictional N1: approved facilitator notes FN1 and participant agenda PA1; required copies/access formats checked; facilitator-role coverage confirmed.','Met in this model: equipment-owner confirmation supplied.','Supplied in this model via fictional N1: approved FN1 and PA1, required copies/access formats checked, facilitator-role coverage confirmed.','Model prerequisites are supplied. An actual authorized lead decision is still needed; this case does not activate the fallback.'],C:['Case C · Trigger unknown','No equipment-owner confirmation is supplied.','Unknown: no equipment-owner confirmation supplied. A missing reply is not confirmation of unavailability.','No fallback prerequisite evidence is supplied in this case. Do not borrow N1 from Case B.','Obtain actual equipment status through the agreed route. Do not default to a switch.']};function show(id){for(const k of Object.keys(cases))$('case-'+k).setAttribute('aria-pressed',String(k===id));cases[id].forEach((v,i)=>$(['case-title','input','trigger','prerequisites','case-next'][i]).textContent=v);}for(const id of Object.keys(cases))$('case-'+id).addEventListener('click',()=>show(id));for(const [id,label]of [['scope','Bounded work, normal route and checkpoint'],['trigger','Actual trigger evidence · source and status'],['fallback','Fallback materials · versions, approval, copies, access and coverage'],['authority','Actual decision authority, contact route and record process'],['return','Delivery sequence and agreed return conditions'],['review','Temporary review notes and unresolved decisions']]){const l=document.createElement('label');l.htmlFor='own-'+id;l.textContent=label;const t=document.createElement('textarea');t.id=l.htmlFor;$('fields').append(l,t);}$('reset').addEventListener('click',()=>{$('confirmation').hidden=false;$('keep').focus();});$('keep').addEventListener('click',()=>{$('confirmation').hidden=true;$('status').textContent='Kept all six plan fields.';$('reset').focus();});$('clear').addEventListener('click',()=>{for(const t of document.querySelectorAll('textarea'))t.value='';$('confirmation').hidden=true;$('status').textContent='All six plan fields were cleared. Decision card and selected case are unchanged.';$('own-scope').focus();});show('A');})();</script></body></html>