snowspeeder/pi-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: simplify 404 intro animation

Browse Source
This commit is contained in:
Federico Jaramillo Martinez
2026-05-16 00:49:24 +02:00
parent 9c2a704c29
commit a41e3c1e92
2 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/404.html
+1 -7
View File
@@ -60,13 +60,7 @@
<span class="intro-word" style="--i: 3">to</span>
<span class="intro-word" style="--i: 4">you.</span>
</span>
<span class="error-title-line intro-target" aria-hidden="true">
<span class="intro-word" style="--i: 5">This</span>
<span class="intro-word" style="--i: 6">page</span>
<span class="intro-word" style="--i: 7">does</span>
<span class="intro-word" style="--i: 8; --intro-color: var(--brand-3)">not</span>
<span class="intro-word" style="--i: 9">exist.</span>
</span>
<span class="error-title-line" aria-hidden="true">This page does not exist.</span>
</h1>
<p class="error-copy">The route was hallucinated, deleted, or never shipped.</p>
<div class="error-actions">
docs/styles.css
+6 -2
View File
@@ -52,14 +52,18 @@ body::after {
.home-page .hero-actions,
.home-page .hero-stats,
.home-page .terminal,
.home-page main > section:not(.hero),
.home-page main > section:not(.hero) {
opacity: 0;
animation: page-reveal 700ms ease-out 2.45s forwards;
}
.error-page .site-header,
.error-page .site-footer,
.error-page .error-code,
.error-page .error-copy,
.error-page .error-actions {
opacity: 0;
animation: page-reveal 700ms ease-out 2.45s forwards;
animation: page-reveal 700ms ease-out 1.55s forwards;
}
.intro-target {