{% extends "base.html" %}

{% block title %}{{ page.title }} — {{ site.title }}{% endblock %}

{% macro post_header() %}
  <header>
    <h1>{{ page.title }}</h1>
    {% if page.date %}<time>{{ page.date }}</time>{% endif %}
    {% if terms.get('tags') %}
    <ul class="tags">
      {% for term in terms['tags'] %}
      <li><a href="{{ term.url }}">{{ term.name }}</a></li>
      {% endfor %}
    </ul>
    {% endif %}
  </header>
{% endmacro %}

{% block content %}
  <div class="panel-grid">
    <article class="post panel-main">
      {{ post_header() }}
      <div class="body">{{ page.body_html | safe }}</div>
    </article>
    {% if page.toc %}
    <aside class="panel-aside">
      <div class="panel-aside-inner">
        <nav class="toc" aria-label="Table of contents">
          <ul>
            {% for heading in page.toc %}
            <li class="toc-h{{ heading.level }}"><a href="{{ heading.url }}">{{ heading.text }}</a></li>
            {% endfor %}
          </ul>
        </nav>
      </div>
    </aside>
    {% endif %}
  </div>
{% endblock %}