{{ define "main" }}
<section class="mx-auto px-4 py-12 max-w-5xl">
  <div class="content-grid">
    {{ partial "breadcrumb.html" . }}

    <div class="mb-10">
      <h1 class="text-5xl md:text-6xl font-bold mb-4 text-accent font-oxanium animate-fade-in">
        {{ i18n "slackwareTitle" }}
      </h1>
      <p class="text-xl text-text-dim animate-fade-in-delay">
        {{ i18n "slackwareSubtitle" }}
      </p>
    </div>

    {{ with .Content }}
    <div class="prose dark:prose-invert max-w-none mb-12">
      {{ . }}
    </div>
    {{ end }}

    <div class="flex flex-col gap-8">
      {{ range $index, $p := .Pages }}
        {{ partial "project-row.html" (dict "page" $p "index" $index) }}
      {{ end }}
    </div>
  </div>
</section>
{{ end }}
