diff options
| -rw-r--r-- | index.html | 16 | ||||
| -rw-r--r-- | tape-deck.html | 9 |
2 files changed, 24 insertions, 1 deletions
@@ -24,7 +24,21 @@ <div class="side"> <h3>Spring</h3> <a href="tape-deck.html?side=B"> - <img src="images/side-b.jpeg" class="tape"> + <img src="images/side-b.jpeg" class="tape"> + </a> + </div> + </div> + <div class="tape-container"> + <div class="side"> + <h3>Summer</h3> + <a href="tape-deck.html?side=C"> + <img src="images/side-c.jpeg" class="tape"> + </a> + </div> + <div class="side"> + <h3>Autumn</h3> + <a href="tape-deck.html?side=D"> + <img src="images/side-c.jpeg" class="tape"> </a> </div> </div> diff --git a/tape-deck.html b/tape-deck.html index ae8a5b7..f219b76 100644 --- a/tape-deck.html +++ b/tape-deck.html @@ -24,6 +24,15 @@ <div class="notes"> <p id="notes"></p> </div> + <p> + Start the tape with the play button, press it again to pause. + Fast-Forward and Rewind buttons are meant to be pressed once, + they'll advance the tape by 20s and then continue playing. + Those buttons are fragile, so try to just press once! + Hit the reset tape button to start it from the beginning, the + website will store your current position on the tape in your + browser, so it should resume the next time you play the tape. + </p> <button onclick="reset()"> reset tape </button> </div> <script type="module" src="tape-deck.js"></script> |