<header class="mb-6">
  <h1 class="text-lg font-semibold leading-tight text-stone-800 dark:text-stone-200"><%= @artikel.title %></h1>
  <p class="my-2"><.link href={~p"/autoren/#{@artikel.author_id}"}><%= @artikel.autor_name %></.link>
     &nbsp;&nbsp;&nbsp; — &nbsp;&nbsp;&nbsp;<%= Calendar.strftime(@artikel.date_org, "%d.%m.%Y") %></p>
  <div>Original Artikel:
    <.link class="hover:text-sky-700" href={@artikel.url_org} >
      <%= @artikel.title_org %>
    </.link><br>
  </div>
  <div class="my-2">
    Übersetzung: <%= Calendar.strftime(@artikel.date, "%d.%m.%Y") %>
  </div>
</header>

<div class="article w-full mx-auto max-w-xs"><%= @artikel.public_content |> raw %></div>

<.back navigate={~p"/autoren/#{@artikel.author_id}"}>Back to Autor</.back>
