From d05c5c8d51d1c9ca8e1625adba06643a04d43629 Mon Sep 17 00:00:00 2001
From: Grant Shangreaux <shshoshin@protonmail.com>
Date: Fri, 17 Jan 2020 16:14:53 -0600
Subject: Feature: Fast-Forward and Rewind buttons plus refactoring

---
 tape-deck.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

(limited to 'tape-deck.html')

diff --git a/tape-deck.html b/tape-deck.html
index 1366fe5..ae8a5b7 100644
--- a/tape-deck.html
+++ b/tape-deck.html
@@ -11,8 +11,14 @@
                 <img id="tape-deck" class="tape-deck-img" src="images/cool-deck.png">
             </div>
             <div class="button-container">
+                <button onclick="rewind()" class="touch-button">
+                    <img class="play-button" id="rewind-button" src="images/rewind-button-up.jpg">
+                </button>
                 <button onclick="play()" class="touch-button">
-                    <img class="play-button" id="play-button" src="images/play-button-up.png">
+                    <img class="play-button" id="play-button" src="images/play-button-up.jpg">
+                </button>
+                <button onclick="ff()" class="touch-button">
+                    <img class="play-button" id="ff-button" src="images/ff-button-up.jpg">
                 </button>
             </div>
             <div class="notes">
@@ -20,6 +26,6 @@
             </div>
             <button onclick="reset()"> reset tape </button>
         </div>
-        <script src="tape-deck.js"></script>
+        <script type="module" src="tape-deck.js"></script>
     </body>
 </html>
-- 
cgit v1.2.3