diff --git a/index.html b/index.html index 2944b34..4a80058 100644 --- a/index.html +++ b/index.html @@ -22,26 +22,37 @@ textarea { margin: 10px; } +.body { + display: flex; + flex-direction: column; +} + +button { + width: 150px; + margin: 10px; +} + p { font-size: small; } -loading samples... -
-
- beats - -

Each letter corresponds to a different sample. Non-letters are - silent.

-
-
- piano - -

On a QWERTY keyboard, the first 7 letters on each row represent - notes C through B, with lower rows representing higher octaves. Capital - letters are louder, non-letters are silent.

+
+
+
+ beats + +

Each letter corresponds to a different sample. Non-letters are + silent.

+
+
+ piano + +

On a QWERTY keyboard, the first 7 letters on each row represent + notes C through B, with lower rows representing higher octaves. Capital + letters are louder, non-letters are silent.

+
+
- diff --git a/musicbox.js b/musicbox.js index 501e4e6..460a997 100644 --- a/musicbox.js +++ b/musicbox.js @@ -171,7 +171,7 @@ window.addEventListener('load', async () => { const beats = new Beats(); await piano.init(ctx); await beats.init(ctx); - document.getElementById('status').remove(); + document.getElementById('play').innerText = 'play/pause'; const pianoSequencer = setupSequencer(piano, 'piano'); const beatsSequencer = setupSequencer(beats, 'beats');