Auto commit: 2026-02-16T20:05:45.517Z
This commit is contained in:
parent
e896719d0b
commit
d3737ce079
27
index.php
27
index.php
@ -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 = '';
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user