Auto commit: 2026-02-15T17:17:34.184Z

This commit is contained in:
Flatlogic Bot 2026-02-15 17:17:34 +00:00
parent 6e0da8cdf5
commit 42b0eb6bdc
2 changed files with 31 additions and 6 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

View File

@ -179,11 +179,29 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
width: 130px;
height: 130px;
border-radius: 50%;
margin-bottom: 1rem;
object-fit: cover;
border: 4px solid var(--primary-color);
box-shadow: 0 0 25px rgba(56, 189, 248, 0.7), 0 0 50px rgba(56, 189, 248, 0.4);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 4px solid var(--dynamic-glow, var(--primary-color));
box-shadow: 0 0 25px var(--dynamic-glow, rgba(56, 189, 248, 0.7)),
0 0 50px var(--dynamic-glow-dim, rgba(56, 189, 248, 0.4));
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;
align-items: center;
gap: 2rem;
margin-bottom: 1.5rem;
flex-wrap: wrap;
}
.brand-logo:hover {
@ -619,7 +637,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
<section class="player-section">
<div class="glass-card">
<header class="brand">
<img src="./assets/pasted-20260215-163754-def41f49.png" alt="Lili Records Logo" class="brand-logo">
<div class="logo-wrapper">
<img src="./assets/pasted-20260215-163754-def41f49.png" alt="Lili Records Logo" class="brand-logo">
<img src="./assets/pasted-20260215-171328-d90df4ce.jpg" alt="Logo Secundario" class="brand-logo">
</div>
<h1>Lili Records</h1>
<p>Siente la música, vive el ritmo.</p>
</header>
@ -743,6 +764,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
let hue = 0;
function draw() {
if (audio.paused) {
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)');
return;
}
animationId = requestAnimationFrame(draw);
analyzer.getByteFrequencyData(dataArray);
@ -762,7 +788,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
// 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})`;