layout: default


<article class=“artisan-article p-4”>

<h6 class="text-muted">
    on
    <time datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
        {%- assign date_format = site.artisan.date_format | default: "%b %-d, %Y" -%}
        {{ page.date | date: date_format }}
    </time>
    {%- if page.categories.size > 0 -%}
        in
        {%- for category in page.categories -%}
            <a href="{{ "categories" | relative_url }}#{{ category | slugize }}" class="artisan-link">
                {{ category | escape }}
                {%- unless forloop.last -%},{%- endunless -%}
            </a>
        {%- endfor -%}
    {%- endif -%}
</h6>

<h1 class="display-4">{{ page.title | escape }}</h1>

<div class="text-muted text-justify">
    {{ content }}
</div>

<div class="pb-2">
    {% for tag in page.tags %}
        <span class="badge badge-primary p-1">
            <i class="fas fa-tag"></i>
            {{ tag | escape }}
        </span>
    {% endfor %}
</div>

<div class="container-fluid my-2">
    <div class="row">
        {%- if page.previous -%}
            <a href="{{ page.previous.url | relative_url }}"
            class="col-sm pl-0 artisan-article__seealso">
                <table class="text-muted h-100">
                    <tr>
                        <td class="pr-2">
                            <i class="fas fa-chevron-left fa-2x text-primary"></i>
                        </td>
                        <td>
                            <small>Previous Post</small>
                            <h6>
                                {{ page.previous.title }}
                            </h6>
                        </td>
                    </tr>
                </table>
            </a>
        {%- else -%}
            <div class="col-sm">&nbsp;</div>
        {%- endif -%}
        {%- if page.next -%}
            <a href="{{ page.next.url | relative_url }}" class="col-sm pr-0 artisan-article__seealso">
                <table class="text-muted w-100 h-100">
                    <tr>
                        <td>
                            <h6>
                                <small>Next Post</small>
                                <br>
                                {{ page.next.title }}
                            </h6>
                        </td>
                        <td class="pl-2 text-right">
                            <i class="fas fa-chevron-right fa-2x text-primary"></i>
                        </td>
                    </tr>
                </table>
            </a>
        {%- else -%}
            <div class="col-sm">&nbsp;</div>
        {%- endif -%}
    </div>
</div>

{%- include disqus_comments.html -%}

</article>