{{ define "main" }}
<main role="main" class="container-blog mx-auto px-6 md:p-0">

  <!-- Single article -->
  <article itemtype="http://schema.org/Article" class="single mb-12">
    <header class="mb-6">
      <h1 itemtype="headline" class="text-4xl font-bold mb-4 leading-1 md:leading-2">{{ .Title }}</h1>

      {{ if not (eq .Type "pages") }}
      <time class="text-gray-400 font-medium text-sm">Published on {{ .Date.Format "Monday Jan 2, 2006" }}</time>
      {{ end }}
    </header>

    <div>
      {{ if ge (len .TableOfContents) 100 }}
      <p class="font-semibold">Table of contents</p>
      <div>{{ .TableOfContents }}</div>
      {{ end }}
    </div>

    <div class="leading-relaxed content">
      {{.Content}}
    </div>
  </article>

  {{ if not (eq .Type "pages") }}
  <hr class="border-2 border-gray-100 mb-10" />
  {{ end }}

  <!-- Comment, contact -->
  {{ if in .Type "posts" }}
  <section class="mb-10">
    {{ partial "comments.html" . }}
  </section>
  {{ end }}

  {{ if in .Type "posts" }}
  <hr class="border-2 border-gray-100 mb-10" />
  {{ end }}

  <!-- Read more -->
  {{ if not (eq .Type "pages") }}
  {{ partial "read-more.html" . }}
  {{ end }}

  {{ if in .Type "posts" }}
  <hr class="border-2 border-gray-100 mb-10">
  {{ end }}

  <!-- Openring -->
  {{ if in .Type "posts" }}
  {{ partial "openring.html" . }}
  {{ end }}

</main>
{{ end }}