P42/P42_UI
Public Access
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleanup , header & logo

Browse Source
This commit is contained in:
STEINNI
2025-08-27 21:13:25 +00:00
parent 873f7ab88c
commit 8fcbde7edb
314 changed files with 38 additions and 30248 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+18 -21
View File
@@ -2,8 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://unpkg.com/css-doodle@0.37.3/css-doodle.min.js"></script>
<script src="/core/Sparc-core-1.0.js"></script>
<title>Project 42</title>
<style>
body {
@@ -17,12 +16,14 @@
}
.glowing {
position: relative;
min-width: 700px;
height: 550px;
margin: -150px;
position: absolute;
width: 60vw;
height: 100vh;
transform-origin: right;
animation: colorChange 5s linear infinite;
animation: fadeaway 30s forwards;
left: calc(50% + var(--j) * 50%);
transform: translateX(-50%);
}
.glowing:nth-child(even) {
@@ -98,14 +99,10 @@
.glowing span:nth-child(3n + 3) {
animation: rotatedots 11s alternate infinite;
}
.glowing {
animation: fadeaway 30s forwards;
}
@keyframes fadeaway {
0% { opacity: 1; }
15% { opacity: 1; }
100% { opacity: 0; }
}
@@ -125,37 +122,37 @@
opacity: 0;
animation: deblur 5s ease-out forwards; /* runs once */
will-change: filter, opacity;
color: aliceblue;
color: #FFF;
position: absolute;
font-family: sans;
text-shadow: 3px -3px 5px #C5F7FF;
}
@keyframes deblur{
0% { filter: blur(14px); opacity: 0; font-size:20px }
100% { filter: blur(0); opacity: 1; font-size:60px }
}
/* optional accessibility */
@media (prefers-reduced-motion: reduce){
.deblur{ animation: none; filter: none; opacity: 1 }
}
</style>
</head>
<body>
<div class="glowing" style="--j:1;">
<div class="glowing" style="--j:-1;">
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
</div>
<div class="glowing" style="--j:0;">
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
</div>
<div class="glowing" style="--j:2;">
<div class="glowing" style="--j:1;">
<span style="--i:1;"></span>
<span style="--i:2;"></span>
<span style="--i:3;"></span>
</div>
<h1 class="deblur">Project 42</h1>
</body>
</html>