{% 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" %}Ú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="post-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>
        <a class="index-see-all" href="{{ posts.permalink }}">
          {%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
        </a>

        <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="post-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>
        <a class="index-see-all" href="{{ notes.permalink }}">
          {%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
        </a>

        <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="post-date">{{ link.date | date(format="%Y-%m-%d") }}</span>
              <a href="{{ link.extra.url | safe }}">{{ link.title }}</a>
            </li>
            {% if loop.index == 5  %}{% break %}{% endif %}
            {% endfor %}
          </ul>
        </nav>
        <a class="index-see-all" href="{{ links.permalink }}">
          {%- if lang == "pt" %}Ver todos{% else %}See all{% endif %}
        </a>

{%- endblock content %}