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

Auto commit: 2025-10-24T15:56:42.645Z

Browse Source
This commit is contained in:
Flatlogic Bot 2025-10-24 15:56:42 +00:00
parent e421268579
commit b4774ed437
1 changed files with 64 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
index.php
View File

@ -148,6 +148,63 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
min-height: calc(100vh - var(--header-height)); min-height: calc(100vh - var(--header-height));
text-align: center; text-align: center;
padding: 2rem 0; padding: 2rem 0;
position: relative;
}
.orb-container {
position: absolute;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 300px;
z-index: 0;
pointer-events: none;
}
.aura-orb {
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
background: radial-gradient(circle, rgba(0, 242, 234, 0.3) 0%, rgba(0, 242, 234, 0) 60%);
animation: orb-float 10s ease-in-out infinite, orb-glow 5s linear infinite alternate;
}
.aura-orb::before, .aura-orb::after {
content: '';
position: absolute;
border-radius: 50%;
}
.aura-orb::before {
width: 110%;
height: 110%;
top: -5%;
left: -5%;
border: 1px solid rgba(255, 0, 255, 0.2);
animation: orb-pulse 4s ease-in-out infinite alternate;
}
.aura-orb::after {
width: 120%;
height: 120%;
top: -10%;
left: -10%;
border: 1px solid rgba(138, 43, 226, 0.1);
animation: orb-pulse 5s 1s ease-in-out infinite alternate;
}
@keyframes orb-float {
0%, 100% { transform: translateY(0px) scale(1); }
50% { transform: translateY(-20px) scale(1.05); }
}
@keyframes orb-glow {
from { box-shadow: 0 0 40px -10px var(--primary-glow), 0 0 60px -20px var(--secondary-glow); }
to { box-shadow: 0 0 50px 0px var(--primary-glow), 0 0 80px -10px var(--secondary-glow); }
}
@keyframes orb-pulse {
from { transform: scale(1); opacity: 0.5; }
to { transform: scale(1.1); opacity: 0.8; }
}
.hero {
position: relative;
z-index: 1;
} }
.hero h1 { .hero h1 {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
@ -201,6 +258,10 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
nav a { nav a {
margin-left: 1rem; margin-left: 1rem;
} }
.orb-container {
width: 200px;
height: 200px;
}
} }
</style> </style>
</head> </head>
@ -219,6 +280,9 @@ $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
</header> </header>
<main> <main>
<div class="orb-container">
<div class="aura-orb"></div>
</div>
<section class="hero container"> <section class="hero container">
<h1>Transform Your Stories into Cinematic AI Films</h1> <h1>Transform Your Stories into Cinematic AI Films</h1>
<p> <p>