{{ define "main" }}

<div class="bg-primary p-t-100  p-b-100 ta-c">
{{if (isset .Params "titleimg")}}
{{$titleimg := resources.Get .Params.titleimg}}
    <img class="max-w-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
{{else}}
    <h1 class="white">{{.Title}}</h1>
{{end}}
</div>

<div class="container p-30">
    {{.Content}}
</div>
<div class="container flex-row j-center wrap p-30">
    {{range .Pages}}
    <a href="{{.Permalink}}">
        <div class="max-w-250 flex-1 m-20">
            {{ if (isset .Params "featuredimage" )}}
            {{$img := resources.Get .Params.featuredimage}}
            <div style='background-image: url({{$img.Permalink}}); background-size: cover; background-position: center center;' class="bg-bubble w-150 h-150 m-auto"></div>
            {{end}}
            <h3 class="primary ta-c">{{.Title}}</h3>
        </div>
    </a>
    {{end}}
</div>
{{end}}