From b0fda9fe5b8d9a0f969f6cdd5989a1f517714062 Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Sun, 15 Feb 2026 17:18:55 +0000 Subject: [PATCH] Auto commit: 2026-02-15T17:18:55.611Z --- index.php | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/index.php b/index.php index 0bcfc14..11e2b6c 100644 --- a/index.php +++ b/index.php @@ -134,11 +134,12 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; border: 2px solid transparent; border-radius: 32px; padding: 2.5rem; - box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4); + box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4), + 0 0 30px var(--dynamic-glow-dim, transparent); position: relative; background-clip: padding-box; overflow: hidden; - transition: all 0.5s ease; + transition: all 0.5s ease, box-shadow 0.1s ease; } /* Animated colorful border */ @@ -148,7 +149,7 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; inset: 0; border-radius: 32px; padding: 2px; /* thickness */ - background: linear-gradient(45deg, #00e676, #38bdf8, #facc15, #f472b6, #00e676); + background: 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, @@ -157,6 +158,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; } @keyframes gradient-border { @@ -356,8 +358,14 @@ $facebook_link = "https://www.facebook.com/profile.php?id=61587890927489"; } @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); } + 0%, 100% { + transform: scale(1); + box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4), 0 0 20px var(--dynamic-glow-dim, rgba(0,0,0,0)); + } + 50% { + transform: scale(1.01); + box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), 0 0 40px var(--dynamic-glow, rgba(56, 189, 248, 0.4)); + } } @keyframes float-img {