Auto commit: 2026-02-15T18:03:50.045Z

This commit is contained in:
Flatlogic Bot 2026-02-15 18:03:50 +00:00
parent 787ae733a1
commit 66ecfcc69b

View File

@ -69,41 +69,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
background: var(--bg-overlay);
}
/* Animated Mic Background Elements */
.bg-elements {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.floating-mic {
position: absolute;
font-size: 2rem;
opacity: 0.2;
color: var(--primary-color);
animation: float-around 20s infinite linear;
filter: drop-shadow(0 0 10px currentColor);
}
@keyframes float-around {
0% { transform: translate(0, 0) rotate(0deg); color: #38bdf8; }
25% { transform: translate(100px, 100px) rotate(90deg); color: #00e676; }
50% { transform: translate(200px, 0) rotate(180deg); color: #facc15; }
75% { transform: translate(100px, -100px) rotate(270deg); color: #f472b6; }
100% { transform: translate(0, 0) rotate(360deg); color: #38bdf8; }
}
.floating-mic:nth-child(1) { top: 10%; left: 10%; animation-duration: 25s; }
.floating-mic:nth-child(2) { top: 20%; left: 80%; animation-duration: 30s; animation-delay: -5s; }
.floating-mic:nth-child(3) { top: 70%; left: 15%; animation-duration: 22s; animation-delay: -10s; }
.floating-mic:nth-child(4) { top: 80%; left: 75%; animation-duration: 35s; animation-delay: -15s; }
.floating-mic:nth-child(5) { top: 40%; left: 40%; animation-duration: 28s; animation-delay: -2s; }
.app-container {
display: flex;
flex-direction: column;
@ -655,13 +620,6 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
</head>
<body>
<div class="background"></div>
<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>
<i class="bi bi-mic-fill floating-mic"></i>
</div>
<div class="app-container">
<!-- Left Section: Player -->
@ -789,8 +747,8 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
this.y = Math.random() * canvas.height;
}
this.width = 4 + Math.random() * 6; // Un poco más grandes
this.height = 15 + Math.random() * 30;
this.width = 3 + Math.random() * 5;
this.height = 40 + Math.random() * 60; // Mucho más largas, como barras reales
this.speed = 1 + Math.random() * 2;
this.hue = Math.random() * 360;
this.opacity = 0.1 + Math.random() * 0.3;
@ -848,7 +806,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
// Create background bars
bars = [];
for(let i = 0; i < 40; i++) {
for(let i = 0; i < 80; i++) {
bars.push(new ColorBar());
}