{{ partial "header.html" . }}

{{ partial "navbar.html" . }}

<main id="main">

<section id="members">
<div class="container-fluid">
	<div class="section-header">
		<h3 class="section-title">{{ .Title }}</h3>
		<span class="section-divider"></span>
		<span class="section-description">{{ .Content }}</span>
	</div>
	<div class="row" id="level">
	{{ $i := 0 }}
	{{ $data := index $.Site.Data }}
	{{ range $data.memberlevels }}
		<div class="col-lg-12 text-lg-center">
			<h2>{{ .name }}</h2>
			{{ $key := .identifier }}
			{{ $imageheight := .image.height }}
			{{ $imagewidth := .image.width }}
			{{ $imagesize := .size }}
			{{ $col := .col }}
			<div class="row">
			{{ range $.Site.Pages }}
				{{ $level := .Param "level" }}
				{{ if eq $level $key }}
					<div class="col-lg-{{ $col }}">
						<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 }}">
							{{ else }}
								{{ .Title }}
							{{ end }}
							</a>
						</div>
					</div>
				{{ end }}
			{{ end }}
		<span class="section-divider"></span>
	{{ end }}
	</div>
</div>
</section>

</main>

{{ partial "footer.html" . }}
