---
layout: main
---

{% include "header.liquid" %}

<h2 class="text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-12">{{title}}</h2>
<div class="h-14 flex items-center text-sm">
    <span>{{ date | date: "%m.%d.%Y" }}</span>
    <span class="mx-1">•</span>
    <span class="inline-flex flex-row">
        {% for tag in tags %} {% if tag != "posts" %}
        <a href="/tags/{{ tag }}" class="font-normal no-underline">
            <span class="post-tag">{{ tag }}</span>
        </a>
        {% endif %} {% endfor %}
    </span>
</div>

<div class="prose dark:prose-invert hover:prose-a:text-blue-500  max-w-full text-gray-800 dark:text-white">
  {{ content }}
</div>

{% include "author.liquid" %}