From 046a18d41b3d8d7866315ec48ab27587f735efa4 Mon Sep 17 00:00:00 2001
From: Grant Shangreaux <shshoshin@protonmail.com>
Date: Fri, 17 Jan 2020 16:27:42 -0600
Subject: Add: links to side C and D and some instructions

---
 index.html     | 16 +++++++++++++++-
 tape-deck.html |  9 +++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

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>
-- 
cgit v1.2.3