{% extends "base.html" %}

{% block content %}
<h1 class="title">
  {{ page.title }}
</h1>

{% if page.toc %}
  <h2>Table of Contents</h2>
  <ul>
    {% for h1 in page.toc %}
        <li>
            <a href="{{ h1.permalink | safe }}">{{ h1.title }}</a>
            {% if h1.children %}
                <ul>
                    {% for h2 in h1.children %}
                        <li>
                            <a href="{{ h2.permalink | safe }}">{{ h2.title }}</a>
                        </li>
                    {% endfor %}
                </ul>
            {% endif %}
        </li>
    {% endfor %}
    </ul>
  <h2>Content</h2>
{% endif %}

<p class="subtitle"><strong><time>Posted: {{ page.date }}</time></strong></p>
{{ page.content | safe }}
{% endblock content %}