← Commit history

Slideshow narration is now opt-in: silent by default with an explicit narration toggle button (and M key), because the show auto-played audio the moment it opened, which is rude.

John Lauer ·d784983180 ·2mo ago ·parent 4e72a36
1 file changed +2−1 diff truncated
readme.html+2−1
@@ -1,12 +1,13 @@ <div id="pupshow" style="max-width:1100px;margin:0 auto;padding:18px 0;font-family:Satoshi,'Segoe UI',system-ui,sans-serif;color:#c9d1d9;background:#0d1117"> <h1 style="color:#e6edf3;font-size:26px;margin:0 0 4px">pup: the AI-driven browser</h1>-<p style="color:#8b949e;margin:0 0 14px">A guided tour of every feature. LEFT and RIGHT arrow keys (or click the edges). Each slide narrates itself; press M to mute.</p>+<p style="color:#8b949e;margin:0 0 14px">A guided tour of every feature. LEFT and RIGHT arrow keys (or click the edges). Silent by default: click the narration button (or press M) to hear each slide narrated.</p> <div id="stage" style="position:relative;border:1px solid #30363d;border-radius:14px;overflow:hidden;background:#161b22;cursor:pointer"> <img id="slideimg" style="display:block;width:100%;height:auto" alt="slide"> <div id="zL" style="position:absolute;left:0;top:0;width:30%;height:100%"></div> <div id="zR" style="position:absolute;right:0;top:0;width:70%;height:100%"></div></div> <div style="display:flex;align-items:center;gap:12px;margin-top:12px"> <button id="prev" style="background:#161b22;border:1px solid #30363d;color:#e6edf3;border-radius:8px;padding:8px 16px;cursor:pointer;font-size:15px">&#8592; back</button>+<button id="nar" title="Hear each slide narrated (M toggles). Off by default so the page never plays sound uninvited." style="background:#161b22;border:1px solid #30363d;color:#8b949e;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px">narration: off</button> <div id="dots" style="flex:1;display:flex;gap:7px;justify-content:center"></div> <button id="next" style="background:#00b8b1;border:1px solid #00b8b1;color:#05221f;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:700;font-size:15px">next &#8594;</button></div> <p id="cap" style="text-align:center;color:#8b949e;margin-top:10px;font-size:13px"></p>@@ -16,7 +17,7 @@ var IMGS=["data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABQAAAAMgCAIAAADz+lisAAD