---
layout: main
---
{% render "partials/header.liquid", site: site, page: page, nav: nav %}
<article class="h-entry" data-pagefind-body>
  {% if link %}
    <a class="no-underline" href="{{ link }}">
      <h2 class="[&>svg]:h-5 [&>svg]:w-5 [&>svg]:md:h-7 [&>svg]:md:w-7 [&>svg]:-mt-1 [&>svg]:md:-mt-1.5 [&>svg]:inline icon--bold p-name m-0 text-xl font-black leading-tight tracking-normal hover:text-blue-800 text-gray-800 dark:text-gray-200 dark:hover:text-blue-200 md:text-2xl ease-in-out duration-300 pt-8" data-pagefind-meta="title">
        {% tablericon 'link' title %}
        {{ title }}
      </h2>
    </a>
  {% else %}
    <h2 class="p-name text-xl md:text-2xl font-black leading-tight dark:text-gray-200 pt-8" data-pagefind-meta="title">{{ title }}</h2>
  {% endif %}
  <span class="p-author h-card hidden">{{ site.title }}</span>
  <time class="mt-2 mb-6 block text-sm dt-published" datetime="{{ date }}">{{ date | readableDate }}</time>
  <div class="p-summary hidden">{{ post_excerpt | markdown }}</div>
  <div class="e-content prose dark:prose-invert hover:prose-a:text-blue-800 dark:hover:prose-a:text-blue-200  max-w-full text-gray-800 dark:text-white">
    {{ content }}
  </div>
</article>
{% render "partials/post-tags.liquid", tags: tags %}
{% render "partials/webmentions/container.liquid", webmentions: webmentions, page: page %}
{% render "partials/author.liquid", site: site %}
{% render "partials/popular-posts.liquid", posts: collections.posts, analytics: analytics %}