diff options
author | Grant Shangreaux <shshoshin@protonmail.com> | 2020-01-04 21:38:00 -0600 |
---|---|---|
committer | Grant Shangreaux <shshoshin@protonmail.com> | 2020-01-04 21:38:00 -0600 |
commit | 51489ec22a7ad046eedaf3268859fd13defda0ca (patch) | |
tree | 45ac7e36e37ecc1ebedc2a56bfb88e6a11242d59 /tape-deck.html | |
parent | e5022cc63947db8e9bd632a79e1ccf8498574aac (diff) |
Add: play and pause buttons to tape deck
Diffstat (limited to 'tape-deck.html')
-rw-r--r-- | tape-deck.html | 14 |
1 files changed, 12 insertions, 2 deletions
diff --git a/tape-deck.html b/tape-deck.html index 3203fd4..6a260ff 100644 --- a/tape-deck.html +++ b/tape-deck.html @@ -5,8 +5,18 @@ <title>2019 Mix Side A - Winter</title> </head> <body> - <img src="images/cool-deck.gif"> - <p id="notes"></p> + <div display="flex"> + <div class="tape-deck"> + <img src="images/cool-deck.gif"> + </div> + <div class="buttons" display="flex" flex-direction="row" justify-content="center"> + <button id="playButton" onclick="play()">Play</button> + <button id="pauseButton" onclick="pause()">Pause</button> + </div> + <div class="notes"> + <p id="notes"></p> + </div> + </div> <script src="tape-deck.js"></script> </body> </html> |