An experienced archive assistant's development agreement, opportunity comparison, and focused practice revision

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>Archive assistant · development and practice</title><style>*{box-sizing:border-box}body{margin:0;background:#f2eef5;color:#3e3450;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;border:1px solid #bcb0c9;background:#fff;margin:22px 0}.scope{padding:20px;background:#584568;color:#fff}.record{padding:16px;background:#f0eaf5;border-left:5px solid #8a719f;margin:16px 0}.practice{background:#e9f0e8;border-color:#718967}dl>div{padding:14px 0;border-bottom:1px solid #d5ccdf}dt{font-weight:750}dd{margin:6px 0 0}.controls{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}button,textarea{font:inherit}button{min-height:44px;padding:10px 14px;border:1px solid #88729b;background:#fff;color:inherit;cursor:pointer;border-radius:4px}button[aria-pressed=true]{background:#584568;color:#fff}button:focus-visible,textarea:focus-visible{outline:3px solid #b87822;outline-offset:3px}label{display:block;font-weight:650;margin:14px 0 6px}textarea{display:block;width:100%;min-height:110px;padding:10px;resize:vertical;border:1px solid #9a8ba9;color:inherit;background:#fff}textarea[readonly]{background:#f5f3f7}p,h1,h2,h3,dt,dd,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 180px}}</style></head><body><main><p>ORIGINAL FICTIONAL DEVELOPMENT EXAMPLE</p><h1>Practice the briefing you want to learn to lead.</h1><p class="scope">An experienced archive assistant wants to facilitate short contributor briefings. Starting evidence: clear written record notes; no facilitation demonstration supplied. The team wants backup briefing coverage. No new role or promotion is promised.</p>
<section><h2>Proposed individual development agreement</h2><dl><div><dt>Chosen capability</dt><dd>Facilitate a short briefing with a clear purpose, next actions and a response to a clarification question.</dd></div><div><dt>Practice goal</dt><dd>Prepare and co-facilitate one 10-minute practice briefing using dummy records, then discuss observation against agreed criteria.</dd></div><div><dt>Learning route</dt><dd>Observe an experienced facilitator, prepare the briefing and rehearse with feedback before an agreed practice opportunity.</dd></div><div><dt>Application evidence</dt><dd>Briefing outline, actual reviewer notes on purpose/next actions/clarification, and the assistant's reflection on next practice.</dd></div><div><dt>Support and permissions</dt><dd>Mentor availability, appropriate dummy materials, practice permission, time and resources remain to confirm.</dd></div><div><dt>Review arrangement</dt><dd>Agree the review date and observer. Actual progress and agreements remain blank until they occur.</dd></div></dl><label for="actual-progress">Actual progress · no actual observation supplied</label><textarea id="actual-progress" readonly aria-describedby="progress-note"></textarea><p id="progress-note">This field stays empty in all teaching views. Modeled feedback and revised wording cannot establish actual competence.</p></section>
<section><h2>Choose an opportunity, then specify its evidence</h2><div class="controls" role="group" aria-label="Development review"><button id="activity" type="button" aria-pressed="true">Learning activity</button><button id="application" type="button" aria-pressed="false">Application evidence</button><button id="revision" type="button" aria-pressed="false">Revised closing practice</button></div><h3 id="view-title"></h3><p id="view-content" class="record"></p><p id="view-support"></p><p id="view-evidence"></p><p id="open-agreements" class="record">Open agreements in every view: actual mentor, resources, material permission, time and review date remain to confirm. Neither opportunity is booked or approved here.</p><div class="grid"><article class="record"><h3>Observe, then co-facilitate</h3><p>Connects a model of the work with an attempt, observation and feedback. Needs mentor time, permission, suitable materials and a review opportunity.</p></article><article class="record"><h3>Standalone general course</h3><p>May provide background and techniques. Actual course suitability, time/resources and applied practice afterward still need arranging. Attendance alone supplies no demonstration.</p></article></div></section>
<section><h2>The complete dummy practice</h2><div class="grid"><article class="record"><h3>D1 · matching entries</h3><p>Displayed label: Booklet A<br>Dummy index entry: Booklet A</p></article><article class="record"><h3>D2 · mismatch</h3><p>Displayed label: Booklet B<br>Dummy index entry: Booklet C</p></article></div><p>Compare labels with the dummy index. Put mismatches in a practice question list and name the record ID. Do not change the source index. Actual approval to use practice materials remains to confirm.</p><h3>Original opening</h3><p>“We are practicing how to compare record labels with a dummy index and report a mismatch.”</p><h3>Original closing</h3><p>“Then finish the review.”</p><h3>Observation criteria</h3><ul><li>Does the opening state the practice purpose?</li><li>Does the closing make the next actions clear?</li><li>How does the facilitator answer: “Should I correct a mismatch in the source index?”</li></ul><article class="record"><h3>Modeled feedback · not an actual employee review</h3><p>“The opening purpose is clear. The closing does not tell contributors what to do with a mismatch or whether they may edit the index.”</p></article><div id="revised-practice" class="record practice" hidden><h3>Proposed next closing practice</h3><p id="revised-closing">“Compare D1 and D2 with the dummy index. Put any mismatch in the practice question list and name the record ID. Do not change the source index. Bring the question list to the reviewer.”</p><h3>Clarification rehearsal</h3><p>“For this exercise, record the mismatch for review; do not correct the index.”</p><p>Ask the actual reviewer whether a contributor can now explain the next action and its boundary. Revised wording is a next practice, not a pass.</p></div></section>
<section><h2>Your development agreement and reflection</h2><p>Keep actual private feedback and employee agreements in the employer's approved records. Use fictional or sanitized notes here.</p><div id="fields"></div><p><button id="reset" type="button">Clear my development notes</button></p><div id="confirmation" hidden><p>Clear all six own-development fields? The model, selected view and blank actual-progress field 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 own-development fields start blank. Views preserve your writing.</p></section><footer>Temporary notes disappear on reload. No course booking, competence inference, employee grading, private HR storage, external request or approval occurs.</footer></main><script>(()=>{'use strict';const $=id=>document.getElementById(id);const views={activity:['Learning activity · compare suitability','A standalone general facilitation course may offer background. Its attendance alone supplies no demonstration of the chosen briefing capability.','Check actual suitability, time and resources with the individual. Arrange applied practice afterward.','Evidence needed: an actual applied briefing observation, not a course certificate alone.'],application:['Application evidence · attempt and observation','Observe an experienced facilitator, prepare and co-facilitate one 10-minute dummy-record practice, then discuss the observation.','Confirm mentor availability, materials, permission, time and reviewer before treating them as commitments.','Collect the briefing outline, actual notes on purpose/next actions/clarification and reflection on next practice. No actual observation is supplied here.'],revision:['Revised closing practice · respond to the feedback','The modeled opening has a clear purpose; its closing leaves the mismatch action and index-edit boundary unclear. Rehearse the specific revised closing below.','Check that the chosen opportunity remains feasible and agree the next actual observation.','Ask whether a contributor can say where to record D2’s mismatch and why the source index stays unchanged. Rewriting the sentence is not evidence of a pass.']};function show(id){for(const k of Object.keys(views))$(k).setAttribute('aria-pressed',String(k===id));views[id].forEach((v,i)=>$(['view-title','view-content','view-support','view-evidence'][i]).textContent=v);$('revised-practice').hidden=id!=='revision';}for(const id of Object.keys(views))$(id).addEventListener('click',()=>show(id));for(const [id,label]of [['goal','Chosen development direction and capability'],['opportunity','Learning opportunities and applied practice'],['support','Actual resources, permissions, time and support arrangements'],['evidence','Observation criteria and actual evidence to obtain'],['review','Agreed review arrangement and next actions'],['reflection','Temporary reflection · next practice focus']]){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 development fields.';$('reset').focus();});$('clear').addEventListener('click',()=>{for(const t of document.querySelectorAll('#fields textarea'))t.value='';$('confirmation').hidden=true;$('status').textContent='All six development fields were cleared. Teaching view and actual progress are unchanged.';$('own-goal').focus();});show('activity');})();</script></body></html>