{{ define "main" }}
<div class="container" role="main">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
      <article role="main" class="blog-post">
        <article class="max-w-prose mx-auto">
          <h1 class="mt-5 text-4xl font-extrabold text-neutral-900 dark:text-neutral pb-4">{{ .Title }}</h1>
          {{ if .Params.subtitle }}
          <h2 class="text-xl opacity-70">{{ .Params.subtitle }}</h2>
          {{ end }}
          
          {{ partial "talk-infobox" . }}
          
          <div class="mt-4 content">
            {{ .Content }}
          </div>
        </article>

        {{ if .Params.tags }}
        <div class="blog-tags max-w-prose mx-auto mt-4 flex flex-wrap gap-4 border-2 p-5 pt-7 mt-6 rounded-lg opacity-75 drop-shadow-md">
          <p class="opacity-50">Tags:</p>
          <br>
          {{ range .Params.tags }}  
          <a 
              href="{{ $.Site.LanguagePrefix | absURL }}/tags/{{ . | urlize }}/"
              class="inline-block px-3 py-1 rounded-lg text-sm font-semibold border-2 dark:bg-neutral-700 border-dotted shadow-lg shadow-blue-500/50"
            >
              {{ . }}
            </a>
          {{ end }}
        </div>
        {{ end }}

        {{ if .Site.Params.socialShare }}
            <hr/>
            <section id="social-share">
              <ul class="list-inline footer-links">
                {{ partial "share-links" . }}
              </ul><!--/.social-share-->
            </section><!--/.list-inline .footer-links-->
        {{ end }}
      </article><!--/.blog-post-->

      {{ if ne .Type "page" }}
      <ul class="pager blog-pager flex justify-between items-center mt-6 list-none p-0">
        {{ if .PrevInSection }}
          <li class="previous">
            <a 
              href="{{ .PrevInSection.Permalink }}" 
              class="inline-block px-4 py-2 text-lg font-semibold bg-neutral-200 dark:bg-neutral-700 rounded hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-colors"
              title="{{ .PrevInSection.Title }}"
            >
              &larr; {{ i18n "previousPost" }}
            </a>
          </li>
        {{ end }}
      
        {{ if .NextInSection }}
          <li class="next">
            <a 
              href="{{ .NextInSection.Permalink }}" 
              class="inline-block px-4 py-2 text-lg font-semibold bg-neutral-200 dark:bg-neutral-700 rounded hover:bg-neutral-300 dark:hover:bg-neutral-600 transition-colors"
              title="{{ .NextInSection.Title }}"
            >
              {{ i18n "nextPost" }} &rarr;
            </a>
          </li>
        {{ end }}
      </ul>
      {{ end }}


      {{ if (.Params.comments) | or (and (or (not (isset .Params "comments")) (eq .Params.comments nil)) (and .Site.Params.comments (ne .Type "page"))) }}
        {{ if .Site.Config.Services.Disqus.Shortname }}
          <div class="disqus-comments">
            {{ template "_internal/disqus.html" . }}
          </div><!--/.disqus-comments-->
        {{ end }}
        {{ if .Site.Params.staticman }}
          <div class="staticman-comments">
            {{ partial "staticman-comments.html" . }}
          </div><!--/.staticman-comments-->
        {{ end }}
      {{ end }}

    </div><!--/.col-lg-8 .col-lg-offset-2 .col-md-10 .col-md-offset-1-->
  </div><!--/.row-->
</div><!--/.container-->
{{ end }}