diff --git a/assets/sass/main.scss b/assets/sass/main.scss index 78a8d21..1e89f60 100644 --- a/assets/sass/main.scss +++ b/assets/sass/main.scss @@ -123,3 +123,36 @@ footer nav ul li a { margin: auto 0px; } } +.not-found { + text-align: center; + margin: 3rem auto; +} + +.not-found-logo { + width: 200px; + margin: 0 auto 1.5rem; + display: block; +} + +.not-found h1 { + margin: 0 0 1rem; + font-size: 3rem; + font-weight: 700; +} + +.not-found p { + margin: 0 0 1rem; +} + +body.page-404 { + min-height: 90vh; + display: flex; + flex-direction: column; +} + +body.page-404 .not-found { + flex: 1; + display: flex; + flex-direction: column; + justify-content: center; +} diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..252138b --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,9 @@ +{{ define "main" }} +
+ +

404 Not Found

+

The page you are looking for doesn't exist

+

Return home

+
+{{ partial "footer.html" . }} +{{ end }} diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 51254a2..2842872 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -6,13 +6,20 @@ {{ .Title }} {{- $canonical := .Permalink | replaceRE "\\.html$" "" -}} - + {{- if eq .Kind "404" }} + + {{- end }} {{- $style := resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "main.scss" . | css.Sass }} + {{- partial "breadcrumbs.html" . -}} - + + {{- if ne .Kind "404" }} {{ partial "banner.html" . -}} + {{- end }} {{ block "main" . }} {{ .Content }} diff --git a/static/images/gitgitgadget-logo.png b/static/images/gitgitgadget-logo.png new file mode 100644 index 0000000..7d7983d Binary files /dev/null and b/static/images/gitgitgadget-logo.png differ