{{ define "main" }}
{{ partial "nav.html" . }}
<div class="pt-16 shadow-md">
    {{ if .Params.image }}
    <img alt="" src="{{.Params.Image | relURL}}"
        style="object-fit: cover;"
        class="w-screen h-80  object-cover"
    />
    {{ end }}
    <div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
        <h1 class="font-bold text-6xl antialiased underline font-sans">{{ .Title }}</h1>
        <p class="text-xl font-thin italic">Fecha: {{ .Date.Format "02 Jan 2006" }}</p>
    </div>
</div>
<article class=" sm:px-2 md:px-16 lg:px-32">
    <div>{{ .Content }}</div>
</article>
{{ end }}