{% extends "main/main.html" %}
{% block content %}

  <nav class="text-sm text-slate-400 mb-4">
    <a href="#" class="hover:text-brand-600">Halaman</a>
    <span class="mx-1">/</span>
    <span class="text-slate-600">{{ halaman.judul }}</span>
  </nav>

  <article class="card-soft p-6 md:p-8">
    <h1 class="text-3xl font-extrabold text-slate-800 mb-2">{{ halaman.judul }}</h1>
    <p class="text-sm text-slate-400 mb-6">{{ halaman.tanggaldibuat.strftime('%d %b %Y') }}</p>
    <div class="prose-content text-slate-700">{{ halaman.isi | safe }}</div>
  </article>

{% endblock content %}