admin/38428-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auto commit: 2026-02-15T17:21:30.503Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 17:21:30 +00:00
parent b0fda9fe5b
commit 4dcfef0593
1 changed files with 38 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
index.php
View File

@ -61,7 +61,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
} }
.background::after { .background::after {
content: '';
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -70,6 +69,19 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
background: var(--bg-overlay); 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 */ /* Animated Mic Background Elements */
.bg-elements { .bg-elements {
position: fixed; position: fixed;
@ -359,11 +371,11 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
@keyframes card-pulse { @keyframes card-pulse {
0%, 100% { 0%, 100% {
transform: scale(1); transform: translate(var(--shake-offset-x, 0), var(--shake-offset-y, 0)) scale(1);
box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4), 0 0 20px var(--dynamic-glow-dim, rgba(0,0,0,0)); box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4), 0 0 20px var(--dynamic-glow-dim, rgba(0,0,0,0));
} }
50% { 50% {
transform: scale(1.01); transform: translate(var(--shake-offset-x, 0), var(--shake-offset-y, 0)) scale(1.01);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 40px var(--dynamic-glow, rgba(56, 189, 248, 0.4)); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 40px var(--dynamic-glow, rgba(56, 189, 248, 0.4));
} }
} }
@ -632,6 +644,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
</head> </head>
<body> <body>
<div class="background"></div> <div class="background"></div>
<div class="flash-overlay"></div>
<div class="bg-elements"> <div class="bg-elements">
<i class="bi bi-mic-fill floating-mic"></i> <i class="bi bi-mic-fill floating-mic"></i>
<i class="bi bi-mic-fill floating-mic"></i> <i class="bi bi-mic-fill floating-mic"></i>
@ -775,6 +788,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
if (audio.paused) { if (audio.paused) {
document.documentElement.style.setProperty('--dynamic-glow', 'rgba(56, 189, 248, 0.7)'); 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('--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; return;
} }
animationId = requestAnimationFrame(draw); animationId = requestAnimationFrame(draw);
@ -790,6 +806,25 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
let sum = 0; let sum = 0;
for(let i=0; i<bufferLength; i++) sum += dataArray[i]; for(let i=0; i<bufferLength; i++) sum += dataArray[i];
const average = sum / bufferLength; const average = sum / bufferLength;
// Detectar bajos para el efecto de sacudida (shake) y flash
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');
}
// Rotar el color base según el tiempo y la intensidad // Rotar el color base según el tiempo y la intensidad
hue = (hue + 0.5 + (average / 50)) % 360; hue = (hue + 0.5 + (average / 50)) % 360;