---
layout: default
title: Blog Posts
---

<div class="w-full flex flex-row justify-center mt-2">
  <div class="w-full lg:w-1/2 px-8 flex flex-col items-start">
    <div class="flex flex-row items-center gap-x-3">
      <h1 class="text-3xl">Blog posts</h1>

      <a href="/feed.xml">
	<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
	  <path stroke-linecap="round" stroke-linejoin="round" d="M12.75 19.5v-.75a7.5 7.5 0 00-7.5-7.5H4.5m0-6.75h.75c7.87 0 14.25 6.38 14.25 14.25v.75M6 18.75a.75.75 0 11-1.5 0 .75.75 0 011.5 0z" />
	</svg>
      </a>
    </div>

    <div class="divide-y divide-blue-200">
    {% for post in site.posts %}
    <div class="mb-2">
      <a href="{{ post.url }}" class="text-2xl text-sky-400">{{ post.title }}</a>

      <div class="flex flex-row pl-2">
	<span>By <span>{{ post.author }}</span></span>
      </div>

      <p class="mt-2 pl-2 text-slate-600">
	{{ post.excerpt | markdownify | strip_html | truncatewords: 100 }}
      </p>
    </div>
    {% endfor %}
    </div>
  </div>
</div>