removes the frequncy slider and instead radios for the c scale

basic.html

@@ -23,6 +23,34 @@
       </fieldset>
     </form>
 
+    <form style="padding: 15px">
+      <fieldset>
+        <legend>Keyboard</legend>  
+        <input type="radio" id="noteC"  name="notechoice" value="C" checked>
+        <label for="C">C</label>
+        
+        <input type="radio" id="noteD" name="notechoice" value="D">
+        <label for="D">D</label>
+        
+        <input type="radio" id="noteE" name="notechoice" value="E">
+        <label for="E">E</label>
+        
+        <input type="radio" id="noteF" name="notechoice" value="F">
+        <label for="F">F</label>
+        
+        <input type="radio" id="noteG" name="notechoice" value="G">
+        <label for="G">G</label>
+
+        <input type="radio" id="noteA" name="notechoice" value="A">
+        <label for="A">A</label>
+
+        <input type="radio" id="noteB" name="notechoice" value="B">
+        <label for="B">B</label>
+        
+      </fieldset>
+    </form>
+
+
     <form style="padding: 15px">
       <fieldset>
         <legend>Octave Selection</legend>  
@@ -48,12 +76,6 @@
     <div style="padding: 15px">
       <button id="start">Start</button>
       <button id="stop">Stop</button>
-    </div>
-      <div style="padding: 10px;">
-      <label for="freq">Frequency</label>
-      <input id="freq" type="range" min="100" max="700" value="440" step="10">
-      <span id="freqDisplay">440</span>Hz
-    </div>
     <div style="padding: 10px;">
       <label for="gain">Volume</label>
       <input id="gain" type="range" min="0" max=".1" value=".05" step=".001"/>