Updating default index.html

index.html

@@ -13,7 +13,7 @@
         <header class="hero">
             <p class="eyebrow">Reachy Mini App</p>
             <h1>Theremini</h1>
-            <p class="lede">Head roll drives pitch, head height controls the volume and the right antenna switches instruments. Exactly the same mapping as the original <code>simple_theremini.py</code>, now packaged as an app.</p>
+            <p class="lede">Head roll shapes the pitch, head height acts as a volume fader, the left antenna scrolls through your curated FluidSynth presets, and a gentle nudge of the rested right antenna can act as a master mute when enabled. The full-screen dashboard at <code>http://localhost:8095/index.html</code> mirrors the HUD, exposes instrument editing, and now includes toggles for roll-stop playing and antenna muting.</p>
         </header>
 
         <section class="card">
@@ -30,7 +30,7 @@
                     <tr>
                         <td>Head roll</td>
                         <td>-60° ⇢ +60°</td>
-                        <td>MIDI notes 48 (C3) ⇢ 84 (C6)</td>
+                        <td>MIDI notes 48 ⇢ 84</td>
                     </tr>
                     <tr>
                         <td>Head Z</td>
@@ -38,17 +38,22 @@
                         <td>Amplitude 0 ⇢ 100 %</td>
                     </tr>
                     <tr>
-                        <td>Right antenna</td>
+                        <td>Left antenna</td>
                         <td>-π/3 ⇢ +π/3 rad</td>
                         <td>Instrument index 0 ⇢ (#active−1)</td>
                     </tr>
+                    <tr>
+                        <td>Right antenna</td>
+                        <td>±2° nudge (after being still)</td>
+                        <td>Toggle master mute (optional)</td>
+                    </tr>
                 </tbody>
             </table>
         </section>
 
         <section class="card">
             <h2>Instrument Programs</h2>
-            <p class="caption">Theremini cycles through a curated subset of FluidSynth GM presets. The dashboard lets you swap presets live; these are the defaults.</p>
+            <p class="caption">Theremini cycles through a curated subset of FluidSynth GM presets. The dashboard lets you search the GM bank and save up to eight presets; these are the defaults shipped on first launch. Changes persist to <code>config.json</code>.</p>
             <ul class="instrument-list">
                 <li><span class="label">0</span>choir_aahs</li>
                 <li><span class="label">1</span>orchestra_hit</li>
@@ -60,33 +65,20 @@
         </section>
 
         <section class="card">
-            <h2>Runtime Defaults</h2>
-            <dl class="kv">
-                <div>
-                    <dt>Loop frequency</dt>
-                    <dd>50 Hz (sleep 20 ms)</dd>
-                </div>
-                <div>
-                    <dt>Session threads</dt>
-                    <dd>SCAMP Session(max_threads=1024)</dd>
-                </div>
-                <div>
-                    <dt>MIDI expression</dt>
-                    <dd>CC 11 scaled 0 ⇢ 127</dd>
-                </div>
-                <div>
-                    <dt>Volume clamp</dt>
-                    <dd>Amplitude 0.0 ⇢ 1.0</dd>
-                </div>
-            </dl>
+            <h2>Dashboard Highlights</h2>
+            <ul class="feature-list">
+                <li>Live HUD mirrors pitch, amplitude, antenna angle, and clearly indicates when the roll has settled or the master mute is active.</li>
+                <li>“Live instrument set” card combines search + drag ordering with toggles for “Play once roll stops” and “Enable antenna mute”.</li>
+                <li>The circular dial visual shows the left-antenna angle against the eight-slot preset wheel, so you know exactly which voice Reachy will play.</li>
+            </ul>
         </section>
 
         <section class="card future">
             <h2>Next Iterations</h2>
             <ul>
-                <li>Expose the mapping ranges and instrument list as editable controls.</li>
-                <li>Plot head pose, antenna and amplitude as tiny charts for quick debugging.</li>
-                <li>Preview GM programs with audio snippets or links.</li>
+                <li>Expose pitch/volume ranges, scales, and chord filters directly in the dashboard.</li>
+                <li>Plot head pose, antenna and amplitude as sparkline charts for quick feedback.</li>
+                <li>Preview GM programs with audio snippets before adding them to the rotation.</li>
             </ul>
         </section>
     </main>

style.css

@@ -157,6 +157,16 @@ body {
     margin-top: 0.5rem;
 }
 
+.feature-list {
+    margin: 0;
+    padding-left: 1rem;
+    color: rgba(226, 232, 240, 0.95);
+}
+
+.feature-list li + li {
+    margin-top: 0.45rem;
+}
+
 code {
     background: rgba(15, 23, 42, 0.6);
     padding: 0.1rem 0.3rem;