Update index.html

index.html

@@ -116,8 +116,8 @@ <h1><i>DAFT PUNK SOUNDBOARD</i></h1>
     <button class="button-37" onclick="playAudio('work_is')">Work is [J]</button>
     <button class="button-37" onclick="playAudio('over')">Over [K]</button>
   </p>
-
   <p>&nbsp;</p>
+
   <p>
     <button class="button-37" onclick="playAudio('all')">All [W]</button>
     <button class="button-37" onclick="playAudio('all_2')">All ↳ [X]</button>
@@ -129,6 +129,90 @@ <h1><i>DAFT PUNK SOUNDBOARD</i></h1>
   </p>
   <p>&nbsp;</p>
 
+  <p>
+    <button class="button-37" id="startButton">Click to enable MIDI input</button>
+  </p>
+
+  <table>
+    <tr>
+      <td>C3</td>
+      <td>Work it</td>
+    </tr>
+    <tr>
+      <td>C#3</td>
+      <td>Harder</td>
+    </tr>
+    <tr>
+      <td>D3</td>
+      <td>Make it</td>
+    </tr>
+    <tr>
+      <td>D#3</td>
+      <td>Better</td>
+    </tr>
+    <tr>
+      <td>E3</td>
+      <td>Do it</td>
+    </tr>
+    <tr>
+      <td>F3</td>
+      <td>Faster</td>
+    </tr>
+    <tr>
+      <td>F#3</td>
+      <td>Makes us</td>
+    </tr>
+    <tr>
+      <td>G3</td>
+      <td>Stronger</td>
+    </tr>
+    <tr>
+      <td>G#3</td>
+      <td>More than</td>
+    </tr>
+    <tr>
+      <td>A3</td>
+      <td>Ever</td>
+    </tr>
+    <tr>
+      <td>A#3</td>
+      <td>Hour</td>
+    </tr>
+    <tr>
+      <td>B3</td>
+      <td>After</td>
+    </tr>
+    <tr>
+      <td>C4</td>
+      <td>Our</td>
+    </tr>
+    <tr>
+      <td>C#4</td>
+      <td>Work is</td>
+    </tr>
+    <tr>
+      <td>D4</td>
+      <td>Never</td>
+    </tr>
+    <tr>
+      <td>D4#</td>
+      <td>Over</td>
+    </tr>
+    <tr>
+      <td>E4</td>
+      <td>All</td>
+    </tr>
+    <tr>
+      <td>F4</td>
+      <td>All ↳</td>
+    </tr>
+    <tr>
+      <td>F#4</td>
+      <td>Stop</td>
+    </tr>
+  </table>
+  <p>&nbsp;</p>
+
 </center>
 </body>
 <script src="script.js"></script>