Commit 9b27841b authored by Jacob Tomlinson's avatar Jacob Tomlinson Committed by Kirk Lange

Added custom 404 page

parent 77d28937
---
layout: default
title: 404
permalink: /404.html
---
<div class="container-fluid index error">
<div class="row">
<div class="col-md-12 content-panel articles">
<h1 class="header author-header">404</h1>
<div class="error-text">
Sorry but this page doesn't seem to exist.
</div>
<div class="error-text">
<a href="{{ site.baseurl }}/">Home</a> |
<a href="{{ site.baseurl }}/posts/">All Posts</a> |
<a href="{{ site.baseurl }}/search/">Search</a>
</div>
{% include social_links.html %}
</div>
</div>
<div class="content-panel related">
{% for post in site.posts limit:1 %}
<div class="related-header">
<a href="{{ site.baseurl }}{{ post.url }}">Suggested Article</a>
</div>
<div class="title">
<a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a>
</div>
<div class="excerpt">
{% if post.summary %}
{{ post.summary | strip_html | truncatewords:30 }}
{% else %}
{{ post.excerpt | strip_html | truncatewords:30 }}
{% endif %}
<a href="{{ site.baseurl }}{{ post.url }}">Continue Reading</a>
</div>
{% endfor %}
</div>
</div>
......@@ -692,77 +692,77 @@ ul {
.comments {
}
.related {
margin-top: 50px;
text-align: center;
}
}
.related-header {
margin-top: -30px;
margin-bottom: 20px;
.related {
margin-top: 50px;
text-align: center;
a {
color: $white;
font-size: 18px;
width: auto;
padding: 10px 20px;
background-color: $darker;
box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.related-header {
margin-top: -30px;
margin-bottom: 20px;
a:hover {
color: $dark-blue;
}
}
a {
color: $white;
font-size: 18px;
width: auto;
padding: 10px 20px;
background-color: $darker;
box-shadow: 0px 0px 0px 0px, 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.title {
padding-top:20px;
font-size: 24px;
margin-bottom: 20px;
a:hover {
color: $dark-blue;
}
}
@media (min-width: $screen-sm-min) {
font-size: 36px;
}
.title {
padding-top:20px;
font-size: 24px;
margin-bottom: 20px;
a {
color: $white;
}
@media (min-width: $screen-sm-min) {
font-size: 36px;
}
a:hover {
color: $light;
}
}
a {
color: $white;
}
p {
margin-bottom: 0px;
}
a:hover {
color: $light;
}
}
.previous-next {
width: 50%;
p {
margin-bottom: 0px;
}
a {
color: $white;
}
.previous-next {
width: 50%;
a:hover {
color: $light;
}
}
a {
color: $white;
}
.next {
float: right;
text-align: right;
}
a:hover {
color: $light;
}
}
.previous {
float: left;
text-align: left;
}
.next {
float: right;
text-align: right;
}
.date {
color: $light-medium;
}
}
.previous {
float: left;
text-align: left;
}
.date {
color: $light-medium;
}
}
......@@ -771,6 +771,20 @@ ul {
border-color: $light-medium;
}
.error {
.error-text {
margin-top: 30px;
a {
color: $light-blue;
}
}
.links {
font-size: 1em;
}
}
.footer {
width: 100%;
margin-left: 0%;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment