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

This commit is contained in:
Flatlogic Bot 2026-02-16 20:05:45 +00:00
parent e896719d0b
commit d3737ce079

View File

@ -116,7 +116,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
inset: 0;
border-radius: 32px;
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%;
-webkit-mask:
linear-gradient(#fff 0 0) content-box,
@ -125,7 +125,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
mask-composite: exclude;
pointer-events: none;
animation: gradient-border 8s linear infinite;
transition: background 0.1s ease;
transition: background 0.05s ease;
}
@keyframes gradient-border {
@ -830,6 +830,9 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const playIcon = document.getElementById('play-icon');
const trackTitle = document.getElementById('track-title');
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 analyzer;
@ -936,6 +939,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
if (average > 95) {
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('--card-border-bg', '#ff0000');
// Physical vibration effect
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
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
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})`;
}
if (trackLabel) {
trackLabel.style.color = '#ff0000';
trackLabel.style.textShadow = '0 0 10px #ff0000';
}
// Social Icons aggression
document.querySelectorAll('.social-float').forEach(icon => {
socialIcons.forEach(icon => {
icon.style.backgroundColor = '#ff0000';
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)`;
@ -963,9 +972,10 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
const dominantHue = (average * 2 + colorOffset) % 360;
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('--card-border-bg', '');
document.documentElement.style.setProperty('--shake-offset-x', '0px');
document.documentElement.style.setProperty('--shake-offset-y', '0px');
document.querySelector('.glass-card').style.transform = '';
if (glassCard) glassCard.style.transform = '';
if (trackTitle) {
trackTitle.style.color = '';
@ -973,8 +983,13 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489";
trackTitle.style.transform = '';
}
if (trackLabel) {
trackLabel.style.color = '';
trackLabel.style.textShadow = '';
}
// Reset Social Icons
document.querySelectorAll('.social-float').forEach(icon => {
socialIcons.forEach(icon => {
icon.style.backgroundColor = '';
icon.style.boxShadow = '';
icon.style.transform = '';