From d6f579f4feb7c575e0b9ec66148e911105aff268 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Mon, 16 Feb 2026 21:12:06 +0000
Subject: [PATCH] Auto commit: 2026-02-16T21:12:06.510Z

---
 index.php | 25 +++++++++++++++----------
 1 file changed, 15 insertions(+), 10 deletions(-)

diff --git a/index.php b/index.php
index 160dcee..fb4cf95 100644
--- a/index.php
+++ b/index.php
@@ -862,7 +862,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                         <div class="track-info">
                             <span class="track-label">ESTÁS ESCUCHANDO:</span>
                             <div id="track-title" class="track-title">Cargando stream...</div>
-                            <div class="track-status">EN VIVO</div>
+                            <div id="track-artist" class="track-artist" style="font-size: 0.95rem; font-weight: 600; opacity: 0.8; color: var(--primary-color); text-transform: uppercase; letter-spacing: 1px; margin-top: 2px;">Lili Records Radio</div>
+                            <div class="track-status" style="margin-top: 5px; display: flex; align-items: center; gap: 5px; font-size: 0.75rem;">
+                                <span style="width: 8px; height: 8px; background: #ff4444; border-radius: 50%; display: inline-block; animation: pulse 1.5s infinite;"></span>
+                                EN VIVO
+                            </div>
                         </div>
                         <button id="like-song-btn" onclick="likeSong()" style="background: none; border: none; color: #ff4444; font-size: 1.8rem; cursor: pointer; transition: transform 0.2s; display: flex; align-items: center; gap: 5px;">
                             <i class="bi bi-heart"></i>
@@ -1003,6 +1007,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
         const playBtn = document.getElementById('play-pause');
         const playIcon = document.getElementById('play-icon');
         const trackTitle = document.getElementById('track-title');
+        const trackArtist = document.getElementById('track-artist');
         const trackCover = document.getElementById('track-cover');
         const coverPlaceholder = document.getElementById('cover-placeholder');
         const visualizerContainer = document.getElementById('audio-visualizer');
@@ -1648,7 +1653,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
         // Fetch Now Playing Metadata from RadioKing
         async function updateMetadata() {
             try {
-                // Using the more reliable widget API endpoint
                 const response = await fetch('https://www.radioking.com/widgets/api/v1/radio/828046/track/current');
                 const data = await response.json();
                 
@@ -1657,18 +1661,16 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                     const artist = data.artist || 'Lili Records';
                     const coverUrl = data.cover || './assets/pasted-20260215-163754-def41f49.png';
                     
-                    // Clean up title if it contains artist
-                    let fullDisplay = title.includes(artist) ? title : `${artist} - ${title}`;
+                    const fullDisplay = title.includes(artist) ? title : `${artist} - ${title}`;
                     
-                    if (trackTitle.textContent !== fullDisplay) {
+                    if (trackTitle.textContent !== title || (trackArtist && trackArtist.textContent !== artist)) {
                         // Add previous song to history before changing
                         if (trackTitle.textContent !== "Cargando stream..." && trackTitle.textContent !== "Lili Records Radio - En Vivo") {
                             const prevTrack = {
-                                title: trackTitle.textContent,
+                                title: trackTitle.textContent + (trackArtist ? ' - ' + trackArtist.textContent : ''),
                                 cover: trackCover.src,
                                 likes: document.getElementById('like-count').innerText || '0'
                             };
-                            // Avoid duplicates
                             if (recentTracks.length === 0 || recentTracks[0].title !== prevTrack.title) {
                                 recentTracks.unshift(prevTrack);
                                 if (recentTracks.length > 5) recentTracks.pop();
@@ -1678,6 +1680,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                         }
 
                         trackTitle.style.opacity = '0';
+                        if (trackArtist) trackArtist.style.opacity = '0';
                         if (trackCover) trackCover.style.opacity = '0';
                         
                         // Reset Like Button
@@ -1691,8 +1694,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
 
                         trackTitle.classList.remove('scrolling');
                         setTimeout(async () => {
-                            trackTitle.textContent = fullDisplay;
+                            trackTitle.textContent = title;
+                            if (trackArtist) trackArtist.textContent = artist;
+                            
                             trackTitle.style.opacity = '1';
+                            if (trackArtist) trackArtist.style.opacity = '0.8';
                             
                             if (trackCover) {
                                 trackCover.src = coverUrl;
@@ -1713,8 +1719,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
                             // Check if scrolling is needed
                             if (trackTitle.scrollWidth > trackTitle.clientWidth) {
                                 trackTitle.classList.add('scrolling');
-                                // Double the text for seamless loop
-                                trackTitle.innerHTML = `<span>${fullDisplay} &nbsp;&nbsp;&nbsp;&nbsp; ${fullDisplay} &nbsp;&nbsp;&nbsp;&nbsp;</span>`;
+                                trackTitle.innerHTML = `<span>${title} &nbsp;&nbsp;&nbsp;&nbsp; ${title} &nbsp;&nbsp;&nbsp;&nbsp;</span>`;
                             }
                         }, 500);
                     }