{% 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> -->
          {% 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 %}
