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

{% block head %}
    <base href="/twitch-logs/">

    {{ parent() }}

{% endblock head %}

{% block javascripts %}
    {% do assets.addJs('/twitch-logs/assets/inline.bundle.js', {group: 'bottom'}) %}
    {% do assets.addJs('/twitch-logs/assets/polyfills.bundle.js', {group: 'bottom'}) %}
    {% do assets.addJs('/twitch-logs/assets/main.bundle.js', {group: 'bottom'}) %}

    {{ parent() }}

{% endblock %}

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

    {{ parent() }}

{% endblock %}

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

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

{% endblock %}