Auto commit: 2026-02-15T17:40:22.743Z

This commit is contained in:
Flatlogic Bot 2026-02-15 17:40:22 +00:00
parent c810271b21
commit ddfe0485c9

View File

@ -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";
</head>
<body>
<div class="background"></div>
<div class="flash-overlay"></div>
<div class="bg-elements">
<i class="bi bi-mic-fill floating-mic"></i>
<i class="bi bi-mic-fill floating-mic"></i>
@ -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<bufferLength; i++) sum += dataArray[i];
const average = sum / bufferLength;
const bassRange = 4;
let bassSum = 0;
for(let i=0; i<bassRange; i++) bassSum += dataArray[i];
const bassAverage = bassSum / bassRange;
if (bassAverage > 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;