Merge pull request #8415 from cockroachdb/404

Fix docs custom 404 page and reword messaging
cockroachdb · Sep 28, 2020 · 28133d5 · 28133d5
2 parents 3276288 + 9300eee
commit 28133d5
Show file tree

Hide file tree

Showing 4 changed files with 46 additions and 10 deletions.
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;
+}
diff --git a/netlify/build b/netlify/build
@@ -9,6 +9,7 @@ bundle install
 build _config_cockroachdb.yml
 
 cp _site/docs/_redirects _site/_redirects
+cp _site/docs/404.html _site/404.html
 cat _site/docs/cockroachcloud/_redirects >> _site/_redirects
 
 # Run Algolia if building master

diff --git a/v20.1/404.md b/v20.1/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>