Reeks aan verbeteringen om actieve leden en teamleden te tonen

This commit is contained in:
Michael Boelen 2023-05-08 15:04:22 +02:00
parent 3f36e036d0
commit a0599f1143
18 changed files with 137 additions and 10 deletions

View file

@ -1,12 +1,20 @@
{{ define "main" }}
{{ .Content }}
<section>
<h2>Actieve leden</h2>
{{ if .Params.active_members }}
{{ .Scratch.Set "active_members" .Params.active_members }}
{{ partial "show-active-members-small.html" . }}
{{ end }}
</section>
<section>
<p>Relevante pagina's:</p>
<ul class="list">
<ul>
{{ range .Pages }}
<li>
<a class="link" href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title }}
</a>
<a class="link" href="{{ .Permalink }}" title="{{ .Title }}">{{ .Title | default "Geen titel" }}</a>
</li>
{{ end }}
</ul>

View file

@ -0,0 +1,23 @@
{{ $size_in_pixels := 150 }}
<div class="grid-team-members-small-photos">
{{ range $key,$val := .Scratch.Get "active_members" }}
{{ with (index $.Site.Data.personen .) }}
<div>
{{ if .thumbnail }}
<figure>
{{ if .profile_page }}
<a href="{{ .profile_page }}"><img src="{{ .thumbnail }}" alt="Foto van {{ .name }}" height="{{ $size_in_pixels }}" width="{{ $size_in_pixels }}" /></a>
{{ else }}
<img src="{{ .thumbnail }}" alt="Foto van {{ .name }}" height="{{ $size_in_pixels }}" width="{{ $size_in_pixels }}" />
{{ end }}
<figcaption>
<small><strong>{{ .name }}</strong></small>
</figcaption>
</figure>
{{ end }}
</div>
{{ end }}
{{ end }}
</div>

View file

@ -14,6 +14,11 @@
{{ end }}
</ul>
<h3>Social media</h3>
{{ if .social.mastodon }}<a href="{{ .social.mastodon_url }}">{{ .social.mastodon }}</a>{{ end }}
{{ if .social.mastodon }}
<a href="{{ .social.mastodon_url }}">{{ .social.mastodon }}</a><img src="/afbeeldingen/iconen/mastodon.svg" height="200" width="200" alt="Mastodon" /></a>
{{ end }}
{{ if .social.twitter }}
<a href="https://twitter.com/{{ .social.twitter }}">{{ .social.twitter }}</a><img src="/afbeeldingen/iconen/twitter.svg" height="200" width="200" alt="Twitter" /></a>
{{ end }}
{{ end }}
{{ end }}

View file

@ -9,13 +9,17 @@
<h2>Team</h2>
<div style="display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 5px;">
<div class="grid-team-members">
{{ range $key,$val := .Params.team_members }}
{{ with (index $.Site.Data.personen $val) }}
<div>
{{ if .thumbnail }}
<figure>
<img src="{{ .thumbnail }}" alt="Foto van {{ .name }}" />
{{ if .profile_page }}
<a href="{{ .profile_page }}"><img src="{{ .thumbnail }}" alt="Foto van {{ .name }}" /></a>
{{ else }}
<img src="{{ .thumbnail }}" alt="Foto van {{ .name }}" />
{{ end }}
<figcaption>
<strong>{{ .name }}</strong>
</figcaption>