slight style changes

This commit is contained in:
Will Greenberg 2022-08-23 15:01:05 -07:00
parent 04c255d9db
commit 22fe91432d
2 changed files with 27 additions and 16 deletions

View file

@ -22,12 +22,22 @@ textarea {
margin: 10px; margin: 10px;
} }
.body {
display: flex;
flex-direction: column;
}
button {
width: 150px;
margin: 10px;
}
p { p {
font-size: small; font-size: small;
} }
</style> </style>
</head> </head>
<span id='status'>loading samples...</span> <div class="body">
<div class='sequencers'> <div class='sequencers'>
<div class='sequencer'> <div class='sequencer'>
<span>beats</span> <span>beats</span>
@ -43,5 +53,6 @@ p {
letters are louder, non-letters are silent.</p> letters are louder, non-letters are silent.</p>
</div> </div>
</div> </div>
<button id="play">Play/Stop</button> <button id="play">loading...</button>
</div>
</html> </html>

View file

@ -171,7 +171,7 @@ window.addEventListener('load', async () => {
const beats = new Beats(); const beats = new Beats();
await piano.init(ctx); await piano.init(ctx);
await beats.init(ctx); await beats.init(ctx);
document.getElementById('status').remove(); document.getElementById('play').innerText = 'play/pause';
const pianoSequencer = setupSequencer(piano, 'piano'); const pianoSequencer = setupSequencer(piano, 'piano');
const beatsSequencer = setupSequencer(beats, 'beats'); const beatsSequencer = setupSequencer(beats, 'beats');