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

{% block head %}
    <base href="/clips/">

    {{ parent() }}

{% endblock head %}

{% block stylesheets %}
    {% do assets.addCss('/clips/assets/styles.bundle.css') %}

    {{ parent() }}

{% endblock %}

{% block bottom %}
    {{ parent() }}

    {% do assets.addJs('/clips/assets/inline.bundle.js') %}
    {% do assets.addJs('/clips/assets/polyfills.bundle.js') %}
    {% do assets.addJs('/clips/assets/main.bundle.js') %}

    {{ assets.js() }}

{% endblock %}

{% block content %}
    {{ page.content }}

    <section class="mat-typography" style="min-height: 26em">
        <clips-app></clips-app>
    </section>

{% endblock %}
