Add animated centerpiece to index
This commit is contained in:
parent
6ec0c46171
commit
3e9344a8af
8 changed files with 166 additions and 25 deletions
|
|
@ -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 %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue