404 Redesign

This commit is contained in:
Jonah Aragon 2019-04-02 23:36:40 -05:00
parent 0bb133e4d5
commit 19550a82b7
No known key found for this signature in database
GPG Key ID: B9D1C611859E0649
4 changed files with 30 additions and 17 deletions

View File

@ -1,14 +1,23 @@
--- ---
layout: default layout: minimal
active_page: 404 active_page: 404
--- ---
<div class="container text-center"> <div class="container text-center">
<h1>404</h1> <h1 class="header-404">404</h1>
<p><strong>Page not found :(</strong></p> <p><strong>We couldn't find that :(</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> <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> </div>
<script>
window.setTimeout(function(){ window.location = "{{ site.url }}"; },5000);
</script>

View File

@ -1,9 +1,11 @@
--- ---
layout: minimal layout: minimal
--- ---
<main> <div class="container" role="main">
{{ content }} <main>
</main> {{ content }}
<footer> </main>
{% include footer.html %} <footer>
</footer> {% include footer.html %}
</footer>
</div>

View File

@ -6,9 +6,7 @@
{% include nav.html %} {% include nav.html %}
<div id="top" class="py-4"></div> <div id="top" class="py-4"></div>
</header> </header>
<div class="container" role="main"> {{ content }}
{{ content }}
</div>
{% include scripts.html %} {% include scripts.html %}
</body> </body>
</html> </html>

View File

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