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

Auto commit: 2025-10-24T15:55:12.780Z

Browse Source
This commit is contained in:
Flatlogic Bot 2025-10-24 15:55:12 +00:00
parent f2955302d9
commit e421268579
1 changed files with 49 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
index.php
View File

@ -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'] ?? '';
</style>
</head>
<body>
<div class="aurora-background"></div>
<div class="aurora-background">
<div class="aurora aurora-1"></div>
<div class="aurora aurora-2"></div>
<div class="aurora aurora-3"></div>
</div>
<header class="container">
<div class="logo">AuraStudio</div>
<nav>