404.html

---
layout: default
title: 404 File Not Found
permalink: /404.html
---
<main id="content" role="main" class="content">
    <section id="error">
        <h2>404: File Not Found</h2>
        <p>Sorry, the page you have requested is unavailable.  You can check out the [home page]({{ site.url }}) or check out one of the recent blog posts below.</p>
    </section>

    <hr>
    
    <section id="blog">
        <h3>You may be interested in one of these <a href="{{ site.baseurl }}/blog">recent blog posts</a></h3>
        <div class="cf frame">
            {% for post in site.posts limit:3 %}
            <article class="post" itemscope itemtype="http://schema.org/BlogPosting" role="article">
                <div class="article-item">
                    <header class="post-header">
                        <h4 class="post-title" itemprop="name"><a href="{{ site.baseurl }}{{ post.url }}" itemprop="url"><span itemprop="headline">{{ post.title }}</span>{% if post.subtitle %}: <span itemprop="alternativeHeadline">{{ post.subtitle }}</span>{% endif %}</a></h4>
                    </header>
                    <section class="post-excerpt" itemprop="description">
                        <p class="post-description">{{ post.excerpt }}</p>
                    </section>
                    <div class="post-meta">
                        {% for author in site.data.authors %}
                            {% if author[1].username == post.author %}
                                {% if author[1].assets %}<amp-img width="24" height="24" class="author-thumb" layout="responsive" src="{{ site.baseurl }}{{author[1].assets}}" alt="{{author[1].name}}"/></amp-img>{% endif %}
                                <a href="{{site.baseurl}}authors/#{{author[1].username}}">{{author[1].name}}</a>
                            {% endif %}
                        {% endfor %}
                        <time class="post-date" datetime="{{ post.date | date:'%Y-%m-%d' }}">{{ post.date | date_to_string }}</time>
                    </div>
                </div>
            </article>
            {% endfor %}
        </div>
        <a href="{{ site.baseurl }}/blog">All Blog Posts &rarr;</a>
    </section>
    
</main>