Update image names to prevent using old cached versions

diff --git a/static/littlesongplace01.gif b/static/littlesongplace02.gif
similarity index 100%
rename from static/littlesongplace01.gif
rename to static/littlesongplace02.gif

diff --git a/static/lsp_btn_delete.gif b/static/lsp_btn_delete02.gif
similarity index 100%
rename from static/lsp_btn_delete.gif
rename to static/lsp_btn_delete02.gif

diff --git a/static/lsp_btn_edit.gif b/static/lsp_btn_edit02.gif
similarity index 100%
rename from static/lsp_btn_edit.gif
rename to static/lsp_btn_edit02.gif

diff --git a/static/lsp_btn_hide.gif b/static/lsp_btn_hide02.gif
similarity index 100%
rename from static/lsp_btn_hide.gif
rename to static/lsp_btn_hide02.gif

diff --git a/static/lsp_btn_next.gif b/static/lsp_btn_next02.gif
similarity index 100%
rename from static/lsp_btn_next.gif
rename to static/lsp_btn_next02.gif

diff --git a/static/lsp_btn_pause.gif b/static/lsp_btn_pause02.gif
similarity index 100%
rename from static/lsp_btn_pause.gif
rename to static/lsp_btn_pause02.gif

diff --git a/static/lsp_btn_play.gif b/static/lsp_btn_play02.gif
similarity index 100%
rename from static/lsp_btn_play.gif
rename to static/lsp_btn_play02.gif

diff --git a/static/lsp_btn_prev.gif b/static/lsp_btn_prev02.gif
similarity index 100%
rename from static/lsp_btn_prev.gif
rename to static/lsp_btn_prev02.gif

diff --git a/static/lsp_btn_show.gif b/static/lsp_btn_show02.gif
similarity index 100%
rename from static/lsp_btn_show.gif
rename to static/lsp_btn_show02.gif

diff --git a/static/player.js b/static/player.js
index f34db0b354338590e9730dc1456a11264db8f1c8..81e2d0ed38eb6cfaae3586b82d3457cad6f5ea8b 100644 (file)
--- a/static/player.js
+++ b/static/player.js
@@ -181,12 +181,12 @@ document.addEventListener("DOMContentLoaded", (event) => {
     // Show pause button when audio is playing
     var button = document.getElementById("play-pause-button");
     audio.addEventListener("play", (event) => {
-        button.src = "/static/lsp_btn_pause.gif";
+        button.src = "/static/lsp_btn_pause02.gif";
     })
 
     // Show play button when audio is paused
     audio.addEventListener("pause", (event) => {
-        button.src = "/static/lsp_btn_play.gif";
+        button.src = "/static/lsp_btn_play02.gif";
     })
 
     // Audio position scrubbing

diff --git a/templates/base.html b/templates/base.html
index 33c51ad4a82950be22b39e2c49af6ac59a17911e..070fa60a1deefedbb80931a4afa82657a11be572 100644 (file)
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,7 +14,7 @@
 
         <div class="page-header">
             <div style="text-align: center;">
-                <img src="/static/littlesongplace01.gif" class="title-image">
+                <img src="/static/littlesongplace02.gif" class="title-image">
             </div>
             <!-- Navbar -->
             <div class="navbar">
@@ -87,13 +87,13 @@
                 </div>
                 <div class="player-controls">
                     <button onclick="songPrevious()" class="player-button">
-                        <img src="/static/lsp_btn_prev.gif" alt="Previous">
+                        <img src="/static/lsp_btn_prev02.gif" alt="Previous">
                     </button>
                     <button onclick="songPlayPause()" class="player-button">
-                        <img src="/static/lsp_btn_pause.gif" alt="Play" id="play-pause-button">
+                        <img src="/static/lsp_btn_pause02.gif" alt="Play" id="play-pause-button">
                     </button>
                     <button onclick="songNext()" class="player-button">
-                        <img src="/static/lsp_btn_next.gif" alt="Next">
+                        <img src="/static/lsp_btn_next02.gif" alt="Next">
                     </button>
                     <div id="player-position">
                         <span id="player-position-bar"></span>

diff --git a/templates/song-list.html b/templates/song-list.html
index 6b6b98c039b792aca88a7600188275f0993221b8..12867ac66b9ee7f8a6da51571b07c5f8dd9e5d70 100644 (file)
--- a/templates/song-list.html
+++ b/templates/song-list.html
@@ -30,21 +30,21 @@
                 <!-- Owner-Specific Buttons (Edit/Delete) -->
                 {% if session["userid"] == song.userid %}
                 <a href="/edit-song?songid={{ song.songid }}" class="song-list-button">
-                    <img src="/static/lsp_btn_edit.gif" alt="Edit">
+                    <img src="/static/lsp_btn_edit02.gif" alt="Edit">
                 </a>
                 <a href="/delete-song/{{ song.songid }}" onclick="return confirm(&#34;Are you sure you want to delete this song?&#34;)" class="song-list-button">
-                    <img src="/static/lsp_btn_delete.gif" alt="Delete">
+                    <img src="/static/lsp_btn_delete02.gif" alt="Delete">
                 </a>
                 {% endif %}
 
                 <!-- Details Button -->
                 <button onclick="return showDetails(event)" class="song-list-button">
-                    <img src="/static/lsp_btn_show.gif" alt="Show Details">
+                    <img src="/static/lsp_btn_show02.gif" alt="Show Details">
                 </button>
 
                 <!-- Play Button -->
                 <button onclick="return play(event)" class="song-list-button">
-                    <img src="/static/lsp_btn_play.gif" alt="Play">
+                    <img src="/static/lsp_btn_play02.gif" alt="Play">
                 </button>
             </div>
         </div>
@@ -156,13 +156,13 @@ function showDetails(event) {
                 // Show details
                 child.hidden = false;
                 event.target.alt = "Hide Details";
-                event.target.src = "/static/lsp_btn_hide.gif";
+                event.target.src = "/static/lsp_btn_hide02.gif";
             }
             else {
                 // Hide details
                 child.hidden = true;
                 event.target.alt = "Show Details";
-                event.target.src = "/static/lsp_btn_show.gif";
+                event.target.src = "/static/lsp_btn_show02.gif";
             }
         }
     }