---
layout: default
title: Archive
use: [posts]
---
{% block page_title_wrapper %}
    <h1 class="leading-tight mb-8">
        {% block page_title %}{{ page.title }}{% endblock %}
    </h1>
{% endblock %}

{% block content %}
    <header class="spaced-y-4 mb-6">
        <p class="text-lg">Everything I've ever published on my site, in reverse chronological order.</p>
        <p class="text-lg">You can also subscribe via <a href="/feed">the RSS feed</a>.</p>
    </header>

    <div class="-mx-4 spaced-y-4">
        {% for post in data.posts %}
            <article class="p-4 {{ post.draft ? 'bg-blue-lighter' }}">
                {% include 'blog/post-summary' with {
                    show_date: true,
                } %}
            </article>
        {% endfor %}
    </div>
{% endblock %}

{% block scripts %}
    <script>hljs.initHighlightingOnLoad();</script>
{% endblock %}