<!doctype html>
<html lang="zh-cn">

<head>
  {{include "header.html"}}
</head>

<body class="bg-creative-50 text-creative-900">
  {{include "nav.html"}}
  {{include "bread.html"}}

  <main class="container mx-auto px-4 py-12">
    <div class="max-w-4xl mx-auto">
      <article class="bg-white rounded-2xl border border-creative-100 shadow-card overflow-hidden">
        <div class="p-6 sm:p-10">
          <h1 class="text-2xl sm:text-3xl font-bold text-creative-900">{{if .Single}}{{.Single.Title}}{{else}}{{.Title}}{{end}}</h1>
          {{if .Single}}
          <p class="mt-3 text-sm text-creative-600">{{.Single.Description}}</p>
          {{end}}
          <div class="prose max-w-none mt-8">
            {{if .Single}}{{.Single.Content|Str2Html}}{{end}}
          </div>
        </div>
      </article>
    </div>
  </main>

  {{include "footer.html"}}
  {{include "js.html"}}
</body>

</html>
