Do not display title in 404 page

royarg02 · May 4, 2023 · 8d17e4a · 8d17e4a
1 parent e0734a2
commit 8d17e4a
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 4 deletions.
diff --git a/assets/css/conditionals/404.css b/assets/css/conditionals/404.css
@@ -0,0 +1,27 @@
+.bsod {
+ border-radius: 0rem;
+ background-color: #1173AA !important;
+ color: #FFFFFF !important;
+ font-family: 'Segoe UI', sans-serif;
+ padding: 3rem;
+}
+
+.bsod > h2 {
+ font-size: 9.375rem;
+ font-weight: 400;
+ margin: 0rem 0rem 0.5rem 0rem;
+}
+
+.bsod > p {
+ padding: 0rem 0rem 0rem 1rem;
+}
+
+.bsod > p:first-of-type {
+ margin: 0.5rem 0rem 2rem 0rem;
+ font-size: 1.5rem;
+}
+
+.bsod > p:last-of-type {
+ margin: 0rem;
+ font-size: 1rem;
+}
diff --git a/layouts/404.html b/layouts/404.html
@@ -20,4 +20,5 @@ <h2>:(</h2>
  Page not found. Check the destination url again or use the links in this
  page to find what you're looking for.
  </p>
+ <p>You can search for the error online: 404_PAGE_NOT_FOUND</p>
 {{ end }}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -27,12 +27,16 @@
  <link rel="{{ $entry.name | default "icon" }}"{{ with $entry.size }} sizes="{{ . }}"{{ end }} href="{{ $entry.file | absURL }}">
  {{ end }}
  {{- end }}
- {{ $CSS := resources.Match "css/*.css" | resources.Concat "style.css" | resources.Minify | resources.Fingerprint }}
+ {{- $CSS := resources.Match "css/*.css" | resources.Concat "style.css" | resources.Minify | resources.Fingerprint -}}
  <link rel="stylesheet" type="text/css" href="{{ $CSS.RelPermalink }}">
  {{ if .IsPage }}
- {{ $pageCSS := resources.GetMatch "css/conditionals/page.css" | resources.Minify | resources.Fingerprint }}
+ {{- $pageCSS := resources.GetMatch "css/conditionals/page.css" | resources.Minify | resources.Fingerprint -}}
  <link rel="stylesheet" type="text/css" href="{{ $pageCSS.RelPermalink }}">
  {{ end }}
+ {{ if (eq .Page.Kind "404") }}
+ {{- $404CSS := resources.GetMatch "css/conditionals/404.css" | resources.Minify | resources.Fingerprint -}}
+ <link rel="stylesheet" type="text/css" href="{{ $404CSS.RelPermalink }}">
+ {{ end }}
  {{ with .Params.author -}}
  <meta name="author" content="{{ . }}">
  {{- end }}
@@ -48,7 +52,7 @@
  {{ block "header" . }}
  {{ partial "header.html" . }}
  {{ end }}
- <main>
+ <main {{ if (eq .Page.Kind "404") }}class="bsod"{{ end }}>
  {{ block "main" . }}
  {{ .Content }}
  {{ end }}

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -17,7 +17,7 @@
 <header>
  <h1 id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h1>
  {{ if not .IsHome }}
- <h1 id="content-title">{{ .LinkTitle | markdownify }}</h1>
+ {{ if not (eq .Page.Kind "404") }}<h1 id="content-title">{{ .LinkTitle | markdownify }}</h1>{{ end }}
  {{ if .IsPage }}
  <p id="publishdate">{{ .Date | dateFormat ":date_medium" }}</p>
  {{ partial "list-content-tags" . }}