{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
{{ $promobackgroundimagename := .Param "image" }}
{{ $promobackgroundimagelocation := (printf "%s/%s" "images/groups/" $promobackgroundimagename) }}
{{ $promobackgroundimageresource := resources.Get $promobackgroundimagelocation }}
{{ $promobackgroundimage := $promobackgroundimageresource.Resize "1440x820 webp" }}
<section class="promo__section groups d-flex" style="background-image:url({{ $promobackgroundimage.RelPermalink }})">
<div class="promo__container container">
	<div class="d-flex justify-content-start">
		<div class="promo-wrapper p-3 p-lg-0">
			<h1>{{ .Param "promo.header" }}</h1>
			{{ range (.Param "promo.p") }}
				<p>{{ . | safeHTML }}</p>
			{{ end }}
		</div>
	</div>
</div>
</section>
<main id="main" class="main groups">
<div class="container">
	<div class="row">
	{{ range (.Data.Pages.ByParam "wgtype").Reverse }}
		{{ $imagename := .Param "image" }}
		{{ $imagelocation := (printf "%s/%s" "images/groups/" $imagename) }}
		{{ $imageresource := resources.Get $imagelocation }}
		<article class="post__article col-md-6">
			{{ if $imageresource }}
			<div class="post__thumb">
				{{ $image := $imageresource.Fit "390x390 webp" }}
				<img class="img-fluid" src="{{  $image.RelPermalink }}" width="390" height="390" alt="">
			</div>
			{{ end }}
			<a class="post__title btn btn-outline-primary" href="{{ .Permalink }}">{{ .Title }}</a>
		</article>
	{{ end }}
	</div>
</div>
</main>
{{ partial "footer.html" . }}