summaryrefslogtreecommitdiff
path: root/tape-deck.html
blob: 1366fe5d57a6234e7ded9a7feb6da6e24fd6aa2d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html lang=en>
    <head>
        <meta charset=UTF-8>
        <link rel="stylesheet" type="text/css" href="style.css">
        <title>Tape Deck</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="button-container">
                <button onclick="play()" class="touch-button">
                    <img class="play-button" id="play-button" src="images/play-button-up.png">
                </button>
            </div>
            <div class="notes">
                <p id="notes"></p>
            </div>
            <button onclick="reset()"> reset tape </button>
        </div>
        <script src="tape-deck.js"></script>
    </body>
</html>