404 Page redesign

This commit is contained in:
Alex Shpak 2020-04-15 23:24:51 +02:00
parent 7382758270
commit 0f58a77354
2 changed files with 22 additions and 4 deletions

View file

@ -7,6 +7,10 @@
const input = document.querySelector('#book-search-input');
const results = document.querySelector('#book-search-results');
if (!input) {
return
}
input.addEventListener('focus', init);
input.addEventListener('keyup', search);

View file

@ -4,13 +4,27 @@
<head>
{{ partial "docs/html-head" . }}
{{ partial "docs/inject/head" . }}
<style>
.not-found {
text-align: center;
}
.not-found h1 {
margin: .25em 0 0 0;
opacity: .25;
font-size: 40vmin;
}
</style>
</head>
<body>
<main class="flex justify-center">
<main class="flex justify-center not-found">
<div>
<h1>404 Not Found</h1>
<a href="{{ "/" | relURL }}">Go Home</a>
<h1>404</h1>
<h2>Page Not Found</h2>
<h3>
<a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
</h3>
</div>
</main>
@ -18,4 +32,4 @@
{{ template "_internal/google_analytics_async.html" . }}
</body>
</html>
</html>