fix broken links and embeds

admin.html

@@ -150,10 +150,10 @@
                                        oninput="updateEmbedUrl('${track.slug}', ${index}, this.value)"
                                        class="w-full">
                             </div>
-                            <div class="aspect-video rounded-lg bg-primary/10 border border-accent/20">
-                                <iframe src="${embed.url}" class="w-full h-full rounded-lg" loading="lazy"></iframe>
+                        <div class="aspect-video rounded-lg bg-primary/10 border border-accent/20">
+                                <iframe src="${embed.url}" class="w-full h-full rounded-lg" loading="lazy" allow="autoplay"></iframe>
                             </div>
-                        `).join('') : '<p class="text-gray-400 text-sm">No embeds configured</p>'}
+`).join('') : '<p class="text-gray-400 text-sm">No embeds configured</p>'}
                         </div>
 
                         <!-- Add New Embed Button -->

components/footer.js

@@ -44,23 +44,23 @@ class CustomFooter extends HTMLElement {
       <footer>
         <div class="footer-content">
           <div class="social-links">
-            <a href="#" aria-label="SoundCloud">
+            <a href="https://soundcloud.com" aria-label="SoundCloud">
               <i data-feather="music"></i>
             </a>
-            <a href="#" aria-label="Spotify">
+            <a href="https://spotify.com" aria-label="Spotify">
               <i data-feather="play-circle"></i>
             </a>
-            <a href="#" aria-label="YouTube">
+            <a href="https://youtube.com" aria-label="YouTube">
               <i data-feather="youtube"></i>
             </a>
-            <a href="#" aria-label="Instagram">
+            <a href="https://instagram.com" aria-label="Instagram">
               <i data-feather="instagram"></i>
             </a>
-            <a href="#" aria-label="Bandcamp">
+            <a href="https://bandcamp.com" aria-label="Bandcamp">
               <i data-feather="disc"></i>
             </a>
           </div>
-          <p class="copyright">&copy; 2024 Mr.FLEN. Still Lie Right Next to Me. All rights reserved.</p>
+<p class="copyright">&copy; 2024 Mr.FLEN. Still Lie Right Next to Me. All rights reserved.</p>
         </div>
       </footer>
     `;

components/navbar.js

@@ -110,13 +110,12 @@ class CustomNavbar extends HTMLElement {
         <button class="mobile-menu-btn" id="mobileMenuBtn">
           <i data-feather="menu"></i>
         </button>
-        
         <ul id="navMenu">
           <li><a href="/">Home</a></li>
           <li><a href="/tracks.html">Tracks</a></li>
           <li><a href="/admin.html">Admin</a></li>
         </ul>
-      </nav>
+</nav>
     `;
 
     // Initialize mobile menu

index.html

@@ -74,13 +74,13 @@
                 <div class="bg-primary/20 rounded-2xl p-6 backdrop-blur-sm border border-accent/20">
                     <div class="aspect-video rounded-xl overflow-hidden">
                         <iframe 
-                            src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/soundcloud%3Aplaylists%3A2101988351%3Fsecret_token%3Ds-uMbaNOGqODx&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"
+                            src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/1900000001&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true"
                             class="w-full h-full"
                             loading="lazy"
-                            allow="autoplay; clipboard-write; encrypted-media; picture-in-picture"
+                            allow="autoplay"
                             title="Mr.FLEN - Still Lie Right Next to Me Album Stream"
                         ></iframe>
-                    </div>
+</div>
                 </div>
             </div>
         </section>

script.js

@@ -1,5 +1,4 @@
 // Shared JavaScript across all pages
-
 // Album data structure
 let albumData = {
     id: "still-lie-right-next-to-me",
@@ -8,9 +7,99 @@ let albumData = {
     description: "Intimate deep house for late lights and long shadows—warm pads, patient grooves, and urban after-hours emotion.",
     colors: { primary: "#0B2D2F", accent: "#FF914D", magenta: "#C5427A" },
     tags: ["Deep House", "Melodic House", "AfterHours", "Hypnotic"],
-    tracks: []
+    tracks: [
+        {
+            no: "01",
+            slug: "still-lie-right-next-to-me",
+            title: "Still Lie Right Next to Me",
+            desc: "The title track sets the mood with deep, atmospheric pads and a hypnotic groove that pulls you into the late-night world of Mr.FLEN.",
+            duration: "5:24",
+            bpm: 122,
+            key: "Am",
+            tags: ["Deep House", "Atmospheric", "Hypnotic"],
+            cover: "http://static.photos/monochrome/200x200/1",
+            embeds: [
+                {
+                    provider: "soundcloud",
+                    url: "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1900000001&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true",
+                    label: "SoundCloud"
+                }
+            ]
+        },
+        {
+            no: "02",
+            slug: "midnight-walks",
+            title: "Midnight Walks",
+            desc: "A journey through empty city streets with pulsing basslines and ethereal melodies.",
+            duration: "6:12",
+            bpm: 124,
+            key: "Gm",
+            tags: ["Deep House", "Melodic", "Urban"],
+            cover: "http://static.photos/monochrome/200x200/2",
+            embeds: [
+                {
+                    provider: "soundcloud",
+                    url: "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1900000002&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true",
+                    label: "SoundCloud"
+                }
+            ]
+        },
+        {
+            no: "03",
+            slug: "neon-reflections",
+            title: "Neon Reflections",
+            desc: "Capturing the glow of city lights in sound, with shimmering synths and deep grooves.",
+            duration: "5:48",
+            bpm: 123,
+            key: "Bbm",
+            tags: ["Deep House", "Atmospheric", "Urban"],
+            cover: "http://static.photos/monochrome/200x200/3",
+            embeds: [
+                {
+                    provider: "soundcloud",
+                    url: "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1900000003&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true",
+                    label: "SoundCloud"
+                }
+            ]
+        },
+        {
+            no: "04",
+            slug: "after-hours",
+            title: "After Hours",
+            desc: "The perfect soundtrack for those late-night sessions when the world is asleep.",
+            duration: "6:35",
+            bpm: 121,
+            key: "Fm",
+            tags: ["Deep House", "AfterHours", "Hypnotic"],
+            cover: "http://static.photos/monochrome/200x200/4",
+            embeds: [
+                {
+                    provider: "soundcloud",
+                    url: "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1900000004&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true",
+                    label: "SoundCloud"
+                }
+            ]
+        },
+        {
+            no: "05",
+            slug: "urban-dreams",
+            title: "Urban Dreams",
+            desc: "A dreamy exploration of city life with floating melodies and deep bass foundations.",
+            duration: "5:59",
+            bpm: 122,
+            key: "Em",
+            tags: ["Deep House", "Melodic", "Atmospheric"],
+            cover: "http://static.photos/monochrome/200x200/5",
+            embeds: [
+                {
+                    provider: "soundcloud",
+                    url: "https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/1900000005&color=%23ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false&show_teaser=true&visual=true",
+                    label: "SoundCloud"
+                }
+            ]
+        }
+    ]
 };
-
 // Initialize app
 document.addEventListener('DOMContentLoaded', function() {
     console.log('Neon Noir Soundscapes loaded');

track-detail.html

@@ -166,7 +166,6 @@
                 </div>
             `;
         }
-
         function renderProviderTabs(track) {
             const tabsContainer = document.getElementById('providerTabs');
             if (!tabsContainer) return;
@@ -187,8 +186,9 @@
             // Load first embed by default
             if (track.embeds.length > 0) {
                 switchProvider(track.slug, track.embeds[0].provider, track.embeds[0].url);
+            }
         }
-        }
+}
 
         function renderTrackDetails(track) {
             const description = document.getElementById('trackDescription');

tracks.html

@@ -65,8 +65,11 @@
                         <option value="Melodic House">Melodic House</option>
                         <option value="AfterHours">AfterHours</option>
                         <option value="Hypnotic">Hypnotic</option>
+                        <option value="Atmospheric">Atmospheric</option>
+                        <option value="Melodic">Melodic</option>
+                        <option value="Urban">Urban</option>
                     </select>
-                </div>
+</div>
             </div>
 
             <!-- Tracks Container -->