{{ define "main" }}


<h2 class="text-gray-700 text-2xl font-bold mb-2">{{ .Title | markdownify }}</h2>

<p class="mb-1 text-gray-700">{{ partial "post-date" . }}</p>

<p class=" text-gray-700 mb-4">{{ partial "post-tags" . }}</p>


<article class="journal-post">
    {{ .Content | replaceRE "<p>" "<p class=\"leading-normal text-gray-900 text-xl mb-4\">" | safeHTML }}

    {{ if .IsTranslated }}
      <h4>{{ i18n "translations" }}</h4>
      <ul>
        {{ range .Translations }}
        <li>
          <a href="{{ .RelPermalink }}">{{ .Lang }}: {{ .Title }}</a>
        </li>
        {{ end }}
      </ul>
    {{ end }}

    {{ partial "related" . }}
</article>

<noscript>
  <style>
    .comments { display: none; }
  </style>
</noscript>

<h4 class="text-3xl mt-2 mb-4 text-red-500 font-bold comments">Comments</h4>
<script type="text/javascript" src="/comments"></script>


{{ end }}