gilles-acezat/user/themes/gilles_acezat/templates/blog.html.twig

{% extends 'partials/base.html.twig' %}
{% set blog_image = page.media.images[page.header.hero_image] ?: page.media.images|first %}
{% set collection = page.collection() %}
{% set blog = page.find(header_var('blog_url')|defined(theme_var('blog-page'))) %}
{% set show_breadcrumbs = header_var('show_breadcrumbs', [page, blog])|defined(true) %}
{% set show_sidebar = header_var('show_sidebar', [page, blog])|defined(true)  %}
{% set show_pagination = header_var('show_pagination', [page, blog])|defined(true) %}

{% block stylesheets %}
    {% do assets.addCss('theme://css/bricklayer.css') %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    {% do assets.add('theme://js/bricklayer.min.js') %}
    {% do assets.add('theme://js/scopedQuerySelectorShim.min.js') %}
{% endblock %}

{% block body %}
    <section id="body-wrapper">
        <section>

        {% embed 'partials/layout.html.twig' with {blog: page} %}
            {% block item %}

                <div class="works works-mea">
                  {% for child in collection %}
                    {% set mea = child.header.mea == 'true' %}
                    {% if mea %}
                      {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
                    {% endif %}
                  {% endfor %}
                </div>

                <div class="scroll">
                  <p>scroll</p>
                  <p>scroll</p>
                </div>

                <div class="cat-list">
                  <ul>

                  {% for child in collection if child.template == 'item' %}
                    {% if child.taxonomy.category %}
                      <li class="cat">
                        {% include 'partials/blog/category.html.twig' with {blog: page, page: child} %}
                      </li>
                    {% endif %}
                  {% endfor %}
                </ul>

                </div>

                <div class="works full-works">
                  {% for child in collection if child.template == 'item' %}
                      {% include 'partials/blog-list-item.html.twig' with {blog: page, page: child} %}
                  {% endfor %}
                </div>


                {% if show_pagination and config.plugins.pagination.enabled and collection.params.pagination %}
                  <div id="listing-footer">
                      {% include 'partials/pagination.html.twig' with {base_url: page.url, pagination: collection.params.pagination} %}
                  </div>
                {% endif %}

            {% endblock %}

            {% block sidebar %}
                {% include 'partials/sidebar.html.twig' %}
            {% endblock %}
        {% endembed %}
        </section>
    </section>
    <script>
        //Bricklayer
        var bricklayer = new Bricklayer(document.querySelector('.bricklayer'))
    </script>
{% endblock %}