{% extends theme("base.html") %}
{% block content %}
    <main role="main" class="container">
      <div class="row">
        <div class="col-md-8 blog-main">
          {% if site.slogan %}
          <h3 class="pb-4 mb-4 font-italic border-bottom">{{site.slogan}}</h3>
          {% endif %}
          {% for post in posts %}
            {% include theme("post-teaser.html") %}
          {% endfor %}
          <nav class="blog-pagination">
            <a class="btn btn-outline-primary" href="{{request.base_url}}?page={{'1'}}">Older</a>
            <a class="btn btn-outline-secondary disabled" href="{{request.base_url}}?page={{'1'}}" tabindex="-1" aria-disabled="true">Newer</a>
          </nav>
        </div>
        <aside class="col-md-4 blog-sidebar">
          {% if site.about %}
          {% include theme("about.html") %}
          {% endif %}
          {% if archives %}
          {% include theme("archives.html") %}
          {% endif %}
          {% if site.social_links %}
          {% include theme("social_links.html") %}
          {% endif %}
        </aside>
      </div>
    </main>
{% endblock %}