---
layout: default
---

<article
  class="blog-post h-entry"
  itemscope
  itemtype="http://schema.org/BlogPosting"
>
  <header class="blog-post__header">
    <div class="blog-post__header__category"><span><a href="{{ page.category | relative_url}}">️{{ page.category }}</a></span></div>
    <h1 class="blog-post__header__title" itemprop="name headline">
      {{ page.title | escape }}
    </h1>
    <div class="blog-post__header__meta">
      <address style="display:inline">By <a rel="author" href={{ 'about' | relative_url }}>{{ page.author }}</a></address style="display:inline">
      <span style="display:inline"> • </span>
      <time
        datetime="{{ page.date | date: "%Y-%m-%d" }}"
        itemprop="datePublished"
      >

        🗓️ {% assign date_format = "%b %-d, %Y" %} {{ page.date | date: date_format }}
      </time>
    </div>
    {% if page.image or page.remote-image %}
      <img
        class="blog-post__header__image"
        {% if page.image-alt %}
          alt="{{page.image-alt | escape}} - [Header image for the post: {{page.title | escape}} - {{page.description | escape}}]"
        {% else %}
          alt="[Header image for the post: {{page.title | escape}} - {{page.description | escape}}]"
        {% endif %}

        title="[Header image for the post: {{page.title | escape}} - {{page.description | escape}}]"

        {% if page.image %}
          src="../assets/images/{{page.image}}.jpg"
        {% elsif page.remote-image %}
          src="{{page.remote-image}}"
        {% endif %}
      />

      <p class="blog-post__header__image-caption">
        {% if page.image-alt %}
          <span>
            {{ page.image-alt }}
          </span>
        {% endif %}
        {% if page.image-attrib %}

          {% if page.image-alt %}
          •
          {% endif %}
          {% if page.image-attrib-url %}
            <span>
              <a href="{{ page.image-attrib-url }}">Photo &copy; {{ page.image-attrib }}</a>
            </span>
          {% else %}
            <span>Photo &copy; {{ page.image-attrib }}</span>
          {% endif %}
        {% endif %}
      </p>


    {% endif %}
  </header>

  <div class="blog-post__content e-content" itemprop="articleBody">
    {{ content }}
  </div>

  <div class="blog-post__after-content">
    <h2>Thoughts?</h2>

    <div id="reply-by-email">
      <a href="mailto:{{site.email}}?subject=Re:%20{{page.title}}&body=%0A%0AResponse%20to:%20{{site.url}}{{page.url}}">Reply by private email</a>
    </div>

    <div id="fedi-link">
      {% if page.fedi-url %}
        <a href="{{ page.fedi-url }}">Join the conversation!</a>
      {% else %}
        <a href="https://sharetomastodon.github.io/?title=🎉 {{ page.title }} by {{page.author}} (@ayo@ayco.io)&url={{ site.url }}{{ page.url }}" target="_blank">
          Share on Mastodon!
        </a>
      {% endif %}
    </div>

    <div class="clear-both"></div>

    <div id="rss-sign-up">
      <span>For more <em>{{ page.category }}</em> posts like this, subscribe to my <a href={{'feed.xml' | relative_url}}>RSS feed</a></span>
    </div>

  </div>

  <div class="blog-post__web-mentions">
  </div>

  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>

</article>