From 3e04ee0dd7171cb3d49b62531bb3f987f4c741bd Mon Sep 17 00:00:00 2001
From: nycki <nupanick@gmail.com>
Date: Sun, 5 Apr 2026 18:57:25 -0700
Subject: [PATCH] mode selector

---
 static/piano/index.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/static/piano/index.html b/static/piano/index.html
index 3bd0113..7b1f048 100644
--- a/static/piano/index.html
+++ b/static/piano/index.html
@@ -20,16 +20,31 @@
 
 <script>
   // const inputArea = document.querySelector('#input');
+  const selectNoteLayout = document.querySelector('#select-note-layout');
   const notesDiv = document.querySelector('#notes-held');
   const ctx = new AudioContext;
   const playing = {};
   let tone = {};
   addEventListener('keydown', onKeydown);
   addEventListener('keyup', onKeyup);
-  useIsomorphic(2, 1);
+  useLayout(selectNoteLayout.value);
+  selectNoteLayout.onchange = function(ev) {
+    ev.preventDefault();
+    useLayout(ev.target.value);
+  }
+
+  function useLayout(layout) {
+    if (layout == 'classic') {
+      useClassicPiano();
+    } else if (layout == 'isomorphic-2-1') {
+      useIsomorphic(2, 1);
+    } else if (layout == 'isomorphic-5-2') {
+      useIsomorphic(5, 2);
+    }
+  }
 
   // arrange notes like on a piano. the second and fourth rows are each a major scale, but the first and third rows have gaps.
-  function usePianoKeys() {
+  function useClassicPiano() {
     tone = {};
     ("zsxdcvgbhnjm,l.;/q2w3e4rt6y7ui9o0p-[]"
       .split('')