layout: default


<header class=“site-header outer”>

<div class="inner">
  {% include site-nav.html %}
</div>

</header>

<main id=“site-main” class=“site-main outer” role=“main”>

<div class="inner">
  <article class="post-full post{% unless page.feature_image %} no-image{% endunless %}">
    <header class="post-full-header">
      <section class="post-full-meta">
        <time class="post-full-meta-date" datetime="{{ page.date | date:'%Y-%m-%d' }}">
          {{ page.date | date_to_long_string }}
        </time>

        {% unless page.tags.count.zero? %}
          <span class="date-divider">/</span> {{ page.tags.first }}
        {% endunless %}
      </section>

      <h1 class="post-full-title">{{ page.title }}</h1>
    </header>

    {% if page.feature_image %}
      <figure class="post-full-image" style="background-image: url({{ page.feature_image }})"></figure>
    {% endif %}

    <section class="post-full-content">
      <div class="kg-card-markdown">
        {{ content }}
      </div>
    </section>

    <footer class="post-full-footer">
      <section class="author-card">
        {% if site.author.profile_image %}
          <img class="author-profile-image" src="{{ site.author.profile_image }}" alt="{{ site.author.name }}" />
        {% endif %}

        <section class="author-card-content">
          <h4 class="author-card-name"><a href="{{ site.author.url }}">{{ site.author.name }}</a></h4>

          {% if site.author.bio %}
            <p>{{site.author.bio}}</p>
          {% endif %}
        </section>
      </section>

      <div class="post-full-footer-right">
        <a class="author-card-button" href="{{ "/" | relative_url }}">Read More</a>
      </div>
    </footer>
  </article>
</div>

</main>

{% include read-next.html %} {% include floating-header.html %}