Add animated centerpiece to index

This commit is contained in:
Juno Takano 2026-05-16 13:43:29 -03:00
commit 3e9344a8af
8 changed files with 166 additions and 25 deletions

View file

@ -1,12 +1,32 @@
{% extends "base.html" %}
{% block extra_head %}
<link href="{{ get_url(path="assets/css/index.css") }}" rel="stylesheet">
{% endblock extra_head %}
{% block content %}
<h1 class="title">
Incandescência
</h1>
<nav>
<ul>
<li><a href="/poesia">Poesia</a></li>
</ul>
</nav>
<j-wrap class="index">
{% set medusa = get_url(path="images/discomedusae_gamma_dark.png") %}
<figure class="centerpiece one">
<img class="centerpiece one" src="{{ medusa }}">
</figure>
<figure class="centerpiece two">
<img class="centerpiece two" src="{{ medusa }}">
</figure>
<figure class="centerpiece three">
<img class="centerpiece three" src="{{ medusa }}">
</figure>
<figure class="centerpiece four">
<img class="centerpiece four" src="{{ medusa }}">
</figure>
<figure class="centerpiece five">
<img class="centerpiece five" src="{{ medusa }}">
</figure>
<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 %}