From 1dd926ac06d6513383fedee8208f82345a640c95 Mon Sep 17 00:00:00 2001 From: Alex Shpak Date: Sun, 28 Sep 2025 19:01:37 +0200 Subject: [PATCH] Update 404 page --- assets/_main.scss | 1 - layouts/404.html | 85 +++++++++++++++++++++++++++++++-------------- layouts/baseof.html | 2 +- 3 files changed, 59 insertions(+), 29 deletions(-) diff --git a/assets/_main.scss b/assets/_main.scss index c2e657d..3517a45 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -207,7 +207,6 @@ body[dir="rtl"] .book-menu { } .book-header { - display: none; margin-bottom: $padding-16; label { diff --git a/layouts/404.html b/layouts/404.html index 909430e..42ee60a 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -1,34 +1,65 @@ + + {{ partial "docs/html-head" . }} + {{ partial "docs/inject/head" . }} - - {{ partial "docs/html-head" . }} - {{ partial "docs/inject/head" . }} + - + .not-found h1 { + font-size: 10vmin; + font-weight: lighter; + cursor: default; + } - -
-
-

404

-

Page Not Found

-

- {{ .Site.Title }} -

-
-
+ .not-found h1 span { + display: inline-block; + transition: transform .2s ease-out, opacity .2s ease-out; + } - {{ partial "docs/inject/body" . }} - + .not-found h1:hover span { + transition-duration: 1s; + transform: translate(var(--drift-x), var(--drift-y)) rotate(var(--rotate-end)); + opacity: 0; + } - + .not-found h1:hover span:nth-child(1) { + --drift-x: -1em; + --drift-y: 1em; + --rotate-end: -90deg; + } + + .not-found h1:hover span:nth-child(2) { + --drift-x: -1em; + --drift-y: -2em; + --rotate-end: 45deg; + } + + .not-found h1:hover span:nth-child(3) { + --drift-x: 3em; + --drift-y: 1em; + --rotate-end: 120deg; + } + + + + +
+

+ Page + Not + Found +

+

+ {{ .Site.Title }} +

+
+ + {{ partial "docs/inject/body" . }} + + + diff --git a/layouts/baseof.html b/layouts/baseof.html index c47b34b..d21881d 100644 --- a/layouts/baseof.html +++ b/layouts/baseof.html @@ -11,7 +11,7 @@ {{ template "menu-container" . }}
-
+