---
layout: base.njk
title: Blog
---

<h1>Blog Posts</h1>

<ul class="post-list">
  {% for post in collections.posts %}
  <li>
    <a href="{{ post.url }}" class="post-card">
      <h2>{{ post.data.title }}</h2>
      <time datetime="{{ post.data.createdAt | dateTimeFormat }}">{{ post.data.createdAt | dateTimeFormat }}</time>
      {% if post.data.description %}
      <p>{{ post.data.description }}</p>
      {% endif %}
    </a>
  </li>
  {% endfor %}
</ul>

{% if collections.posts.length == 0 %}
<p>No blog posts yet.</p>
{% endif %}