html: add test key selector

2 files changed, 22 insertions, 0 deletions

diff --git a/index.html b/index.html
index 99258e2..34d5388 100644
--- a/index.html
+++ b/index.html
@@ -95,6 +95,24 @@
       </table>
     </form>
 
+    <form id='key-picker'>
+      <label for='root'>root note:</label>
+      <select id='root' name='root'>
+        <option value='A'>A</option>
+        <option value='B'>B</option>
+        <option value='C' selected>C</option>
+        <option value='D'>D</option>
+        <option value='E'>E</option>
+        <option value='F'>F</option>
+        <option value='G'>G</option>
+      </select>
+      <label for='foo'></label>
+      <select id='foo' name='foo'>
+        <option value='major' selected>major</option>
+        <option value='minor'>minor</option>
+      </select>
+    </form>
+
     <script type='module' src='main.mjs'></script>
   </body>
 </html>
diff --git a/main.css b/main.css
index f716cf5..9fdccd1 100644
--- a/main.css
+++ b/main.css
@@ -3,6 +3,10 @@ body {
     background-color: white;
 }
 
+#fretboard {
+    float: left;
+    padding-right: 1em;
+    margin-right: 1em;
 }
 
 #fretboard table {