---
layout: base.njk
---

<article class="prose prose-slate mx-auto md:prose-lg lg:prose-xl dark:prose-invert prose-headings:font-normal prose-strong:font-bold prose-strong:text-inherit prose-li:marker:!text-inherit prose-th:font-bold prose-img:rounded-3xl">
  <h1 class="text-4xl">{{ title }}</h1>
  <aside class="not-prose space-y-4 text-base">
    {%- from 'postmeta.macro.njk' import postmeta %}
    {{ postmeta({ date: page.date, author: author, content: content}) }}
    {% if tags.length > 0 %}
      <ul class="flex gap-1">
        {% for tag in tags %}
          <li class="inline-flex items-center gap-1 rounded-md border border-solid border-sky-500 bg-sky-200 px-1.5 py-0.5 text-sky-500 dark:border-sky-500 dark:bg-sky-950 dark:text-sky-500">
            {% lucide "tag", {"size": "20"} %}
            {{ tag }}
          </li>
        {%- endfor %}
      </ul>
    {% endif %}
  </aside>

  {% if image and image.src != '' %}
    <img src="{{ image.src }}" alt="{{ image.alt }}">
  {% endif %}

  {{ content | safe }}
</article>
