Browse Source
New 404 (#821 )
* Split apart layouts
Some pages don't need a footer.
* 404 Redesign
Jonah Aragon
1 year ago
GitHub
GPG Key ID:
4 changed files with
44 additions and
28 deletions
404.html
_layouts/default.html
_layouts/minimal.html
assets/css/style.scss
@ -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 >
@ -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 >
@ -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 >
@ -98,6 +98,10 @@ h2, h3:not(.h5), h4, h5 {
margin-bottom : 1rem ;
}
. header-404 {
font-size : 10rem ;
}
. anchor-icon {
font-size : . 8em ;
}
Jonah Aragon
1 year ago
GitHub