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

Auto commit: 2026-02-15T15:11:22.810Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 15:11:22 +00:00
parent 12ececf64d
commit 2f077507b0
1 changed files with 43 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
index.php
View File

@ -179,6 +179,13 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
background: #ff4444 !important;
box-shadow: 0 4px 20px rgba(255, 68, 68, 0.5);
transform: scale(1.1);
animation: pulse-button 1.5s infinite;
}
@keyframes pulse-button {
0% { box-shadow: 0 0 0 0 rgba(255, 68, 68, 0.7); }
70% { box-shadow: 0 0 0 15px rgba(255, 68, 68, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 68, 68, 0); }
}
.play-btn:hover {
@ -188,17 +195,40 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
.visualizer-container {
width: 100%;
height: 60px;
height: 100px;
margin-bottom: 1rem;
display: flex;
align-items: flex-end;
justify-content: center;
overflow: hidden;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#visualizer {
width: 100%;
height: 100%;
filter: drop-shadow(0 0 8px rgba(0, 230, 118, 0.5));
}
/* Playing Animations */
body.is-playing .glass-card {
animation: card-pulse 4s infinite ease-in-out;
border-color: rgba(56, 189, 248, 0.5);
}
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);
}
@keyframes card-pulse {
0%, 100% { transform: scale(1); box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); }
50% { transform: scale(1.01); box-shadow: 0 12px 40px 0 rgba(56, 189, 248, 0.2); }
}
@keyframes float-img {
0%, 100% { transform: translateY(0) scale(1); }
50% { transform: translateY(-15px) scale(1.02); }
}
.volume-slider {
@ -492,7 +522,7 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
source.connect(analyzer);
analyzer.connect(audioCtx.destination);
analyzer.fftSize = 64;
analyzer.fftSize = 128;
const bufferLength = analyzer.frequencyBinCount;
const dataArray = new Uint8Array(bufferLength);
@ -510,15 +540,19 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
let x = 0;
for (let i = 0; i < bufferLength; i++) {
barHeight = dataArray[i] / 2;
barHeight = (dataArray[i] / 255) * canvas.height;
// Create gradient for bars
// Create more vibrant neon gradient
const gradient = ctx.createLinearGradient(0, canvas.height, 0, 0);
gradient.addColorStop(0, '#38bdf8');
gradient.addColorStop(1, '#ff4444');
gradient.addColorStop(0, '#00e676'); // Neon Green
gradient.addColorStop(0.5, '#38bdf8'); // Sky Blue
gradient.addColorStop(1, '#a855f7'); // Purple
ctx.fillStyle = gradient;
ctx.fillRect(x, canvas.height - barHeight, barWidth - 2, barHeight);
// Rounded bars
ctx.beginPath();
ctx.roundRect(x, canvas.height - barHeight, barWidth - 3, barHeight, 4);
ctx.fill();
x += barWidth;
}
@ -537,11 +571,13 @@ $whatsapp_link = "https://wa.me/" . preg_replace('/[^0-9]/', '', $whatsapp_numbe
playIcon.classList.remove('bi-play-fill');
playIcon.classList.add('bi-pause-fill');
playBtn.classList.add('playing');
document.body.classList.add('is-playing');
} else {
audio.pause();
playIcon.classList.remove('bi-pause-fill');
playIcon.classList.add('bi-play-fill');
playBtn.classList.remove('playing');
document.body.classList.remove('is-playing');
}
}