layout: base css_package: blog


<div itemscope=“” itemtype=“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>