{% extends "base.html" %}
{% block content %}
<article class="essay">
    <header class="essay-header">
        {% if current_page.meta.title %}
        <h1 class="title">{{ current_page.meta.title }}</h1>
        {% endif %}
        {% if current_page.meta.date %}
        <time class="meta">{{ current_page.meta.date }}</time>
        {% endif %}
    </header>
    <div class="content">{{ content | safe }}</div>
</article>
{% endblock %}
{% block margin %}
{% if current_page.toc | length > 0 %}
<details class="toc-card immersive-light">
    <summary>Contents</summary>
    <nav class="toc-links">
        {% for item in current_page.toc %}
        <a class="toc-level-{{ item.level }}" href="#{{ item.id }}">{{ item.title }}</a>
        {% endfor %}
    </nav>
</details>
{% endif %}
{% endblock %}