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

Auto commit: 2026-02-16T20:05:45.517Z

Browse Source
This commit is contained in:
Flatlogic Bot 2026-02-16 20:05:45 +00:00
parent e896719d0b
commit d3737ce079
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.php
View File

@ -116,7 +116,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
inset: 0; inset: 0;
border-radius: 32px; border-radius: 32px;
padding: 2px; /* thickness */ padding: 2px; /* thickness */
background: linear-gradient(45deg, var(--dynamic-glow, #00e676), #38bdf8, var(--dynamic-glow-dim, #facc15), #f472b6, var(--dynamic-glow, #00e676)); background: var(--card-border-bg, linear-gradient(45deg, var(--dynamic-glow, #00e676), #38bdf8, var(--dynamic-glow-dim, #facc15), #f472b6, var(--dynamic-glow, #00e676)));
background-size: 400% 400%; background-size: 400% 400%;
-webkit-mask: -webkit-mask:
linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0) content-box,
@ -125,7 +125,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
mask-composite: exclude; mask-composite: exclude;
pointer-events: none; pointer-events: none;
animation: gradient-border 8s linear infinite; animation: gradient-border 8s linear infinite;
transition: background 0.1s ease; transition: background 0.05s ease;
} }
@keyframes gradient-border { @keyframes gradient-border {
@ -830,6 +830,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const playIcon = document.getElementById('play-icon'); const playIcon = document.getElementById('play-icon');
const trackTitle = document.getElementById('track-title'); const trackTitle = document.getElementById('track-title');
const visualizerContainer = document.getElementById('audio-visualizer'); const visualizerContainer = document.getElementById('audio-visualizer');
const glassCard = document.querySelector('.glass-card');
const trackLabel = document.querySelector('.track-label');
const socialIcons = document.querySelectorAll('.social-float');
let audioCtx; let audioCtx;
let analyzer; let analyzer;
@ -936,6 +939,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
if (average > 95) { if (average > 95) {
document.documentElement.style.setProperty('--dynamic-glow', 'rgba(255, 0, 0, 0.9)'); document.documentElement.style.setProperty('--dynamic-glow', 'rgba(255, 0, 0, 0.9)');
document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(255, 0, 0, 0.5)'); document.documentElement.style.setProperty('--dynamic-glow-dim', 'rgba(255, 0, 0, 0.5)');
document.documentElement.style.setProperty('--card-border-bg', '#ff0000');
// Physical vibration effect // Physical vibration effect
const shakeIntensity = (average - 95) * 0.5; const shakeIntensity = (average - 95) * 0.5;
@ -944,7 +948,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
// Intense scale boost for the card // Intense scale boost for the card
const cardScale = 1 + (average / 255) * 0.04; const cardScale = 1 + (average / 255) * 0.04;
document.querySelector('.glass-card').style.transform = `translate(var(--shake-offset-x), var(--shake-offset-y)) scale(${cardScale})`; if (glassCard) glassCard.style.transform = `translate(var(--shake-offset-x), var(--shake-offset-y)) scale(${cardScale})`;
// Aggressive title effect // Aggressive title effect
if (trackTitle) { if (trackTitle) {
@ -953,8 +957,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
trackTitle.style.transform = `scale(${1 + (average / 255) * 0.12})`; trackTitle.style.transform = `scale(${1 + (average / 255) * 0.12})`;
} }
if (trackLabel) {
trackLabel.style.color = '#ff0000';
trackLabel.style.textShadow = '0 0 10px #ff0000';
}
// Social Icons aggression // Social Icons aggression
document.querySelectorAll('.social-float').forEach(icon => { socialIcons.forEach(icon => {
icon.style.backgroundColor = '#ff0000'; icon.style.backgroundColor = '#ff0000';
icon.style.boxShadow = '0 0 30px #ff0000, 0 0 60px rgba(255, 0, 0, 0.6)'; icon.style.boxShadow = '0 0 30px #ff0000, 0 0 60px rgba(255, 0, 0, 0.6)';
icon.style.transform = `translate(${(Math.random() - 0.5) * shakeIntensity * 2}px, ${(Math.random() - 0.5) * shakeIntensity * 2}px) scale(1.15)`; icon.style.transform = `translate(${(Math.random() - 0.5) * shakeIntensity * 2}px, ${(Math.random() - 0.5) * shakeIntensity * 2}px) scale(1.15)`;
@ -963,9 +972,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const dominantHue = (average * 2 + colorOffset) % 360; const dominantHue = (average * 2 + colorOffset) % 360;
document.documentElement.style.setProperty('--dynamic-glow', `hsla(${dominantHue}, 100%, 60%, 0.8)`); document.documentElement.style.setProperty('--dynamic-glow', `hsla(${dominantHue}, 100%, 60%, 0.8)`);
document.documentElement.style.setProperty('--dynamic-glow-dim', `hsla(${dominantHue}, 100%, 60%, 0.3)`); document.documentElement.style.setProperty('--dynamic-glow-dim', `hsla(${dominantHue}, 100%, 60%, 0.3)`);
document.documentElement.style.setProperty('--card-border-bg', '');
document.documentElement.style.setProperty('--shake-offset-x', '0px'); document.documentElement.style.setProperty('--shake-offset-x', '0px');
document.documentElement.style.setProperty('--shake-offset-y', '0px'); document.documentElement.style.setProperty('--shake-offset-y', '0px');
document.querySelector('.glass-card').style.transform = ''; if (glassCard) glassCard.style.transform = '';
if (trackTitle) { if (trackTitle) {
trackTitle.style.color = ''; trackTitle.style.color = '';
@ -973,8 +983,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
trackTitle.style.transform = ''; trackTitle.style.transform = '';
} }
if (trackLabel) {
trackLabel.style.color = '';
trackLabel.style.textShadow = '';
}
// Reset Social Icons // Reset Social Icons
document.querySelectorAll('.social-float').forEach(icon => { socialIcons.forEach(icon => {
icon.style.backgroundColor = ''; icon.style.backgroundColor = '';
icon.style.boxShadow = ''; icon.style.boxShadow = '';
icon.style.transform = ''; icon.style.transform = '';