berb button

info.html

@@ -21,9 +21,32 @@
             <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 class="content">What elements are AI?</h1>
     <p class="content">The only AI written code as of Feb 20th 2026 on this site is the code for music playback on the homepage. It uses javascript to play the music when you click anywhere (if the music isn't already playing). AI has also assisted me in how to set the background to the checkerboard pattern, but didn't directly code it. The git messages are written by AI, so I don't need to keep track of my changes before the push.</p>
+    <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>