{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
{{ $i := 0 }}
<main id="main" class="main members">
<div class="container">
<section id="intro">
<div class="row">
<h1 class="section-header my-3 my-md-5 pb-2 pb-md-3 text-center">{{ .Title }}</h1>
</div>
</section>
{{ $data := index $.Site.Data }}
{{ range $data.memberlevels }}
<div class="col-lg-12">
<div class="membership-level pt-5 pb-0 pb-lg-3">
<h2 class="pb-2 pb-lg-5 text-center">{{ .name }}</h2>
{{ $key := .identifier }}
{{ $imageheight := .image.height }}
{{ $imagewidth := .image.width }}
{{ $imagesize := printf "%s webp" .size }}
{{ $col := .col }}
<div class="row d-flex justify-content-center">
{{ range $.Site.Pages.ByTitle }}
{{ $level := .Param "level" }}
{{ if eq $level $key }}
<div class="col-lg-{{ $col }} pt-5 pb-0 pb-lg-3">
<div class="box">
<a href="{{ .Permalink }}">
{{ if .Param "image" }}
{{ $imagename := .Param "image" }}
{{ $imagelocation := (printf "%s/%s" "images/members/" $imagename) }}
{{ $imageresource := resources.Get $imagelocation }}
{{ $image := $imageresource.Fit $imagesize }}
<img src="{{ $image.RelPermalink }}" alt="{{ .Title }}" title="{{ .Title }}">
</a>
{{ else }}
<h3><a class="text-black" href="{{ .Permalink }}">{{ .Title }}</a></h3>
{{ end }}
{{ $i = add $i 1 }}
</main>
{{ partial "footer.html" . }}