A fictional collection-coordination role, two different evidence gaps, and proposed preparation routes

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>Collection coordination · role continuity review</title><style>*{box-sizing:border-box}body{margin:0;background:#eef1ed;color:#324336;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{padding:22px;background:#fff;border:1px solid #b1beb0;margin:22px 0}.scope{padding:20px;background:#3b5842;color:#fff}.record{padding:16px;background:#eef3eb;border-left:5px solid #7a9471;margin:16px 0}.open{background:#fff3df;border-color:#a58548}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}button,textarea{font:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #7c9275;background:#fff;color:inherit;cursor:pointer;border-radius:4px}button[aria-pressed=true]{background:#3b5842;color:#fff}button:focus-visible,textarea:focus-visible{outline:3px solid #b17b28;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 #8b9e85;color:inherit;background:#fff;resize:vertical}p,h1,h2,h3,button,label{overflow-wrap:break-word}footer{margin:26px 0}[hidden]{display:none!important}@media(max-width:600px){main{padding:16px}section{padding:16px}.grid{grid-template-columns:1fr}.controls button{flex:1 1 160px}}</style></head><body><main><p>FICTIONAL ROLE-ONLY REVIEW · NO APPOINTMENT DECISION</p><h1>Prepare for the collection coordination role.</h1><p class="scope">Community archive collection coordination lead: coordinate intake handoffs, follow the documented exception route with its authorized owner and lead volunteer briefings. Actual criteria and authority remain to confirm. No vacancy date is supplied; the current holder is not assumed to be leaving.</p>
<section><h2>The future work and the evidence it needs</h2><article class="record"><h3>Intake handoffs</h3><p>Required review: an observed coordination exercise explaining sequence, people to consult and unresolved items. Continuity question: who can keep the handoff understandable if the role changes hands?</p></article><article class="record"><h3>Documented exception route</h3><p>Required review: identify the exception, preserve its record and refer the decision to the authorized owner. Continuity question: are the route and approval boundary documented well enough to follow?</p></article><article class="record"><h3>Volunteer briefing</h3><p>Required review: a practice briefing with purpose, clear next actions and a response to a clarification question. Continuity question: who can explain the process within the role's authority?</p></article></section>
<section><h2>Keep supplied task evidence in its scope</h2><div class="grid"><article class="record"><h3>A · E1</h3><p>Completed a routine intake handoff with support. Interest in exploring coordination is supplied. No full-process coordination, exception-route or briefing demonstration. Development participation has not been agreed.</p></article><article class="record"><h3>B · E2</h3><p>Produced accurate catalog notes. Interest has not been discussed. No coordination, exception-route or briefing demonstration is supplied.</p></article></div><div class="controls" role="group" aria-label="Evidence perspective"><button id="routine" type="button" aria-pressed="true">Routine work evidence</button><button id="full" type="button" aria-pressed="false">Full role preparation</button></div><p id="perspective" class="record"></p><div class="controls" role="group" aria-label="Responsibility to inspect"><button id="intake" type="button" aria-pressed="true">Intake handoffs</button><button id="exception" type="button" aria-pressed="false">Exception route</button><button id="briefing" type="button" aria-pressed="false">Volunteer briefing</button></div><h3 id="responsibility"></h3><p id="requirement"></p><p id="evidence-scope"></p><p id="unknowns" class="record open"></p><p id="review-role">Review role: actual criteria owner, observer and next review arrangement remain to confirm. These are proposed review questions, not agreed policy.</p><p><button id="development" type="button" aria-expanded="false" aria-controls="development-detail">Proposed development</button></p><div id="development-detail" hidden><div class="grid"><article class="record"><h3>A · discuss a suitable practice</h3><p>Propose staged supported briefing practice and a documented exception-route walkthrough. Confirm interest, time, reviewer, materials and permission before scheduling. Supplied interest does not establish accepted participation.</p></article><article class="record"><h3>B · discuss interest first</h3><p>Ask whether coordination work fits their interests before offering role-specific development. Accurate catalog notes do not supply a career preference.</p></article></div><p>These are suggestions. No practice, review arrangement or participation has been agreed here. Completing an activity alone would not settle full-role readiness.</p></div></section>
<section><h2>Continuity options still to investigate</h2><ul><li>Clearer handover documentation · owner to confirm.</li><li>Support from another role · owner to confirm.</li><li>External recruitment route · owner to confirm.</li></ul><p class="record open" id="continuity">Continuity remains unresolved. Two names in the plan do not close the gap. No successor, readiness grade, vacancy or appointment is inferred.</p></section>
<section><h2>Your blank role-only scaffold</h2><p>Use fictional or sanitized planning questions. Keep real identities, private assessments and succession decisions in the organization's confidential records.</p><div id="fields"></div><p><button id="reset" type="button">Clear my role-planning notes</button></p><div id="confirmation" hidden><p>Clear all six fields? Teaching evidence, view, responsibility and development disclosure 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. Selections preserve your writing.</p></section><footer>Notes last only in this open page and disappear on reload. No ranking, successor selection, appointment, private HR storage, external request or booking occurs.</footer></main><script>(()=>{'use strict';const $=id=>document.getElementById(id);const roles={intake:['Coordinate intake handoffs','Observe a coordination exercise: sequence, people to consult and unresolved items.','E1 supports a routine intake handoff completed with support. E2 supports accurate catalog notes.','Unknown: neither record demonstrates coordinating the full process.'],exception:['Follow the documented exception route','Recognize the exception, preserve its record and refer its decision to the authorized owner. This grants no exception-approval authority.','E1 is supported routine handoff work; E2 is catalog-note work. Neither is an exception-route walkthrough.','Unknown: no exception-route demonstration is supplied for A or B.'],briefing:['Lead a volunteer briefing','Observe a briefing with clear purpose, next actions and response to a clarification question.','E1 is supported routine handoff work; E2 is accurate catalog notes. Neither is briefing evidence.','Unknown: no volunteer-briefing demonstration is supplied for A or B.']};function role(id){for(const k of Object.keys(roles))$(k).setAttribute('aria-pressed',String(k===id));roles[id].forEach((v,i)=>$(['responsibility','requirement','evidence-scope','unknowns'][i]).textContent=v);}function perspective(full){$('routine').setAttribute('aria-pressed',String(!full));$('full').setAttribute('aria-pressed',String(full));$('perspective').textContent=full?'Full role preparation: all three responsibilities need agreed criteria and relevant observation. Neither E1 nor E2 establishes readiness for the whole role. A needs a suitable-practice conversation; B first needs an interest conversation.':'Routine work evidence: E1 concerns a supported intake handoff; E2 concerns accurate catalog notes. Preserve those narrower accomplishments without inferring full-role readiness.';}for(const id of Object.keys(roles))$(id).addEventListener('click',()=>role(id));$('routine').addEventListener('click',()=>perspective(false));$('full').addEventListener('click',()=>perspective(true));$('development').addEventListener('click',()=>{const open=$('development-detail').hidden;$('development-detail').hidden=!open;$('development').setAttribute('aria-expanded',String(open));});for(const [id,label]of [['role','Critical role, future work and authority boundaries'],['criteria','Actual agreed criteria and review responsibilities'],['evidence','Permitted nonconfidential evidence and explicit unknowns'],['opportunities','Proposed opportunities · interest, support and permission'],['continuity','Other continuity options and owners to confirm'],['review','Temporary review questions and next agreed check']]){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 role-planning fields.';$('reset').focus();});$('clear').addEventListener('click',()=>{for(const t of document.querySelectorAll('textarea'))t.value='';$('confirmation').hidden=true;$('status').textContent='All six role-planning fields were cleared. Teaching selections and evidence are unchanged.';$('own-role').focus();});role('intake');perspective(false);})();</script></body></html>