{% extends "base.html" %}

{% block content %}

<section class="archive">

<ul class="post-archive">

{# Group the posts by year #}

{% set map = get_section(path="_index.md") | get(key="pages") | group_by(attribute="year") %}

{% set_global years = [] %}

{# Convert the years map to an array (since maps do not have determined order) #}

{% for year, ignored in map %}

{% set_global years = years | concat(with=year) %}

{% endfor %}

{% for year in years | sort | reverse %}

<div class="years">

{% set posts = map[year] %}

<div class="year">{{ year }}</div>

{% for post in posts %}

<li class="post-item">

<span class="post-date">{{ post.date | date(format="%m/%d") }}</span>

<a href="{{ post.permalink }}" class="post-title">{{ post.title }}</a>

</li>

{% endfor %}

</div>

{% endfor %}

</ul>

{% endblock %}