update all crawls with new audio logic

nragland37 · Oct 9, 2024 · 8a15371 · 8a15371
1 parent 431009c
commit 8a15371
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 15 deletions.
diff --git a/src/attack_of_the_clones.html b/src/attack_of_the_clones.html
@@ -72,13 +72,14 @@
     </div>
 
     <!-- Audio -->
-    <div>
-      <audio id="themeAudio" controls>
+    <div class="audio-player">
+      <button id="audioToggle" class="play-button">Play</button>
+      <audio id="themeAudio">
         <source src="audio/star_wars_theme_song.ogg" type="audio/ogg" />
         <source src="audio/star_wars_theme_song.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </div>
+    </div>   
 
     <!-- Star Wars Crawl -->
     <section class="intro">

diff --git a/src/return_of_the_jedi.html b/src/return_of_the_jedi.html
@@ -72,13 +72,14 @@
     </div>
 
     <!-- Audio -->
-    <div>
-      <audio id="themeAudio" controls>
+    <div class="audio-player">
+      <button id="audioToggle" class="play-button">Play</button>
+      <audio id="themeAudio">
         <source src="audio/star_wars_theme_song.ogg" type="audio/ogg" />
         <source src="audio/star_wars_theme_song.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </div>
+    </div>   
 
     <!-- Star Wars Crawl -->
     <section class="intro">

diff --git a/src/revenge_of_the_sith.html b/src/revenge_of_the_sith.html
@@ -72,13 +72,14 @@
     </div>
 
     <!-- Audio -->
-    <div>
-      <audio id="themeAudio" controls>
+    <div class="audio-player">
+      <button id="audioToggle" class="play-button">Play</button>
+      <audio id="themeAudio">
         <source src="audio/star_wars_theme_song.ogg" type="audio/ogg" />
         <source src="audio/star_wars_theme_song.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </div>
+    </div>   
 
     <!-- Star Wars Crawl -->
     <section class="intro">

diff --git a/src/the_empire_strikes_back.html b/src/the_empire_strikes_back.html
@@ -72,13 +72,14 @@
     </div>
 
     <!-- Audio -->
-    <div>
-      <audio id="themeAudio" controls>
+    <div class="audio-player">
+      <button id="audioToggle" class="play-button">Play</button>
+      <audio id="themeAudio">
         <source src="audio/star_wars_theme_song.ogg" type="audio/ogg" />
         <source src="audio/star_wars_theme_song.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </div>
+    </div>   
 
     <!-- Star Wars Crawl -->
     <section class="intro">

diff --git a/src/the_phantom_menace.html b/src/the_phantom_menace.html
@@ -72,13 +72,14 @@
     </div>
 
     <!-- Audio -->
-    <div>
-      <audio id="themeAudio" controls>
+    <div class="audio-player">
+      <button id="audioToggle" class="play-button">Play</button>
+      <audio id="themeAudio">
         <source src="audio/star_wars_theme_song.ogg" type="audio/ogg" />
         <source src="audio/star_wars_theme_song.mp3" type="audio/mpeg" />
         Your browser does not support the audio element.
       </audio>
-    </div>
+    </div>   
 
     <!-- Star Wars Crawl -->
     <section class="intro">