From 928c038559cf00c4337ee6657b0e3ad5e195ce62 Mon Sep 17 00:00:00 2001
From: Tim Bannister <tim@scalefactory.com>
Date: Tue, 8 Sep 2020 19:36:54 +0100
Subject: [PATCH] Tidy 404 Not Found error page

---
 assets/scss/_custom.scss |  8 ++++++++
 i18n/en.toml             |  3 +++
 layouts/404.html         | 35 ++++++++++-------------------------
 3 files changed, 21 insertions(+), 25 deletions(-)

diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
index 97286fb077..f1f4b297ac 100644
--- a/assets/scss/_custom.scss
+++ b/assets/scss/_custom.scss
@@ -53,6 +53,14 @@ section {
   }
 }
 
+body.td-404 main .error-details {
+  max-width: 1100px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 4em;
+  margin-bottom: 0;
+}
+
 /* HEADER */
 
 .td-navbar {
diff --git a/i18n/en.toml b/i18n/en.toml
index dd6e7545a4..1c45087dec 100644
--- a/i18n/en.toml
+++ b/i18n/en.toml
@@ -63,6 +63,9 @@ other = "Latest version"
 [docs_version_other_heading]
 other = "Older versions"
 
+[error_404_were_you_looking_for]
+other = "Were you looking for:"
+
 [examples_heading]
 other = "Examples"
 
diff --git a/layouts/404.html b/layouts/404.html
index 5b18c48491..962894ee29 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -1,29 +1,14 @@
 {{ define "main" }}
 {{ partial "handle-version-switch-404.html" . }}
-<div class="container-404">
-    <h4>
-        Perhaps you were looking for:
-    </h4>
-
-    <br />
-    <br />
-
-    <ul>
-        <li>
-            <a href="/docs">
-                The Kubernetes documentation
-            </a>
-        </li>
-        <li>
-            <a href="/blog">
-                The Kubernetes blog
-            </a>
-        </li>
-        <li>
-            <a href="/community">
-                The Kubernetes community
-            </a>
-        </li>
+<section id="error-404" class="error-details">
+    <p>
+    {{ T "error_404_were_you_looking_for" }}
+    </p>
+    <ul id="error-sections">
+        {{ $sections := slice "docs" "blog" "training" "partners" "community" "case-studies" }}
+        {{ range $sections }}
+        {{ with site.GetPage "section" . }}<li><a href="{{ .RelPermalink }}" data-proofer-ignore>{{ .Title }}</a></li>{{ end }}
+        {{ end }}
     </ul>
-</div>
+</section>
 {{ end }}