{% extends "base.html" %} {% block content %}
<div class="window">
  <div class="title-bar">
    <div class="title-bar-text">📖 Blog</div>
    <div class="title-bar-controls">
      <a href="/"><button aria-label="Close"></button></a>
    </div>
  </div>
  <div class="window-body">
    <p>
      Welcome to my blog! This is where I'll post longer content about stuff I'm
      working on. I'm working out some channels for posting day-to-day short
      form shit too so keep an eye out for that.
    </p>
    <h2>Latest Posts</h2>
    <div class="sunken-panel">
      <ul class="tree-view" style="height: 8rem; overflow-y: scroll">
        {% for year, posts in section.pages | group_by(attribute="year") %}
        <li>
          <details open>
            <summary><b>{{ year }}</b></summary>
            <ul>
              {% for post in posts %}
              <li>
                <a href="{{post.permalink}}">{{post.title}}</a> - {{post.date}}
              </li>
              {% endfor %}
            </ul>
          </details>
        </li>
        {% endfor %}
      </ul>
    </div>
  </div>
</div>
{% endblock content %}