huge upgrade to theme and pagefind search bar.
This commit is contained in:
65
themes/hugo-book.backup/layouts/404.html
Normal file
65
themes/hugo-book.backup/layouts/404.html
Normal file
@@ -0,0 +1,65 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.Language.Lang }}">
|
||||
<head>
|
||||
{{ partial "docs/html-head" . }}
|
||||
{{ partial "docs/inject/head" . }}
|
||||
|
||||
<style>
|
||||
.not-found {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
.not-found h1 {
|
||||
font-size: 10vmin;
|
||||
font-weight: lighter;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.not-found h1 span {
|
||||
display: inline-block;
|
||||
transition: transform .2s ease-out, opacity .2s ease-out;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body class="not-found flex justify-center align-center">
|
||||
<main class="text-center">
|
||||
<h1>
|
||||
<span>Page</span>
|
||||
<span>Not</span>
|
||||
<span>Found</span>
|
||||
</h1>
|
||||
<h3>
|
||||
<a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
|
||||
</h3>
|
||||
</main>
|
||||
|
||||
{{ partial "docs/inject/body" . }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user