improved lightshow

docs/assets/js/initLightshow.js

@@ -11,15 +11,21 @@ document.addEventListener('DOMContentLoaded', function() {
 
     const cycleButton = document.getElementById('cycle-button');
     const selectButton = document.getElementById('select-button');
+    const menusButton = document.getElementById('menus-button');
 
     // Handle Cycle button click
     cycleButton.addEventListener('click', function() {
-      lightshow.vortex.shortClick(0); // Example: cycle through modes
+      lightshow.vortex.shortClick(0);
     });
 
     // Handle Select button click
     selectButton.addEventListener('click', function() {
-      lightshow.vortex.longClick(0); // Example: select the current mode or pattern
+      lightshow.vortex.longClick(0);
+    });
+
+    // open the menus
+    menusButton.addEventListener('click', function() {
+      lightshow.vortex.engine().menus().openMenuSelection();
     });
   });
 });

docs/led_selection.md

@@ -46,4 +46,5 @@ The led selection is always the first step after entering one of these menus.
 <div id="controls">
   <button id="cycle-button" class="lightshow-button">Cycle</button>
   <button id="select-button" class="lightshow-button">Select</button>
+  <button id="menus-button" class="lightshow-button">Menus</button>
 </div>