---
layout: base
css_package: blog
---
<div itemscope="" itemtype="http://schema.org/BlogPosting">
<div class="container-fluid" >
    {% if page.strap_image %}
    <div class="row" id="image_header">
        {% assign image_path = page.strap_image %}
        {% capture image_alt %}{{page.title}} background image{% endcapture %}
        {% picture header_image {{image_path}} --alt {{image_alt}} %}
    </div>
    {% endif %}
    <div class="row">
        <div class="container">
            <h1 class="" itemprop="name headline">{{page.title}}</h1>
        </div>
    </div>
    <div class="row bg-light">
        <div class="container">
            {% assign author = site.authors | where: "username", page.author | first %}
            {% assign author-url = author.url %}
            {% assign author_name = author.name %}
            {% capture author_image_alt %}{{author_name}} image{% endcapture %}
            {% if author.image %}
                {% assign author_image = author.image %}
            {% else %}
                {% assign author_image = site.avatar_placeholder %}
            {% endif %}
            <div itemprop="author" itemscope="" itemtype="http://schema.org/Person" class="d-block d-md-inline-block mx-auto my-2 m-md-2 text-md-left text-center">
                <a href="{{author-url}}" itemprop="url" rel="author">
                    {% picture author_thumbnail {{author_image}} --alt {{author_image_alt}} %}
                </a>
            </div>
            <div class="blockquote d-block d-md-inline-block mx-2 text-md-left text-center">
                <strong itemprop="name">{{author_name}}</strong>
            </div>
            <span class="divider d-none d-md-inline-block">|</span>
            <div class="post_info text-center text-md-left d-block d-md-inline-block">
                <div class="author_name d-inline-block mx-2">
                    <time datetime="{{page.date}}" itemprop="datePublished">{{page.date |  date: "%A, %B %-d, %Y"}}</time>
                </div>
                <span class="divider">|</span>
                <div class="read_time d-inline-block mx-2">
                    {% include blog/read_time.html %}
                </div>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid main_content">
    <div class="row">
        <div class="container">
            <div class="row justify-content-sm-center">
                <div class="col col-12 col-lg-10 py-4  blog-content">
                    <article>
                        {{ content }}
                        {% include blog/post_series.html %}
                    </article>
                    {% include blog/disqus_comments.html %}
                </div>
                <div class="col col-12 col-lg-10 py-4 blog-sidebar ">
                    {% include_cached blog/post_sidebar.html %}
                </div>
            </div>
        </div>
    </div>
</div>
</div>