{% extends 'partials/base.html.twig' %}

{% 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 content %}
    {{ page.content|raw }}

    <section class="bricklayer topics">
    {% for topic in page.collection() %}
        {% include 'partials/topic-list-item.html.twig' with {parent: page, page: topic} %}
    {% endfor %}
    </section>

    <script>
        //Bricklayer
        var bricklayer = new Bricklayer(document.querySelector('.bricklayer'))
    </script>
{% endblock %}

{# Disable the Rosetta option of the language selector. #}
{% block header_language_selection %}
    {% embed 'partials/language-selector.html.twig' %}
        {% block polyglot_language_selector %}{% endblock %}
    {% endembed %}
{% endblock %}