Auto commit: 2026-02-15T15:19:37.987Z

This commit is contained in:
Flatlogic Bot 2026-02-15 15:19:37 +00:00
parent c000e0b137
commit 424644c72b

View File

@ -218,7 +218,20 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
body.is-playing .featured-img-container {
animation: float-img 6s infinite ease-in-out;
box-shadow: 0 25px 60px rgba(56, 189, 248, 0.4);
box-shadow: 0 0 50px var(--dynamic-glow, rgba(56, 189, 248, 0.6)),
0 0 100px var(--dynamic-glow-dim, rgba(56, 189, 248, 0.3));
border: 4px solid var(--dynamic-glow, rgba(255, 255, 255, 0.2));
}
.featured-img-container {
width: 100%;
max-width: 900px;
position: relative;
border-radius: 32px;
overflow: hidden;
box-shadow: 0 30px 80px rgba(0, 0, 0, 0.7);
aspect-ratio: 16 / 10;
transition: all 0.5s ease;
}
@keyframes card-pulse {
@ -547,6 +560,15 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
// Rotar el color base según el tiempo y la intensidad
hue = (hue + 0.5 + (average / 50)) % 360;
// Actualizar el resplandor de la imagen con el color actual y reactividad
const glowOpacity = 0.4 + (average / 255) * 0.5;
const glowSize = 30 + (average / 255) * 40;
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 < bufferLength; i++) {
barHeight = (dataArray[i] / 255) * canvas.height;