---
layout: default
---

<article class="post">
  <div class="post-meta post-meta-top">
    <div>
      <time datetime="{{ page.date | date_to_xmlschema }}">
        <i class="fa-solid fa-calendar-days"></i> {{ page.date | date_to_string }}
      </time>
      {%- if page.last_modified_at -%}
        ~
        {%- assign mdate = page.last_modified_at | date_to_xmlschema -%}
        <time datetime="{{ mdate }}" itemprop="dateModified">
          {{ mdate | date_to_string }}
        </time>
      {%- endif -%}
      {%- if page.author -%}
        <i class="fa-solid fa-at"></i> 
        {% for author in page.author %}
          <span itemprop="author" itemscope itemtype="http://schema.org/Person">{{ author }}</span>
          {%- if forloop.last == false %}, {% endif -%}
        {% endfor %}
      {%- endif -%}
    </div>
    
    {% if page.categories.size > 0 %}
      <nav class="post-categories">
        {% for category in page.categories %}
          {% if site.categories_path %}
            <a class="post-category" href="{{ site.categories_path | relative_url }}#{{ category | slugify }}">{{ category }}</a> /
          {% else %}
            <span>{{ category }}</span> /
          {% endif %}
        {% endfor %}
      </nav>
    {% endif %}
  </div>

  <h1 class="post-title">{{ page.title }}</h1>
  {% if page.subtitle %}
    <h4 class="post-subtitle">{{ page.subtitle }}</h4>
  {% endif %}

  {% if page.image %}
    <img src="{{ page.image | relative_url }}" alt="{{ post.title }}">
  {% endif %}

  <div class="post-content">
    {{ content }}
  </div>

  {% if page.tags.size > 0 %}
    <nav class="post-meta post-meta-bottom">
      {% for tag in page.tags %}
        {% assign slugified_tag = tag | slugify %}
        {% if site.tags_path %}
          <a class="post-tag" href="{{ site.tags_path | relative_url }}#{{ slugified_tag }}">#{{ slugified_tag }}</a>
        {% else %}
          <span>#{{ slugified_tag }}</span>
        {% endif %}
      {% endfor %}
    </nav>
  {% endif %}
</article>

<div class="pagination">
  {% if page.previous %}
    <a class="prev post-prev" href="{{ page.previous.url | relative_url }}">
      <i class="fas fa-chevron-left"></i> <span class="">{{ page.previous.title | markdownify | strip_html }}</span>
    </a>
  {% else %}
    <span class="prev post-prev unable"><i class="fas fa-chevron-left"></i></span>
  {% endif %}
  
  {% if page.next %}
    <a class="next post-next" href="{{ page.next.url | relative_url }}">
      <span class="">{{ page.next.title | markdownify | strip_html }}</span> <i class="fas fa-chevron-right"></i> 
    </a>
  {% else %}
    <span class="next post-next unable"><i class="fas fa-chevron-right"></i></span>
  {% endif %}
</div>

{% if jekyll.environment == "production" and site.disqus and page.comments != false %}
  {% include disqus.html %}
{% endif %}