index.html

   1 <!DOCTYPE html>
   2 <html>
   3  <head>
   4   <meta charset="UTF-8"><!-- ♫ -->
   5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   6   <link rel="manifest" href="manifest.json">
   7   <title>nanoFUN</title>
   8   <script src="jquery.min.js"></script>
   9   <script src="nanofun.js"></script>
  10   <link rel="stylesheet" type="text/css" href="nanofun.css">
  11  </head>
  12  <body>
  13   <div id="nanopad">
  14    <div class="nanotouch">
  15      <span class="name"></span>
  16      <span class="duration"></span>
  17      <label class="effects"><input type="checkbox">Effects</label><br>
  18      <label class="loop"><input type="checkbox">Loop</label><br>
  19      <input type="file" accept="audio/*" multiple>
  20      <input class="touch-gain" type="range" min="0" max="127" value="127">
  21    </div>
  22   </div>
  23   <div id="msg"></div>
  24   <div id="devices"><div class="nanopad">nanoPAD</div><div class="nanokontrol">nanoKONTROL</div></div>
  25
  26   <form>
  27     <div><label>Master</label> <input id="master-gain" type="range" min="0" max="127" value="127"></div>
  28     <fieldset>
  29     <legend>Effects</legend>
  30     <div><label>Delay</label> <input id="delay" type="range" min="0" max="5" value="0" step="0.1"></div>
  31     <div><label>Feedback</label> <input id="feedback" type="range" min="0" max="1" value="0.8" step="0.1"></div>
  32     <div><label>Filter</label> <input id="filter" type="range" min="0" max="5000" value="1000" step="100"></div>
  33     </fieldset>
  34   </form>
  35
  36   <div id="gitclone">Source code at <a href="https://git.0d.be/?p=nanofun.git">https://git.0d.be/?p=nanofun.git</a></div>
  37  </body>
  38 </html>