Original fictional five-minute proposal: three slides, speaker notes and planned allowances
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>Workshop wayfinding proposal rehearsal</title><style>*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui;background:#f8f7f2;color:#333326}main{max-width:850px;margin:auto;padding:22px}h1{font-size:1.8rem;line-height:1.2}h2{font-size:1.6rem;line-height:1.25}button{font:inherit;padding:10px;margin:4px 8px 4px 0}article{border:2px solid #a6a078;padding:20px;margin:20px 0;background:#eeecdd}aside{border-left:4px solid #8e875a;padding:12px 16px}pre{font:inherit;white-space:pre-wrap;overflow-wrap:anywhere;background:#eeecdd;padding:14px}</style></head><body><main><h1>One route question. One proposed test.</h1><p>Original fictional interview exercise: propose a way to help visitors find a community workshop room. Organizing-team audience; planned five-minute talk. No actual invitation, visitor research or improvement. Q&A allowance unknown.</p><p id="position" aria-live="polite"></p><button id="previous" type="button">Previous slide</button><button id="next" type="button">Next slide</button><article><p id="timing"></p><h2 id="title"></h2><p id="point"></p></article><aside><strong>Speaker notes</strong><p id="notes"></p></aside><p>Planned allowances: 90 + 150 + 60 = 300 seconds (5 minutes). Actual rehearsal time not measured.</p><h2>Your rehearsal brief</h2><pre>Actual question / audience / time / Q&A rule: __________
Required format / preparation rules: __________
Permitted evidence / assumptions: __________
Slide point / support / speaker notes: __________
Planned time / actual measured time: __________
Unknowns / next rehearsal change: __________</pre><p>HTML rehearsal only, not PPTX/PDF, an interview session, a submission or saved notes. No employer outcome represented.</p></main><script>const slides=[{title:'Test the room instruction at the decision point',seconds:90,point:'Scenario assumption: a visitor must choose between two doorways. Focus the proposal on that choice.',notes:'Explain the bounded question: which doorway leads toward the workshop room? We have no visitor observations. Treat this as a fictional problem to investigate, not a measured finding.'},{title:'Put the destination and next doorway together',seconds:150,point:'Propose one instruction naming the destination room and the next doorway. Confirm the real route and room name first.',notes:'The organizer needs to supply the actual room name and permitted route. Those details are not supplied. Test a draft that answers the immediate choice before proposing a wider welcome-process change.'},{title:'Ask a reader which doorway they would choose',seconds:60,point:'Use a permitted draft-reading test. Record the actual answer and uncertainty, then revise unclear wording.',notes:'No test has been conducted. Do not promise a success rate. Ask what evidence the organizing team would need before adopting the instruction and clarify whether questions must fit within the five minutes.'}];let current=0;function render(){const s=slides[current];window.presentation={index:current,title:s.title,seconds:s.seconds};document.querySelector('#position').textContent='Slide '+(current+1)+' of 3';document.querySelector('#timing').textContent='Proposed speaking allowance: '+s.seconds+' seconds';document.querySelector('#title').textContent=s.title;document.querySelector('#point').textContent=s.point;document.querySelector('#notes').textContent=s.notes;document.querySelector('#previous').disabled=current===0;document.querySelector('#next').disabled=current===slides.length-1;}document.querySelector('#previous').onclick=()=>{if(current>0){current--;render();}};document.querySelector('#next').onclick=()=>{if(current<slides.length-1){current++;render();}};render();</script></body></html>