Original fictional running accomplishment log with complete source excerpts and a blank 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"><title>Fictional accomplishment log</title><style>*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;color:#25313d;background:#f7f6f0}main{max-width:850px;margin:auto;padding:28px}h1{line-height:1.2}h2{line-height:1.3;margin-top:32px}p{max-width:72ch}a{color:#154d77}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;background:#ece9df;padding:18px}section{scroll-margin-top:16px}body{background:#f1f5f8}button{font:inherit;padding:12px 16px;border:1px solid #516a80;background:white;margin:8px 8px 8px 0}button[aria-pressed="true"]{background:#204c72;color:white}article p{overflow-wrap:anywhere}article{background:white;padding:22px;margin:20px 0;border-top:5px solid #204c72}h3{line-height:1.3}dt{font-weight:700;margin-top:14px}dd{margin-left:0}summary{cursor:pointer;font-weight:700;padding:10px 0}#count{font-size:22px;font-weight:700}@media(max-width:500px){main{padding:18px}}</style></head><body><main><h1>A work log you can reopen</h1><p>Original fictional accomplishment tracker: three dated entries, with complete authored source excerpts. No actual employee, employer, performance rating or submitted review.</p><div aria-label="View entries"><button id="all" type="button" aria-pressed="true">All entries</button><button id="complete" type="button" aria-pressed="false">Completed outputs</button><button id="reset" type="button">Reset view</button></div><p id="count" aria-live="polite">3 entries shown · 2 complete · 1 draft awaiting review</p><article data-id="A01" data-status="complete"><h2>A01 · Revised the conflicting pickup instructions</h2><p>October 6, 2026 · Completed output</p><dl><dt>My action</dt><dd>I combined two conflicting draft instructions into one numbered checklist P2.</dd><dt>Evidence reference</dt><dd>P1 / Q1 / P2</dd><dt>Supported result / open question</dt><dd>Replacement wording produced. No timing study or error-rate measurement.</dd></dl><details><summary>Read the complete fictional source excerpt</summary><p>P1: Leave the packet at the front desk. Later draft: Leave it on the pickup shelf. Q1: These locations conflict; choose one instruction. P2: 1. Check the packet label. 2. Place the packet on the pickup shelf. 3. Record the packet ID in the local pickup list.</p></details></article><article data-id="A02" data-status="complete"><h2>A02 · Restored one omitted exercise entry</h2><p>October 8, 2026 · Completed output</p><dl><dt>My action</dt><dd>I compared C1 with the source list, found missing entry 08 and restored it in C2.</dd><dt>Evidence reference</dt><dd>Original list / C1 / C2</dd><dt>Supported result / open question</dt><dd>The corrected exercise list contains 14 entries. No broader reporting-error claim.</dd></dl><details><summary>Read the complete fictional source excerpt</summary><p>Original: 01,02,03,04,05,06,07,08,09,10,11,12,13,14. C1: 01,02,03,04,05,06,07,09,10,11,12,13,14. C2: 01,02,03,04,05,06,07,08,09,10,11,12,13,14.</p></details></article><article data-id="A03" data-status="draft"><h2>A03 · Drafted an explanation for review</h2><p>October 13, 2026 · Draft awaiting review</p><dl><dt>My action</dt><dd>I wrote D1 to explain the restored entry and count.</dd><dt>Evidence reference</dt><dd>D1; actual reviewer response not supplied</dd><dt>Supported result / open question</dt><dd>Draft awaiting review. Follow-up: request review through the approved work route.</dd></dl><details><summary>Read the complete fictional source excerpt</summary><p>D1: The earlier exercise list omitted entry 08. The corrected list restores that entry, bringing the displayed count from 13 to 14. Please check that this explanation matches the source list.</p></details></article><section><h2>Copy a blank log entry</h2><pre>Date / stable entry ID: __________
Need or problem: __________
My action and contribution boundary: __________
Artifact / version / permitted source location: __________
Supported result: __________
Unmeasured or unconfirmed result: __________
Actual feedback received: __________
Proposed follow-up: __________</pre><p>Filter changes affect only this open reading copy. No notes are entered, saved, uploaded, sent or connected to a personnel system. Keep the actual maintained work log in the employer-approved private record.</p></section></main><script>const all=document.querySelector("#all"),complete=document.querySelector("#complete"),count=document.querySelector("#count");function show(mode){for(const e of document.querySelectorAll("article"))e.hidden=mode==="complete"&&e.dataset.status!=="complete";all.setAttribute("aria-pressed",String(mode==="all"));complete.setAttribute("aria-pressed",String(mode==="complete"));count.textContent=mode==="all"?"3 entries shown · 2 complete · 1 draft awaiting review":"2 completed outputs shown · 1 draft excluded from this view";}all.onclick=()=>show("all");complete.onclick=()=>show("complete");document.querySelector("#reset").onclick=()=>{show("all");for(const e of document.querySelectorAll("details"))e.open=false;};</script></body></html>