berb button

links.html

@@ -21,6 +21,8 @@
             <a href="https://zaney.atabook.org/"><img class="nav-item" src="https://zane.org/buttons/gb.gif"><br>Guestbook</a>
             <br><br>
             <a href="https://zane.org/info.html"><img class="nav-item" src="https://zane.org/buttons/info.gif"><br>Information</a>
+            <br><br>
+            <a href="https://zane.org/flights.html"><img class="nav-item" src="https://zane.org/buttons/berb.gif"><br>Flightlogs</a>
         </div>
     </header>
     <h1>Cool Links</h1>
@@ -61,5 +63,26 @@
     <p class="mini-text"><i>If you link me and let me know (via guestbook) then I will link you back!</i></p>
     <p>&lt;a href="https://zane.org"&gt;&lt;img src="https://zane.org/logo.gif"&gt;&lt;/a&gt;</p>
     <a class="why-are-you-looking-at-my-code" href="https://zane.org"><img class="why-are-you-looking-at-my-code" src="https://zane.org/logo.gif"></a>
+    <div class="music">
+        <h1>Background Music</h1>
+        <img class="song-cover" src="swsd-logo.jpg" alt="song cover">
+        <p><a href="https://tangermusic.bandcamp.com/track/somewhere-someday">somewhere, someday</a> - <a href="https://tangermusic.bandcamp.com">Tanger</a></p>
+        <audio id="bg-music" controls autoplay loop>
+            <source src="music.mp3" type="audio/mpeg">
+                Your browser does not support the audio element.
+        </audio>
+        <p class="mini-text"><i>Please enable autoplay for the best experience</i></p>
+    </div>
+    <script>
+        const music = document.getElementById("bg-music");
+    
+        function tryPlayMusic() {
+            if (music && music.paused) {
+                music.play().catch(() => {});
+            }
+        }
+    
+        window.addEventListener("click", tryPlayMusic, { once: true });
+    </script>
 </body >
 </html>