tape-deck.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<!DOCTYPE html>
<html lang=en>
    <head>
        <meta charset=UTF-8>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>2019 Mix Side A - Winter</title>
    </head>
    <body>
        <div class="tape-deck-container">
            <div class="tape-deck">
                <img id="tape-deck" class="tape-deck-img" src="images/cool-deck.png">
            </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>