404.html

---
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"><i class="fa fa-frown-o" aria-hidden="true"></i></h1>
      <h1 class="header author-header">404</h1>
      <div class="error-text">
        Darn. Something seems to have gone horribly wrong. <br>
        <br>
        This was <b>NOT</b> supposed to happen.<br>
        <br>
        Really, I've got nothing encouraging to say here, I'm afraid. <br>
        <br>
        I haven't reported this to anybody, and I've got no options for you
        to easily recover. <br>
        <br>
        As far as I know, you've typed nothing but random junk into the url.

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