adoralaura/hugo-book-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

404 Page redesign

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
assets/search.js
View file

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

22
layouts/404.html
View file

@ -4,13 +4,27 @@
<head> <head>
{{ partial "docs/html-head" . }} {{ partial "docs/html-head" . }}
{{ partial "docs/inject/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> </head>
<body> <body>
<main class="flex justify-center"> <main class="flex justify-center not-found">
<div> <div>
<h1>404 Not Found</h1> <h1>404</h1>
<a href="{{ "/" | relURL }}">Go Home</a> <h2>Page Not Found</h2>
<h3>
<a href="{{ .Site.Home.RelPermalink }}">{{ .Site.Title }}</a>
</h3>
</div> </div>
</main> </main>
@ -18,4 +32,4 @@
{{ template "_internal/google_analytics_async.html" . }} {{ template "_internal/google_analytics_async.html" . }}
</body> </body>
</html> </html>