summaryrefslogtreecommitdiff
path: root/tape-deck.html
diff options
context:
space:
mode:
authorGrant Shangreaux <shshoshin@protonmail.com>2020-01-04 21:38:00 -0600
committerGrant Shangreaux <shshoshin@protonmail.com>2020-01-04 21:38:00 -0600
commit51489ec22a7ad046eedaf3268859fd13defda0ca (patch)
tree45ac7e36e37ecc1ebedc2a56bfb88e6a11242d59 /tape-deck.html
parente5022cc63947db8e9bd632a79e1ccf8498574aac (diff)
Add: play and pause buttons to tape deck
Diffstat (limited to 'tape-deck.html')
-rw-r--r--tape-deck.html14
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>