diff --git a/index.php b/index.php
index afd20ab..544f3e7 100644
--- a/index.php
+++ b/index.php
@@ -69,19 +69,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
background: var(--bg-overlay);
}
- .flash-overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background-color: #fff;
- opacity: var(--bass-flash-opacity, 0);
- z-index: -1;
- pointer-events: none;
- transition: opacity 0.05s ease;
- }
-
/* Animated Mic Background Elements */
.bg-elements {
position: fixed;
@@ -200,15 +187,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
transition: transform 0.3s ease, border-color 0.1s ease, box-shadow 0.1s ease;
}
- body.is-playing .brand-logo {
- animation: logo-pulse 2s infinite ease-in-out;
- }
-
- @keyframes logo-pulse {
- 0%, 100% { transform: scale(1); }
- 50% { transform: scale(1.05); }
- }
-
.logo-wrapper {
display: flex;
justify-content: center;
@@ -664,7 +642,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
-
@@ -809,9 +786,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
ctx.clearRect(0, 0, canvas.width, canvas.height);
document.documentElement.style.setProperty('--dynamic-glow', 'rgba(56, 189, 248, 0.7)');
document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(56, 189, 248, 0.4)');
- document.documentElement.style.setProperty('--shake-offset-x', '0px');
- document.documentElement.style.setProperty('--shake-offset-y', '0px');
- document.documentElement.style.setProperty('--bass-flash-opacity', '0');
return;
}
animationId = requestAnimationFrame(draw);
@@ -830,31 +804,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
for(let i=0; i 210) {
- const intensity = (bassAverage - 210) / 45;
- const shakeX = (Math.random() - 0.5) * 12 * intensity;
- const shakeY = (Math.random() - 0.5) * 12 * intensity;
- document.documentElement.style.setProperty('--shake-offset-x', `${shakeX}px`);
- document.documentElement.style.setProperty('--shake-offset-y', `${shakeY}px`);
- document.documentElement.style.setProperty('--bass-flash-opacity', (intensity * 0.25).toString());
- } else {
- document.documentElement.style.setProperty('--shake-offset-x', '0px');
- document.documentElement.style.setProperty('--shake-offset-y', '0px');
- document.documentElement.style.setProperty('--bass-flash-opacity', '0');
- }
-
hue = (hue + 0.5 + (average / 50)) % 360;
- const glowOpacity = 0.4 + (average / 255) * 0.5;
- const currentGlow = `hsla(${hue}, 80%, 60%, ${glowOpacity})`;
- const currentGlowDim = `hsla(${hue}, 80%, 60%, ${glowOpacity * 0.5})`;
-
- document.documentElement.style.setProperty('--dynamic-glow', currentGlow);
- document.documentElement.style.setProperty('--dynamic-glow-dim', currentGlowDim);
for (let i = 0; i < barCount; i++) {
const barHeight = (dataArray[i] / 255) * logicalHeight;
@@ -930,9 +880,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const title = data.title;
const artist = data.artist || 'Lili Records';
const fullDisplay = `${artist} - ${title}`;
+ const coverUrl = data.cover || './assets/pasted-20260215-163754-def41f49.png';
if (trackTitle.textContent !== fullDisplay) {
trackTitle.style.opacity = '0';
+
trackTitle.classList.remove('scrolling');
setTimeout(() => {
trackTitle.textContent = fullDisplay;