diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2020-04-15 23:24:51 +0200 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2020-04-15 23:24:51 +0200 |
| commit | 0f58a77354cb01812c72c3e9e3a7203309825beb (patch) | |
| tree | d4b34c2c8bce657a6f61de35367c58a03838360c | |
| parent | 738275827089308b92de2d0663ee466f78ddce08 (diff) | |
404 Page redesign
| -rw-r--r-- | assets/search.js | 4 | ||||
| -rw-r--r-- | layouts/404.html | 22 |
2 files changed, 22 insertions, 4 deletions
diff --git a/assets/search.js b/assets/search.js index 0393d2c..1feb701 100644 --- a/assets/search.js +++ b/assets/search.js @@ -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); diff --git a/layouts/404.html b/layouts/404.html index 1068ba6..3f76ed4 100644 --- a/layouts/404.html +++ b/layouts/404.html @@ -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>
\ No newline at end of file + </html> |