Add a 404 page & necessary css/js changes

pyrrho · pyrrho · commit dad7815a4a03 · 2017-02-06T12:45:17.000-05:00
diff --git a/dynamic/css/layout/_wireframe.scss b/dynamic/css/layout/_wireframe.scss
@@ -196,6 +196,12 @@ $main-z-index        : 100;
     padding-top : $banner-buffer-md-up;
   }
 
+  @include when-inside('.ERROR404') {
+    @include narrow-from('sm') {
+      text-align : center;
+    }
+  }
+
   /**
    * Main Content Well
    * 1. Because some elements inside this <main> are given relative positioning
diff --git a/dynamic/js/basho/selectors.coffee b/dynamic/js/basho/selectors.coffee
@@ -71,7 +71,8 @@ generateVersionLists = () ->
 
   # Fetch the Project Descriptions from the server, and do all the heavy lifting
   # inside the `success` callback.
-  if project and project != "community" then $.getJSON('/data/project_descriptions.json',
+  if project and project != "community" && project != "404"
+  then $.getJSON('/data/project_descriptions.json',
     (data) ->
       project_data = data[project]
 
diff --git a/layouts/404.html b/layouts/404.html
@@ -0,0 +1,101 @@
+<!DOCTYPE html>
+
+<!-- 404 Page
+     ========
+  This template follows the style of the _default/single.html layout, though
+  contains fewer of the dynamic elements found on the Primary Content pages.
+
+  Please see layouts/_default/single.html for a discussion on HTML style,
+  format, and page layout.
+
+{{ $project := "404" }}
+{{ $title   := "404 - File Not Found" }}
+
+
+{{ .Scratch.Add "project"  $project }}
+{{ .Scratch.Add "title"  $title }}
+
+
+
+{{ $HugoNode := . }}
+-->
+
+<html class="no-js" lang="en">
+
+
+
+{{ partial "head.html" $HugoNode }}
+
+
+
+<body class="ERROR404">
+
+
+  {{ partial "google-tag-manager.html" $HugoNode }}
+
+
+  {{ partial "banner.html" $HugoNode }}
+
+
+
+  <!-- Content Navigation stand-in
+    If content-navigation.html is ever modified, this section should be updated
+    to account for the changes. -->
+  <nav class="content-nav content-nav--top-size-half">
+
+    <div class="content-nav__fixed-top">
+      <form id="searchbox_011972015458788978446:zgdcy4fa-o0" class="search" action="">
+
+        <span class="block float-left   search__icon-container   docs-icon--search">|</span>
+
+        <span class="block overflow">
+          <input class="search__input" id="main-search" type="search" name="q" placeholder="Search">
+        </span>
+
+      </form>
+
+    </div>
+
+  </nav>
+
+
+
+  <div class="content-well">
+
+
+    <article class="main-article">
+
+
+      {{ partial "article-front-matter.html" $HugoNode }}
+
+      <p>Sorry, but the page you were trying to view could not be found.</p>
+
+      <br>
+
+      <p>You may want to check out:</p>
+
+      <br>
+
+      <p><a href="/community">Our Community Pages</a></p>
+      <p><a href="/riak/kv/latest">The Riak KV Docs</a></p>
+      <p><a href="/riak/ts/latest">The Riak TS Docs</a></p>
+      <p><a href="/riak/cs/latest">The Riak CS Docs</a></p>
+
+      <br>
+      <br>
+      <br>
+
+
+    </article>
+
+
+    {{ partial "footer.html" $HugoNode }}
+
+
+  </div>
+
+
+  <script src="/js/main.js" type="text/javascript"></script>
+
+</body>
+</html>
