<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'/>
    {{ head | indent(4) -}}
</head>
<body>

{% if NOCOVER is not defined %}
    <div class='cover'>
        <div class='cover-top'>{{ COVER_TOP | default('') }}</div>
        <div class='cover-center'>{{ COVER_CENTER | default(volume.config.title) }}</div>
        <div class='cover-bottom'>{{ COVER_BOTTOM | default(now.year) }}</div>
    </div>
{% endif %}

<div class='toc main-toc'>
    <ul>
        {% for item in toc() recursive %}
            <li>
                <a href='{{ item.url }}'>{{ item.title }}</a>
                {% if item.children %}
                    <ul>
                        {{ loop(item.children) }}
                    </ul>
                {% endif %}
            </li>
        {% endfor %}
    </ul>
</div>

{% for page, number, title, body in content %}
    <article>
        <!-- {{ page.source.path_in_project }} -->
        {{ body }}
    </article>
{% endfor %}

</body>
</html>