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="w-full relative inline-block">
          <div class="flex-col md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
            <img class="relative object-cover aspect-square 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>
          <div class="absolute inset-0 bg-white opacity-20 rounded-lg pointer-events-none"></div>
        </div>
      </section>
      {{ else }}
      <div class="mt-2 flex flex-col gap-4">{{ .Content }}</div>
      {{ end }}
    </div>
  </div>
</div>
{{ end }}