New 404 (#821)

* Split apart layouts

Some pages don't need a footer.

* 404 Redesign

404.html

@@ -1,14 +1,23 @@
 ---
-layout: default
+layout: minimal
 active_page: 404
 ---
 
 <div class="container text-center">
-  <h1>404</h1>
-  <p><strong>Page not found :(</strong></p>
-  <p>We're redirecting you to the home page in 5 seconds. If this doesn't work, <a href="{{ site.url }}">click here.</a></p>
+  <h1 class="header-404">404</h1>
+  <p><strong>We couldn't find that :(</strong></p>
+  <p>Maybe you were looking for one of these pages?</p>
+  <div class="row">
+    <div class="col-md-6 offset-md-3">
+      <div class="card card-list">
+        <ul class="list-group list-group-flush">
+          <li class="list-group-item"><a href="/"><i class="fas fa-home"></i> Back to our Homepage</a></li>
+          <li class="list-group-item"><a href="/providers/"><i class="fas fa-server"></i> Privacy Focused Service Providers</a></li>
+          <li class="list-group-item"><a href="/browsers/"><i class="fas fa-compass"></i> Privacy Protecting Web Browsers</a></li>
+          <li class="list-group-item"><a href="/software/"><i class="fas fa-window-restore"></i> Privacy-Centric Software</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <p class="text-danger text-center"><i class="fas fa-exclamation-circle"></i> If you believe you reached this page in error, please <a href="/contact/">contact us</a>!</p>
 </div>
-
-<script>
-  window.setTimeout(function(){ window.location = "{{ site.url }}"; },5000);
-</script>