---
layout: default
---
<!-- _layouts/post.html -->
{%- assign year = page.date | date: "%Y" -%}
{%- assign tags = page.tags | join: "" -%}
{%- assign categories = page.categories | join: "" -%}

{% if page._styles %}
<!-- Page/Post style -->
<style type="text/css">
  {{ page._styles }}
</style>
{% endif %}

<div class="post">

  <header class="post-header">
    <h1 class="post-title">{{ page.title }}</h1>
    <p class="post-meta">{{ page.date | date: "%B %-d, %Y" }}{%- if page.author -%} • {{ page.author }}{%- endif -%}{%- if page.meta -%} • {{ page.meta }}{%- endif -%}</p>
    <p class="post-tags">
      <a href="{{ year | prepend: '/blog/' | prepend: site.baseurl}}"> <i class="fas fa-calendar fa-sm"></i> {{ year }} </a>
      {%- if tags != "" %}
      &nbsp; &middot; &nbsp;
        {% for tag in page.tags -%}
        <a href="{{ tag | slugify | prepend: '/blog/tag/' | prepend: site.baseurl}}">
          <i class="fas fa-hashtag fa-sm"></i> {{ tag }}</a> &nbsp;
          {% endfor -%}
      {% endif %}

      {%- if categories != "" %}
      &nbsp; &middot; &nbsp;
        {% for category in page.categories -%}
        <a href="{{ category | slugify | prepend: '/blog/category/' | prepend: site.baseurl}}">
          <i class="fas fa-tag fa-sm"></i> {{ category }}</a> &nbsp;
          {% endfor -%}
      {% endif %}

    </p>
  </header>

  <article class="post-content">
    {% if page.toc %}
    <div id="table-of-contents">
      {% toc %}
    </div>
    <hr>
    {% endif %}
    <div id="markdown-content">
      {{ content }}
    </div>
  </article>

  {%- if site.related_blog_posts.enabled -%}
    {%- if page.related_posts == null or page.related_posts -%}
      {% include related_posts.html %}
    {%- endif %}
  {%- endif %}

  {%- if site.disqus_shortname and page.disqus_comments -%}
    {% include disqus.html %}
  {%- endif %}
  {%- if site.giscus.repo and page.giscus_comments -%}
    {% include giscus.html %}
  {%- endif -%}

</div>