add indicators for devices

[nanofun.git] / index.html

diff --git a/index.html b/index.html
index 55897f262212d974f213db2b9403dc8fbd51ad1b..9c92333984fb65faeaed5b15958b40bf53d5b8af 100644 (file)
--- a/index.html
+++ b/index.html
@@ -19,11 +19,16 @@
    </div>
   </div>
   <div id="msg"></div>
-  <div id="midiinputs"></div>
-  <div id="midioutputs"></div>
+  <div id="devices"><div class="nanopad">nanoPAD</div><div class="nanokontrol">nanoKONTROL</div></div>
+
   <form>
-    <br><input id="master-gain" type="range" min="0" max="127" value="127">
+    <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
+    <br>
+    <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>
   </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>
  </body>
 </html>