<div class="p-4 max-w-2xl mx-auto">
  <article class="h-entry mt-2">
    <header class="mb-4">
      <h1 class="p-name text-2xl font-bold mb-2">{@blog.title}</h1>
      <%= if @blog.published_at do %>
        <div class="text-sm text-gray-500 flex items-center">
          <span class="p-author h-card">{Core.Author.get(:name)}</span>
          <span class="mx-2">·</span>
          <.timex value={@blog.published_at} format="{Mfull} {D}, {YYYY}" class="dt-published" />
        </div>
      <% end %>
    </header>

    <div class="e-content">
      <.markdown content={@blog.body} />
    </div>
  </article>
</div>