{{ define "main" }}
{{ partial "nav.html" .}}

{{ $filePath := .File.Path }}
{{ $dirPath := path.Dir $filePath }}
{{ $projectRoot := "content" }}
{{ $fullDirPath := path.Join $projectRoot $dirPath }}
{{ $files := readDir $fullDirPath }}

{{$pngs := slice}}
{{range $files}}
    {{if strings.Contains .Name "index.png"}} {{continue}} {{end}}
    {{if strings.Contains .Name "png" }} {{$pngs = $pngs | append .Name}} {{end}}
    {{if strings.Contains .Name "gif" }} {{$pngs = $pngs | append .Name}} {{end}}
{{end}}
<style>
@font-face {
    font-family: 'MiFuente';
    src: url('/calamity.ttf') format('truetype');
}
header{
    font-family: 'MiFuente', sans-serif;
}
</style>
<div class="mt-16 bg-sky-300">
    <header class="text-center text-6xl pt-5">{{.Title}}</header>

    {{ partial "separador.html" }}

    <div class="flex flex-col justify-center w-fit mx-auto mt-2">
        {{ partial "carousel.html" (dict "pngFiles" $pngs) }}
    </div>
    {{ partial "separador.html" }}
    <div class="flex justify-center mt-2">
        <article>{{ .Content }}</article>
    </div>
</div>
<div class="bg-sky-300 rounded-b-full shadow-md">
    <p>.</p>
</div>

{{ end }}