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

Auto commit: 2026-02-15T02:25:30.614Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-15 02:25:30 +00:00
parent 50d8a6ed14
commit b17a2808c9
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.php
View File

@ -125,17 +125,20 @@ $liveIndex = get_live_index($schedule);
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: -1; z-index: -1;
background: linear-gradient(135deg, rgba(15, 23, 42, 0.3) 0%, rgba(15, 23, 42, 0.5) 100%); background: radial-gradient(circle at top right, rgba(56, 189, 248, 0.1), transparent 40%),
radial-gradient(circle at bottom left, rgba(244, 114, 182, 0.1), transparent 40%),
linear-gradient(135deg, rgba(15, 23, 42, 0.4) 0%, rgba(15, 23, 42, 0.7) 100%);
} }
/* Floating Microphones Effect */ /* Floating Microphones Effect */
.floating-mic { .floating-mic {
position: absolute; position: absolute;
color: rgba(255, 255, 255, 0.07); color: var(--mic-color, rgba(255, 255, 255, 0.1));
font-size: 3rem; font-size: 3.5rem;
z-index: 0; z-index: 0;
pointer-events: none; pointer-events: none;
animation: float-and-rotate 25s cubic-bezier(0.4, 0, 0.2, 1) infinite; animation: float-and-rotate 25s cubic-bezier(0.4, 0, 0.2, 1) infinite;
filter: drop-shadow(0 0 15px var(--mic-color));
} }
@keyframes float-and-rotate { @keyframes float-and-rotate {
@ -143,10 +146,10 @@ $liveIndex = get_live_index($schedule);
transform: translate(0, 0) rotate(0deg) scale(0.8); transform: translate(0, 0) rotate(0deg) scale(0.8);
opacity: 0; opacity: 0;
} }
15% { opacity: 0.12; } 15% { opacity: 0.4; }
85% { opacity: 0.12; } 85% { opacity: 0.4; }
100% { 100% {
transform: translate(var(--move-x), var(--move-y)) rotate(360deg) scale(1.2); transform: translate(var(--move-x), var(--move-y)) rotate(360deg) scale(1.4);
opacity: 0; opacity: 0;
} }
} }
@ -570,16 +573,18 @@ $liveIndex = get_live_index($schedule);
<audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none"></audio> <audio id="radio-audio" src="https://listen.radioking.com/radio/828046/stream/897251" preload="none"></audio>
<script> <script>
// Mics background // Mics background with vibrant colors
const micBg = document.getElementById("mics-background"); const micBg = document.getElementById("mics-background");
for (let i = 0; i < 15; i++) { const micColors = ["#00e676", "#38bdf8", "#f472b6", "#fbbf24", "#fb7185", "#2dd4bf"];
for (let i = 0; i < 18; i++) {
const mic = document.createElement("i"); const mic = document.createElement("i");
mic.className = "bi bi-mic-fill floating-mic"; mic.className = "bi bi-mic-fill floating-mic";
mic.style.left = Math.random() * 100 + "vw"; mic.style.left = Math.random() * 100 + "vw";
mic.style.top = Math.random() * 100 + "vh"; mic.style.top = Math.random() * 100 + "vh";
mic.style.setProperty("--move-x", (Math.random() - 0.5) * 400 + "px"); mic.style.setProperty("--mic-color", micColors[Math.floor(Math.random() * micColors.length)]);
mic.style.setProperty("--move-y", (Math.random() - 0.5) * 400 + "px"); mic.style.setProperty("--move-x", (Math.random() - 0.5) * 600 + "px");
mic.style.animationDelay = Math.random() * -20 + "s"; mic.style.setProperty("--move-y", (Math.random() - 0.5) * 600 + "px");
mic.style.animationDelay = Math.random() * -25 + "s";
micBg.appendChild(mic); micBg.appendChild(mic);
} }