<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 gap-x-2">
          <span class="p-author h-card">{Core.Author.get(:name)}</span>
          <span>·</span>
          <.timex
            value={Core.Posts.publish_date_time(@blog)}
            format="{Mfull} {D}, {YYYY}"
            class="dt-published"
          />
          <%= if @current_user do %>
            <span>·</span>
            <.link navigate={~p"/admin/posts/#{@blog}"}>edit</.link>
          <% end %>
        </div>
      <% end %>
    </header>

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