mirror of
https://github.com/wgreenberg/musicbox.git
synced 2024-11-10 05:40:26 +01:00
slight style changes
This commit is contained in:
parent
04c255d9db
commit
22fe91432d
2 changed files with 27 additions and 16 deletions
17
index.html
17
index.html
|
@ -22,13 +22,23 @@ 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>
|
||||||
<textarea id='beats'></textarea>
|
<textarea id='beats'></textarea>
|
||||||
|
@ -42,6 +52,7 @@ p {
|
||||||
notes C through B, with lower rows representing higher octaves. Capital
|
notes C through B, with lower rows representing higher octaves. Capital
|
||||||
letters are louder, non-letters are silent.</p>
|
letters are louder, non-letters are silent.</p>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
<button id="play">loading...</button>
|
||||||
</div>
|
</div>
|
||||||
<button id="play">Play/Stop</button>
|
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -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');
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue