{% extends 'partials/base.html.twig' %}
{% set collection = page.collection() %}

{% block header %}
  <header>
    <h1>
      <a href="/">{{site.title}}</a>
    </h1>
  </header>
{% endblock %}

{% block body %}
    <section class="body-wrapper" id="item_list">
      <script type="text/javascript">
        var $card = $('.card');
          ScrollReveal().reveal($card, {
            delay: 1000,
            distance: '20px',
            interval: 100,
          });

          var $item_listp = $('#item_list p');

          ScrollReveal().reveal($item_listp, {
            duration:  1000,
            distance: '10px',
            interval: 50,
          });
      </script>

      {% block item %}
      <!-- <div> -->
      {{content}}
          {% for child in collection %}
              {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
          {% endfor %}
        <!-- </div> -->
      {% endblock %}

    </section>

    {% block aside %}
      {% include 'partials/sidebar.html.twig' %}
    {% endblock %}

{% endblock %}