Archived
docs: simplify 404 intro animation
This commit is contained in:
+1
-7
@@ -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
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user