huge upgrade to theme and pagefind search bar.
This commit is contained in:
@@ -1,8 +1,7 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<!--
|
||||
<head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
<!--
|
||||
Made with Book Theme
|
||||
https://github.com/alex-shpak/hugo-book
|
||||
-->
|
||||
@@ -12,7 +11,7 @@ https://github.com/alex-shpak/hugo-book
|
||||
<meta name="description" content="">
|
||||
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#ffffff">
|
||||
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#343a40">
|
||||
<meta name="color-scheme" content="light dark"><meta property="og:url" content="http://example.org/404.html">
|
||||
<meta name="color-scheme" content="light dark"><meta property="og:url" content="http://localhost:1313/404.html">
|
||||
<meta property="og:title" content="404 Page not found">
|
||||
<meta property="og:locale" content="en_us">
|
||||
<meta property="og:type" content="website">
|
||||
@@ -23,41 +22,73 @@ https://github.com/alex-shpak/hugo-book
|
||||
<title>404 Page not found | </title>
|
||||
<link rel="icon" href="/favicon.png" >
|
||||
<link rel="manifest" href="/manifest.json">
|
||||
<link rel="canonical" href="http://example.org/404.html">
|
||||
<link rel="stylesheet" href="/book.min.0da4e7ce683c1d3414a4a6ee2f5b791a73da2c756ab6b65e5460b0428779ae74.css" integrity="sha256-DaTnzmg8HTQUpKbuL1t5GnPaLHVqtrZeVGCwQod5rnQ=" crossorigin="anonymous">
|
||||
<link rel="canonical" href="http://localhost:1313/404.html">
|
||||
<link rel="stylesheet" href="/book.min.0edbfa12be0756ec13c02ec8218ae882d32e82be873db98b790ade0a47d58b55.css" integrity="sha256-Dtv6Er4HVuwTwC7IIYrogtMugr6HPbmLeQreCkfVi1U=" crossorigin="anonymous">
|
||||
|
||||
|
||||
<script defer src="/fuse.min.js"></script>
|
||||
<script defer src="/en.search.min.bfb7dced2c6436e74ac8e7cd71c4109c92e04cb749456f9f52585cad40d16f40.js" integrity="sha256-v7fc7SxkNudKyOfNccQQnJLgTLdJRW+fUlhcrUDRb0A=" crossorigin="anonymous"></script>
|
||||
<script defer src="/en.search.min.48f4c55a08ca4d5484e86bcc2ba0d7b1d8c4a92cf79f45bbeb24a318ccedd18b.js" integrity="sha256-SPTFWgjKTVSE6GvMK6DXsdjEqSz3n0W76ySjGMzt0Ys=" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
.not-found {
|
||||
text-align: center;
|
||||
}
|
||||
.not-found h1 {
|
||||
margin: .25em 0 0 0;
|
||||
opacity: .25;
|
||||
font-size: 40vmin;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<style>
|
||||
.not-found {
|
||||
height: 100vh;
|
||||
width: 100vw;
|
||||
}
|
||||
|
||||
<body>
|
||||
<main class="flex justify-center not-found">
|
||||
<div>
|
||||
<h1>404</h1>
|
||||
<h2>Page Not Found</h2>
|
||||
<h3>
|
||||
<a href="/"></a>
|
||||
</h3>
|
||||
</div>
|
||||
</main>
|
||||
.not-found h1 {
|
||||
font-size: 10vmin;
|
||||
font-weight: lighter;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
|
||||
</body>
|
||||
.not-found h1 span {
|
||||
display: inline-block;
|
||||
transition: transform .2s ease-out, opacity .2s ease-out;
|
||||
}
|
||||
|
||||
</html>
|
||||
.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="/"></a>
|
||||
</h3>
|
||||
</main>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user