---
layout: base.njk
---
{% css %}{% include "css/post.css" %}{% endcss %}
{% css %}{% include "css/highlighting.css" %}{% endcss %}
{% js %}{% include "node_modules/@zachleat/heading-anchors/heading-anchors.js" %}{% endjs %}

<heading-anchors content="<i class='fa-solid fa-anchor'></i>">
  <article>
    <h1>{{ title }}</h1>

    <div class="post-metadata">
      <p>
        posted on
        <time datetime="{{ page.date | htmlDateString }}">{{ page.date | readableDate }}</time>
        by {{ metadata.author }}
      </p>
      {% set relevantTags = tags | removeBasicTags %}
      {% if relevantTags.length %}
      <ul class="post-tags">
        {% for tag in relevantTags %}
        <li>
          {% set tagUrl %}/tags/{{ tag | slugify }}/{% endset %}
          <a href="{{ tagUrl }}">{{ tag }}</a>
        </li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>

    {% if image %}
    <img src="/img/{{ image.src }}" alt="{{ image.alt }}">
    {% endif %}

    {{ content | safe }}
  </article>
</heading-anchors>