add viewport meta to mark it's responsive

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

index a48ff028e29ea83cda50b0494e3de809dbf045fe..674cd6137a4386b0e46ee815ecaa6bc53455395b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,6 +1,8 @@
+<!DOCTYPE html>
  <html>
   <head>
    <meta charset="UTF-8"><!-- ♫ -->
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>nanoFUN</title>
    <script src="jquery.min.js"></script>
    <script src="nanofun.js"></script>
@@ -8,27 +10,19 @@
   </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 id="gain" type="range" min="0" max="127" value="127"></form>
+  <form>
+    <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>
   </body>
  </html>