add individual checkboxes for effects

[nanofun.git] / index.html

diff --git a/index.html b/index.html
index 91e5690235992364882cc1a005c7690823c5a3bd..1854c668cc4a6bbf9c88b00a46e917c16e892ea8 100644 (file)
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
    <div class="nanotouch">
      <span class="name"></span>
      <span class="duration"></span>
+     <label class="effects"><input type="checkbox">Effects</label><br>
      <label class="loop"><input type="checkbox">Loop</label><br>
      <input type="file" accept="audio/*" multiple>
      <input class="touch-gain" type="range" min="0" max="127" value="127">
@@ -24,10 +25,12 @@
 
   <form>
     <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
-    <br>
+    <fieldset>
+    <legend>Effects</legend>
     <div><label>Delay</label> <input id="delay" type="range" min="0" max="5" value="0" step="0.1"></div>
     <div><label>Feedback</label> <input id="feedback" type="range" min="0" max="1" value="0.8" step="0.1"></div>
     <div><label>Filter</label> <input id="filter" type="range" min="0" max="5000" value="1000" step="100"></div>
+    </fieldset>
   </form>
 
   <div id="gitclone">Source code at <a href="https://git.0d.be/?p=nanofun.git">https://git.0d.be/?p=nanofun.git</a></div>