{% extends 'base.html' %}
{% block content %}
<main class="bg-body">
  <div class="container-fluid container-xxl">
    <div class="row">
      <div class="d-none d-xxl-block col-xxl-3 vh-100 sticky-top overflow-auto d-print-none">
        <div class="py-4 pe-3">
          {% with items = nav, namespace = 'main', parent_id = 'nav' %}
            {% include 'includes/nav.html' %}
          {% endwith %}
        </div>
      </div>
      <div class="col-12 col-lg-9 col-xxl-6">
        <div class="py-4">
          <div class="row d-print-none">
            <div class="col-9 col-sm-10">
              {% include 'includes/breadcrumb.html' %}
            </div>
            <div class="col-3 col-sm-2 text-end">
              {% include 'includes/source.html' %}
            </div>
          </div>
          <article>
            <h1 class="display-6{{ ' border-bottom pb-3 mb-3' if not page.meta.description }}">{{ page.meta.title if page.meta.title else page.title }}</h1>
            {% if page.meta.description %}
              <p class="lead border-bottom pb-3 mb-3">{{ page.meta.description }}</p>
            {% endif %}
            {% include 'includes/page-meta.html' %}
            <div class="prose">
              {% include 'includes/content.html' %}
            </div>
          </article>
        </div>
        {% include 'includes/pagination.html' %}
      </div>
      <div class="d-none d-lg-block col-lg-3 vh-100 sticky-top overflow-auto d-print-none">
        {% include 'includes/toc.html' %}
      </div>
    </div>
  </div>
</main>
<footer class="border-top d-print-none">
  <div class="container-fluid container-xxl">
    <p class="m-0 py-4 small text-body-secondary">{% include 'includes/copyright.html' %}</p>
  </div>
</footer>
{% endblock %}