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%; width: 100%;
height: 100%; height: 100%;
z-index: -1; z-index: -1;
opacity: 0.2; overflow: hidden;
background: linear-gradient(45deg, var(--primary-glow), var(--secondary-glow), var(--tertiary-glow)); filter: blur(50px);
background-size: 400% 400%; opacity: 0.5;
animation: aurora-animation 15s ease infinite;
} }
@keyframes aurora-animation {
0% { background-position: 0% 50%; } .aurora-background .aurora {
50% { background-position: 100% 50%; } position: absolute;
100% { background-position: 0% 50%; } 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 { .container {
width: 90%; width: 90%;
@ -169,7 +205,11 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
</style> </style>
</head> </head>
<body> <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"> <header class="container">
<div class="logo">AuraStudio</div> <div class="logo">AuraStudio</div>
<nav> <nav>