website

---
layout: layout.njk
title: Posts
description: Posts
permalink: /posts/
---
<h1 style="font-weight:800;font-size:var(--fs-hero-xl)">Posts</h1>
<ul style="display:flex;flex-direction:column;list-style:none;padding:0">
{% for post in collections.posts | reverse %}
  <li style="display:grid;grid-template-columns:1fr;gap:0.4rem;margin-top:1.25rem;line-height:1.5rem">
    <div>
      <a href="{{ post.url }}" style="view-transition-name:post-title-{{ post.fileSlug }};font-size:var(--fs-sm);color:var(--color-post-link);text-underline-offset:4px">
        {{ post.data.title }}
      </a>
      <span style="font-size:13pt;display:block">{{ post.data.description }}</span>
    </div>
    <time style="font-size:var(--fs-sm)">{{ post.data.pubDate | readableDate }}</time>
  </li>
{% endfor %}
</ul>