blog/templates/index.html
2026-05-04 09:25:56 -03:00

101 lines
3.6 KiB
HTML

{% extends "base.html" %}
{% block header %}
<header>
<figure class="header-art">
<pre role="img" aria-label="ASCII art with 'jutty.dev' in a 3D, slanted font">
__ __ __
__ /\ \__/\ \__ /\ \
/\_\ __ __\ \ ,_\ \ ,_\ __ __ \_\ \ __ __ __
\/\ \/\ \/\ \\ \ \/\ \ \/ /\ \/\ \ /'_` \ /'__`\/\ \/\ \
\ \ \ \ \_\ \\ \ \_\ \ \_\ \ \_\ \ __/\ \L\ \/\ __/\ \ \_/ |
_\ \ \ \____/ \ \__\\ \__\\/`____ \/\_\ \___,_\ \____\\ \___/
/\ \_\ \/___/ \/__/ \/__/ `/___/ \/_/\/__,_ /\/____/ \/__/
\ \____/ /\___/
\/___/ \/__/
</pre>
</figure>
</header>
{% endblock header %}
{% block content %}
<h2 class="index-h2">
{%- if lang == "pt" %}Últimas notas{% else %}Latest notes{% endif -%}
</h2>
{%- if lang == "pt" %}
{%- set notes = get_section(path="notes/_index.pt.md") %}
{%- else %}
{%- set notes = get_section(path="notes/_index.md") %}
{%- endif %}
<nav class="index-posts">
<ul id="posts">
{% for note in notes.pages %}
<li>
<span class="content-date">{{ note.date | date(format="%Y-%m-%d") }}</span>
<a href="{{ note.permalink | safe }}">{{ note.title }}</a>
</li>
{% if loop.index == 5 %}{% break %}{% endif %}
{% endfor %}
</ul>
</nav>
<p class="index-see-all"><a href="{{ notes.permalink }}">
{%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
</a></p>
<h2 class="index-h2">
{%- if lang == "pt" %}Últimos links{% else %}Latest links{% endif -%}
</h2>
{%- if lang == "pt" %}
{%- set links = get_section(path="links/_index.pt.md") %}
{%- else %}
{%- set links = get_section(path="links/_index.md") %}
{%- endif %}
<nav class="index-posts">
<ul id="posts">
{% for link in links.pages %}
<li>
<span class="content-date">{{ link.date | date(format="%Y-%m-%d") }}</span>
<a href="
{%- if link.content -%}
{{ link.permalink | safe }}
{%- else -%}
{{ link.extra.url | safe }}
{%- endif -%}
">{{ link.title }}</a>
<small class="link-author">by {{ link.authors | join(sep=", ") }}</small>
</li>
{% if loop.index == 5 %}{% break %}{% endif %}
{% endfor %}
</ul>
</nav>
<p class="index-see-all"><a href="{{ links.permalink }}">
{%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
</a></p>
<h2 class="index-h2">
{%- if lang == "pt" %}Últimos posts{% else %}Latest posts{% endif -%}
</h2>
{%- if lang == "pt" %}
{%- set posts = get_section(path="posts/_index.pt.md") %}
{%- else %}
{%- set posts = get_section(path="posts/_index.md") %}
{%- endif %}
<nav class="index-posts">
<ul id="posts">
{% for post in posts.pages %}
<li>
<span class="content-date">{{ post.date | date(format="%Y-%m-%d") }}</span>
<a href="{{ post.permalink | safe }}">{{ post.title }}</a>
</li>
{% if loop.index == 5 %}{% break %}{% endif %}
{% endfor %}
</ul>
</nav>
<p class="index-see-all"><a href="{{ posts.permalink }}">
{%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
</a></p>
{%- endblock content %}