Fix docs 404 page and reword messaging

cockroachdb · Sep 16, 2020 · c1a1495 · c1a1495
1 parent 4c2686b
commit c1a1495
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 10 deletions.
diff --git a/404.md b/404.md
@@ -1,19 +1,15 @@
 ---
-title: Page Not Found
 description: "Page not found."
 sitemap: false
 search: exclude
 related_pages: none
 toc: false
+contribute: false
+feedback: false
 ---  
 
+<div class="page-not-found">
+  <p id="page-not-found-heading">Whoops!</p>
 
-{%comment%}
-<script type="text/javascript">
-  var GOOG_FIXURL_LANG = 'en';
-  var GOOG_FIXURL_SITE = '{{ site.url }}'
-</script>
-<script type="text/javascript"
-  src="http://linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js">
-</script>
-{%endcomment%}
+  <p id="page-not-found-body">We can't find the page you are looking for. You may have typed the wrong address or found a broken link.</p>
+</div>
diff --git a/_redirects b/_redirects
@@ -6,6 +6,7 @@ layout: null
 / /docs/ 301!
 /docs /docs/stable/ 301!
 /docs/cockroachcloud /docs/cockroachcloud/stable/ 301!
+/docs/* /docs/stable/404.html 404
 /docs/v2.2/* /docs/v19.1/:splat 301!
 /docs/managed/* /docs/cockroachcloud/:splat 301!
 /docs/releases/ /docs/releases/index.html 200!

diff --git a/css/customstyles.css b/css/customstyles.css
diff --git a/css/customstyles.scss b/css/customstyles.scss
@@ -621,3 +621,24 @@ a.accordion-toggle {
   color: #497EDA;
   font-weight: 900;
 }
+
+.page-not-found {
+  width: 60%;
+  margin: 0 auto;
+  padding: 50px;
+  text-align: center;
+}
+
+#page-not-found-heading {
+  color: #212B36;
+  font-size: 20px;
+  letter-spacing: -0.01em;
+  line-height: 32px;
+}
+
+#page-not-found-body {
+  color: #637282;
+  font-size: 14px;
+  letter-spacing: 0.1px;
+  line-height: 22px;
+}