add lyrics to player

themes/one-pager/assets/js/scripts.js

@@ -592,6 +592,8 @@ function openMusicLightbox(index) {
   const progressFill = document.getElementById('musicLightboxProgressFill');
   const playBtn2 = document.getElementById('musicLightboxPlayBtn2');
   const playIcon2 = document.getElementById('musicPlayIcon2');
+  // Get the lyrics element
+  const lyricsDisplay = document.getElementById('musicLightboxLyrics');
 
   // Set album art
   const artUrl = track.image || '/images/default-album.jpg';
@@ -603,13 +605,38 @@ function openMusicLightbox(index) {
   artist.textContent = track.artist || 'Unknown Artist';
   album.textContent = track.album || '';
 
+  // Set lyrics - find the original track data to get content
+  let lyricsContent = '';
+  // Find the original track data
+  const originalTrack = window.allMusicData ? window.allMusicData.find(t => {
+    let url = '';
+    if (t.tags) {
+      t.tags.forEach(tag => {
+        if (tag[0] === 'url') url = tag[1];
+      });
+    }
+    return url === track.url;
+  }) : null;
+
+  if (originalTrack && originalTrack.content) {
+    lyricsContent = originalTrack.content;
+  }
+
+  // Display lyrics if they exist
+  if (lyricsContent) {
+    lyricsDisplay.innerHTML = lyricsContent.replace(/\n/g, '<br>');
+    lyricsDisplay.style.display = 'block';
+  } else {
+    lyricsDisplay.style.display = 'none';
+  }
+
   // Reset progress
   progressFill.style.width = '0%';
   currentTimeDisplay.textContent = '0:00';
   durationDisplay.textContent = track.duration ? formatTime(track.duration) : '0:00';
 
   // Set play buttons to play state
-  playIcon2.textContent = '▶️';
+  playIcon2.textContent = '▶';
 
   // Create audio player
   musicPlayer = new Audio(track.url);