mirror of
				https://github.com/privacyguides/privacyguides.org.git
				synced 2025-11-03 21:07:55 +00:00 
			
		
		
		
	New 404 (#821)
* Split apart layouts Some pages don't need a footer. * 404 Redesign
This commit is contained in:
		
							
								
								
									
										25
									
								
								404.html
									
									
									
									
									
								
							
							
						
						
									
										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>
 | 
			
		||||
 
 | 
			
		||||
@@ -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">
 | 
			
		||||
---
 | 
			
		||||
layout: minimal
 | 
			
		||||
---
 | 
			
		||||
<div class="container" role="main">
 | 
			
		||||
  <main>
 | 
			
		||||
  {{ content }}
 | 
			
		||||
  </main>
 | 
			
		||||
  <footer>
 | 
			
		||||
  {% include footer.html %}
 | 
			
		||||
  </footer>
 | 
			
		||||
  </div>
 | 
			
		||||
 | 
			
		||||
  {% include scripts.html %}
 | 
			
		||||
</body>
 | 
			
		||||
</html>
 | 
			
		||||
</div>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										12
									
								
								_layouts/minimal.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										12
									
								
								_layouts/minimal.html
									
									
									
									
									
										Normal file
									
								
							@@ -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;
 | 
			
		||||
}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user