dynamically create touches

[nanofun.git] / index.html
diff --git a/index.html b/index.html

index 2f6e87bf23eebc08893f80f2e4dbb3c844bcbf72..71d13f292b6474eb8b768840decd475e6101e4f9 100644 (file)
--- a/index.html
+++ b/index.html
@@ -8,44 +8,17 @@
   </head>
   <body>
    <div id="nanopad">
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
-   <div class="nanotouch"> <span class="name"></span> <span class="duration"></span> <input type="file"/> </div>
+   <div class="nanotouch" data-touch="0">
+     <span class="name"></span>
+     <span class="duration"></span>
+     <input type="file">
+     <input class="touch-gain" type="range" min="0" max="127" value="127">
+   </div>
    </div>
    <div id="msg"></div>
    <div id="midiinputs"></div>
    <div id="midioutputs"></div>
    <form>
-    <input class="touch-gain" data-touch="0" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="1" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="2" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="3" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="4" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="5" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="6" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="7" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="8" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="9" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="10" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="11" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="12" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="13" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="14" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="15" type="range" min="0" max="127" value="127">
-    <input class="touch-gain" data-touch="16" type="range" min="0" max="127" value="127">
      <br><input id="master-gain" type="range" min="0" max="127" value="127">
    </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>