From 05ce1d5ce4225e1e1da859a845a7a5d0898fb0f9 Mon Sep 17 00:00:00 2001 From: Me Here Date: Sat, 30 May 2026 20:55:20 -0500 Subject: [PATCH] Landing page: explorer.html widget mockup A visual mockup of the Pimoroni Explorer Kit (PIM744) - yellow PCB body, 6 coloured buttons (A/B/C left, X/Y/Z right) flanking the central 320x240 LCD, piezo + mini-breadboard at the bottom, USB-C / RP2350 silkscreen. Canvas mirrors the firmware UI: VARASYS logo + version + run-state dot in the header (3-channel lerp for the per-beat pulse, no more red-channel-only blend bug); setlist tab + track name + big BPM + bar/time meters; pad grid up to 6 lanes with main-beat squares + subdivision circles + vertical gridlines. Inputs: A = play/stop, B = tap, C = next setlist; X/Z = prev/next track with 350 ms first-repeat + 120 ms repeat; Y = -1 bpm (after 1.5 s held step = -5); X+Z chord within 100 ms = +1 bpm (mirrors Y). Keyboard: A B C X Y Z + space. Landing page (index.html) Explorer pane now points at /explorer.html with h:500 (the LCD is half-height of the Kit's so the widget is more compact). The /info-explorer.html embed handler still works for the "Specs & info" link. Co-Authored-By: Claude Opus 4.7 (1M context) --- build.sh | 2 +- deploy.sh | 2 +- explorer.html | 418 ++++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 2 +- 4 files changed, 421 insertions(+), 3 deletions(-) create mode 100644 explorer.html diff --git a/build.sh b/build.sh index 0c81d15..3995ba0 100755 --- a/build.sh +++ b/build.sh @@ -42,7 +42,7 @@ def build(name): out.write_text(src) return out.stat().st_size -for name in ("index.html","editor.html","editor-beta.html","player.html","teacher.html","stage.html","micro.html","showcase.html","kit.html", +for name in ("index.html","editor.html","editor-beta.html","player.html","teacher.html","stage.html","micro.html","showcase.html","kit.html","explorer.html", "embed.html", "info-editor.html","info-player.html","info-teacher.html","info-stage.html","info-micro.html","info-showcase.html","info-kit.html","info-explorer.html"): print("built %s (%dKB)" % (name, build(name) // 1024)) diff --git a/deploy.sh b/deploy.sh index 43747c2..eb8a629 100755 --- a/deploy.sh +++ b/deploy.sh @@ -40,7 +40,7 @@ fi # stamp the version into the built copy only (source stays clean) echo "deployed v$BUILD -> $DEST_DIR" -for f in index.html editor.html editor-beta.html player.html teacher.html stage.html micro.html showcase.html kit.html \ +for f in index.html editor.html editor-beta.html player.html teacher.html stage.html micro.html showcase.html kit.html explorer.html \ embed.html \ info-editor.html info-player.html info-teacher.html info-stage.html info-micro.html info-showcase.html info-kit.html info-explorer.html; do sed "s|const APP_VERSION = \"[^\"]*\";|const APP_VERSION = \"$BUILD\";|" "$DIST_DIR/$f" > "$DEST_DIR/$f" diff --git a/explorer.html b/explorer.html new file mode 100644 index 0000000..7551898 --- /dev/null +++ b/explorer.html @@ -0,0 +1,418 @@ + + + + + +VARASYS PM_X-1 - Explorer (Pimoroni PIM744 / RP2350) + + + + + + + + +/*@BUILD:include:src/header.html@*/ + +

PM_X‑1 Explorer

+

Off‑the‑shelf — the Pimoroni Explorer Kit (RP2350, 2.8″ LCD, 6 buttons, piezo) as a button‑driven sibling to the PM_K‑1 Kit. Edit grooves on the web with Live sync; the device mirrors play/stop/tempo/track changes both ways.

+ +
+
+
PM_X‑1 Explorer
+ RP2350 · USB‑C +
+ +
+
+ + + +
+
+
+ + + +
+
+ +
+
+
+ Pimoroni Explorer · PIM744 +
+
+ +
All hardware, no touch: A = play/stop, B = tap, C = switch playlist. + X / Z = prev / next track; Y = tempo −1 (hold for −5). X+Z chord = tempo +1. + Hold buttons to repeat. Keyboard: A / B / C / X / Y / Z, space = play.
+ +/*@BUILD:include:src/progbox.html@*/ + +

Wiring, parts & firmware to flash →

+ + + +/*@BUILD:include:src/footer.html@*/ + + diff --git a/index.html b/index.html index 12b6e86..798aa4d 100644 --- a/index.html +++ b/index.html @@ -139,7 +139,7 @@ const SAMPLES = {}; let state = { bpm:120, volume:0.85 }, meters = [], muteWindo const VERSIONS = [ { key:"editor", file:"/editor.html", name:"PM_E‑1 Editor", chip:"app", h:620, sum:"Design grooves: stack meter lanes, per‑step accents/ghosts/mutes, swing & polyrhythm, set lists, per‑lane dB gain." }, { key:"kit", file:"/kit.html", name:"PM_K‑1 Kit", chip:"hw", h:560, sum:"Build it today — a Raspberry Pi Pico on the 52Pi touchscreen kit; tap the 3.5″ screen, joystick tempo, RGB beat light, buzzer. MicroPython firmware included." }, - { key:"explorer", file:"/info-explorer.html", name:"PM_X‑1 Explorer", chip:"hw", h:560, sum:"Off‑the‑shelf — the Pimoroni Explorer (RP2350, 2.8″ LCD, 6 buttons, piezo) as a button‑driven sibling to the Kit. Edit on the web with Live sync; the device mirrors play/stop/tempo/track changes both ways." }, + { key:"explorer", file:"/explorer.html", name:"PM_X‑1 Explorer", chip:"hw", h:500, sum:"Off‑the‑shelf — the Pimoroni Explorer (RP2350, 2.8″ LCD, 6 buttons, piezo) as a button‑driven sibling to the Kit. Edit on the web with Live sync; the device mirrors play/stop/tempo/track changes both ways." }, { key:"teacher", file:"/teacher.html", name:"PM_T‑1 Teacher", chip:"hw", h:440, sum:"Studio / lesson desk console — colour TFT of every lane, arcade buttons, instrument pass‑through." }, { key:"stage", file:"/stage.html", name:"PM_S‑1 Stage", chip:"hw", h:430, sum:"Live foot pedal — two footswitches, expression‑pedal tempo, a big floor‑readable RGB beat light." }, { key:"micro", file:"/micro.html", name:"PM_P‑1 Practice", chip:"hw", h:240, sum:"Inline practice bar — clickable thumb‑roller, amber 14‑segment, instrument in/out pass‑through." },