Browse Source

New 404 (#821)

* Split apart layouts

Some pages don't need a footer.

* 404 Redesign
pull/822/head
Jonah Aragon 1 year ago
committed by GitHub
parent
commit
75e05ce24c
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 44 additions and 28 deletions
  1. 25
      404.html
  2. 31
      _layouts/default.html
  3. 12
      _layouts/minimal.html
  4. 4
      assets/css/style.scss

25
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>

31
_layouts/default.html

@ -1,20 +1,11 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body data-spy="scroll" data-target="#navbar">
<header>
{% include nav.html %}
<div id="top" class="py-4"></div>
</header>
<div class="container" role="main">
<main>
{{ content }}
</main>
<footer>
{% include footer.html %}
</footer>
</div>
{% include scripts.html %}
</body>
</html>
---
layout: minimal
---
<div class="container" role="main">
<main>
{{ content }}
</main>
<footer>
{% include footer.html %}
</footer>
</div>

12
_layouts/minimal.html

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
{% include head.html %}
<body data-spy="scroll" data-target="#navbar">
<header>
{% include nav.html %}
<div id="top" class="py-4"></div>
</header>
{{ content }}
{% include scripts.html %}
</body>
</html>

4
assets/css/style.scss

@ -98,6 +98,10 @@ h2, h3:not(.h5), h4, h5 {
margin-bottom: 1rem;
}
.header-404 {
font-size: 10rem;
}
.anchor-icon {
font-size: .8em;
}
Loading…
Cancel
Save