summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGrant Shangreaux <shshoshin@protonmail.com>2020-01-17 16:27:42 -0600
committerGrant Shangreaux <shshoshin@protonmail.com>2020-01-17 16:27:42 -0600
commit046a18d41b3d8d7866315ec48ab27587f735efa4 (patch)
tree957501a3d08d7d3d0cc8258c3a1f6bdcf9dc145d
parentd05c5c8d51d1c9ca8e1625adba06643a04d43629 (diff)
Add: links to side C and D and some instructions
-rw-r--r--index.html16
-rw-r--r--tape-deck.html9
2 files changed, 24 insertions, 1 deletions
diff --git a/index.html b/index.html
index 4624cfc..62bec28 100644
--- a/index.html
+++ b/index.html
@@ -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>