docs: simplify 404 intro animation

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
+1 -7
View File
@@ -60,13 +60,7 @@
<span class="intro-word" style="--i: 3">to</span> <span class="intro-word" style="--i: 3">to</span>
<span class="intro-word" style="--i: 4">you.</span> <span class="intro-word" style="--i: 4">you.</span>
</span> </span>
<span class="error-title-line intro-target" aria-hidden="true"> <span class="error-title-line" aria-hidden="true">This page does not exist.</span>
<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>
</h1> </h1>
<p class="error-copy">The route was hallucinated, deleted, or never shipped.</p> <p class="error-copy">The route was hallucinated, deleted, or never shipped.</p>
<div class="error-actions"> <div class="error-actions">
+6 -2
View File
@@ -52,14 +52,18 @@ body::after {
.home-page .hero-actions, .home-page .hero-actions,
.home-page .hero-stats, .home-page .hero-stats,
.home-page .terminal, .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-header,
.error-page .site-footer, .error-page .site-footer,
.error-page .error-code, .error-page .error-code,
.error-page .error-copy, .error-page .error-copy,
.error-page .error-actions { .error-page .error-actions {
opacity: 0; opacity: 0;
animation: page-reveal 700ms ease-out 2.45s forwards; animation: page-reveal 700ms ease-out 1.55s forwards;
} }
.intro-target { .intro-target {