You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openpower.foundation_sw_dev/themes/openpowerfoundation/layouts/groups/list.html

40 lines
1.5 KiB
HTML

{{ 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-4">
{{ 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" . }}