mirnet.org/themes/mir/layouts/_default/single.html

{{ define "main" }}
<div class="flex justify-center max-w-[1200px]">
  <div class="mb-24 h-full">
    <div class="flex flex-col">
      {{ if .Params.contact }}
      <section class="flex-row flex m-4 gap-8">
        <div class="bg-[#f1f5fc] p-4 rounded-lg">
          <p class="text-5xl uppercase">{{ .Title }}</p>
          <p class="text-lg">{{ .Params.subTitle }}</p>
          {{ partial "contact.html" . }}
        </div>
        <div class="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
          <img class="relative object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}">
          </img>
          <div class="text-xs" >Photo: <a class="z-40 font-bold" target="_blank"
              href="https://unsplash.com/photos/group-of-blue-jellyfish-SJ94Ce7jpMc">Kaede KBYS</a></div>
        </div>
      </section>
      {{ else }}
      <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
      {{ end }}
    </div>
  </div>
</div>
{{ end }}