Auto commit: 2026-02-15T17:17:34.184Z
This commit is contained in:
parent
6e0da8cdf5
commit
42b0eb6bdc
BIN
assets/pasted-20260215-171328-d90df4ce.jpg
Normal file
BIN
assets/pasted-20260215-171328-d90df4ce.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 66 KiB |
37
index.php
37
index.php
@ -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})`;
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user