metronome/src/progbox.html
Me Here f1146e720a Phase C — per-page plain/info split + per-device program box
Each form-factor page is now plain by default: title + summary + the front view +
a program I/O box (shared src/progbox.* — paste a patch OR a base64 set-list code,
decoded + linted + loaded; copy; reflects the device state and posts it to an
embedding parent). All technical content — description, BOM, dimensions, top/side
views, embedding — hidden behind a "Show technical info" checkbox; ?info=1 opens it
checked. Teacher's top-edge view + dimensions are marked .tech so they hide too.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-28 11:22:23 -05:00

11 lines
742 B
HTML

<!-- Per-device program I/O — assembled into each form-factor page by build.sh.
Hidden in embed mode (the landing supplies its own box). The host page defines
window.currentProgramString() and window.loadProgramString(plain); progbox.js wires this. -->
<div class="progbox" title="The program for what's loaded — paste a patch or a base64 set-list code, then Load">
<label for="dProg">program</label>
<input id="dProg" spellcheck="false" autocomplete="off" autocapitalize="off"
placeholder="v1;t120;kick:4;snare:4=.X.X;hat:4/2 — or a base64 set-list code">
<span id="dProgMsg" class="progbox-msg"></span>
<button id="dProgLoad" class="primary">Load ▸</button>
<button id="dProgCopy">Copy</button>
</div>