diff --git a/themes/one-pager/assets/css/style.css b/themes/one-pager/assets/css/style.css
index ee7a6d9..5a07fb6 100644
--- a/themes/one-pager/assets/css/style.css
+++ b/themes/one-pager/assets/css/style.css
@@ -767,52 +767,7 @@ button {
font-size: 0.9rem;
white-space: pre-wrap;
}
-/* Music lightbox lyrics - below controls */
-.music-lightbox-lyrics {
- margin-top: 1.5rem;
- padding: 1.2rem 1.5rem;
- background: rgba(0, 0, 0, 0.4);
- border: 1px solid var(--accent-yellow);
- border-radius: 0 8px 8px 0;
- color: rgba(255, 255, 255, 0.85);
- font-family: 'Poppins', sans-serif;
- font-weight: 300;
- font-size: 0.85rem;
- line-height: 1.8;
- max-height: 200px;
- overflow-y: auto;
- text-align: left;
- width: 100%;
- max-width: 500px;
- backdrop-filter: blur(10px);
- -webkit-backdrop-filter: blur(10px);
- scrollbar-width: thin;
- scrollbar-color: var(--accent-yellow) rgba(255, 255, 255, 0.1);
- box-shadow: 0 10px 40px #ffd7005c;
-}
-.music-lightbox-lyrics::-webkit-scrollbar {
- width: 4px;
-}
-
-.music-lightbox-lyrics::-webkit-scrollbar-track {
- background: rgba(255, 255, 255, 0.1);
- border-radius: 2px;
-}
-
-.music-lightbox-lyrics::-webkit-scrollbar-thumb {
- background: var(--accent-yellow);
- border-radius: 2px;
-}
-
-.music-lightbox-lyrics p {
- margin-bottom: 0.5rem;
-}
-
-.music-lightbox-lyrics br {
- display: block;
- margin: 0.2rem 0;
-}
/* Photo Grid - KEEP SKEW ON CARDS */
.photo-grid {
display: grid;
diff --git a/themes/one-pager/assets/js/scripts.js b/themes/one-pager/assets/js/scripts.js
index 0f2002a..fc96e78 100644
--- a/themes/one-pager/assets/js/scripts.js
+++ b/themes/one-pager/assets/js/scripts.js
@@ -592,8 +592,6 @@ 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';
@@ -605,38 +603,13 @@ 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, '
');
- 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);
diff --git a/themes/one-pager/layouts/index.html b/themes/one-pager/layouts/index.html
index 5db3a5e..fda64ef 100644
--- a/themes/one-pager/layouts/index.html
+++ b/themes/one-pager/layouts/index.html
@@ -61,10 +61,13 @@
+
Artist
Album
+ +