From e42126857990119e852995b144c963f65a109dad Mon Sep 17 00:00:00 2001 From: Flatlogic Bot Date: Fri, 24 Oct 2025 15:55:12 +0000 Subject: [PATCH] Auto commit: 2025-10-24T15:55:12.780Z --- index.php | 58 ++++++++++++++++++++++++++++++++++++++++++++++--------- 1 file changed, 49 insertions(+), 9 deletions(-) diff --git a/index.php b/index.php index 54260d5..ca5bb5f 100644 --- a/index.php +++ b/index.php @@ -66,15 +66,51 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? ''; width: 100%; height: 100%; z-index: -1; - opacity: 0.2; - background: linear-gradient(45deg, var(--primary-glow), var(--secondary-glow), var(--tertiary-glow)); - background-size: 400% 400%; - animation: aurora-animation 15s ease infinite; + overflow: hidden; + filter: blur(50px); + opacity: 0.5; } - @keyframes aurora-animation { - 0% { background-position: 0% 50%; } - 50% { background-position: 100% 50%; } - 100% { background-position: 0% 50%; } + + .aurora-background .aurora { + position: absolute; + border-radius: 50%; + animation: aurora-move linear infinite; + } + + .aurora-background .aurora-1 { + width: 60vmax; + height: 60vmax; + top: -30%; + left: -40%; + background-color: var(--primary-glow); + animation-duration: 20s; + animation-delay: 0s; + } + + .aurora-background .aurora-2 { + width: 50vmax; + height: 50vmax; + top: 20%; + left: 10%; + background-color: var(--secondary-glow); + animation-duration: 22s; + animation-delay: -3s; + } + + .aurora-background .aurora-3 { + width: 55vmax; + height: 55vmax; + top: 10%; + left: 50%; + background-color: var(--tertiary-glow); + animation-duration: 25s; + animation-delay: -5s; + } + + @keyframes aurora-move { + 0% { transform: translate(0, 0) rotate(0deg) scale(1); } + 50% { transform: translate(20vw, 10vh) rotate(180deg) scale(1.2); } + 100% { transform: translate(0, 0) rotate(360deg) scale(1); } } .container { width: 90%; @@ -169,7 +205,11 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? ''; -
+
+
+
+
+