{% extends "layout.html" %}
{% from "macros.html" import tag_links %}
{% set title = post.title %}
{% set description = post.description %}
{% block content %}
<article class="post">
  <header class="post-header">
    <a class="eyebrow" href="/{{ post.kind }}/">{{ post.kind | capitalize }}</a>
    <h1>{{ post.title }}</h1>
    {% if post.description %}<p class="lede">{{ post.description }}</p>{% endif %}
    <div class="post-meta">
      <time datetime="{{ post.date }}">{{ post.date | date }}</time>
      {% if post.updated %}<span>Updated {{ post.updated | date }}</span>{% endif %}
    </div>
    {% if post.tags %}<div class="tag-row" aria-label="Tags">{{ tag_links(post.tags) }}</div>{% endif %}
  </header>

  {% if post.wip %}<p class="notice">This article is a work in progress.</p>{% endif %}

  {% if post.toc and post.toc_html %}
  <details class="toc" open>
    <summary>On this page</summary>
    {{ post.toc_html | safe }}
  </details>
  {% endif %}

  <div class="prose">{{ post.html | safe }}</div>
</article>
{% endblock %}