{% extends "base.html" %}

{% block extra_head %}
    <link href="{{ get_url(path="assets/css/index.css") }}" rel="stylesheet">
{% endblock extra_head %}

{% block content %}
<j-wrap class="index">
    {% set medusa = get_url(path="images/discomedusae_half.png") %}
    {% set centerpieces = [ "one", "two", "three", "four", "five" ] %}
    {% for class in centerpieces %}
    <figure class="centerpiece">
        <img class="centerpiece {{ class }}" src="{{ medusa }}">
    </figure>
    {% endfor %}
    <h1>Incandescência</h1>
    <nav>
        <ul>
            <li><a href="/poesia">Poesia</a></li>
            <li style="filter: opacity(0.5)">Crítica</li>
            <li><a href="https://git.jutty.dev/">Código</a></li>
        </ul>
    </nav>
</j-wrap>
{% endblock content %}