{% extends "base.html" %}

{% block header %}
  <header>
    <pre class="header-art"
      role="img" aria-label="ASCII art with 'jutty.dev' in a 3D, slanted font">
                 __    __                    __
     __         /\ \__/\ \__                /\ \
    /\_\  __  __\ \ ,_\ \ ,_\  __  __       \_\ \     __   __  __
    \/\ \/\ \/\ \\ \ \/\ \ \/ /\ \/\ \      /'_` \  /'__`\/\ \/\ \
     \ \ \ \ \_\ \\ \ \_\ \ \_\ \ \_\ \  __/\ \L\ \/\  __/\ \ \_/ |
     _\ \ \ \____/ \ \__\\ \__\\/`____ \/\_\ \___,_\ \____\\ \___/
    /\ \_\ \/___/   \/__/ \/__/ `/___/> \/_/\/__,_ /\/____/ \/__/
    \ \____/                       /\___/
     \/___/                        \/__/
    </pre>
  </header>
{% endblock header %}

{% block content %}

  {% 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 }}</span>
        <a href="{{ post.permalink | safe }}">{{ post.title }}</a>
      </li>
      {% endfor %}
    </ul>
  </nav>

{% endblock content %}