themes/squirrel
themes/squirrel
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

CHANGE team list: Make number of team members on front page configurable

Browse source
This commit is contained in:
Hoernschen 2025-08-11 15:41:21 +02:00
parent 9b6557bb0c
commit e21c1e2182
Signed by: hoernschen
GPG key ID: 37591FAF4E6D3462
3 changed files with 32 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

37
assets/scss/index.scss
View file

@ -207,25 +207,30 @@ img {
.team {
align-items: center;
text-align: center;
}
.team-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
a {
color: inherit;
margin: 0 auto;
.list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;
justify-content: center;
a {
color: inherit;
margin: 0 auto;
.member {
display: inline-block;
align-items: center;
text-align: center;
padding: 1rem;
.title {
font-size: x-large;
padding-bottom: 0.1rem;
text-align: center;
}
}
}
}
}
.teammember {
display: inline-block;
align-items: center;
text-align: center;
padding: 1rem;
}
.avatar {
width: 15rem;
height: 15rem;

10
layouts/partials/team.html
View file

@ -8,11 +8,13 @@
{{else if .id}}
{{- $id = .id }}
{{end}}
{{- $members := where $pages "Params.leaveDate" "==" nil}}
{{- $first := $team.first | default 4}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content team">
{{ partial "components/title.html" $team.title }}
<div class="list">
{{- range first 4 ((where $pages "Params.leaveDate" "==" nil).ByParam "startDate") }}
{{- range first $first ($members.ByParam "startDate") }}
<a href="{{.Permalink}}">
<div class="member">
{{ if .Params.image }}
@ -20,7 +22,7 @@
{{ else }}
{{- partial "components/image.html" (dict "style" "avatar" "url" $defaultimage "alt" "Placeholder") -}}
{{ end }}
<h1 class="teammember-title">{{ .Params.name }}</h1>
<h1 class="title">{{ .Params.name }}</h1>
{{- range .Params.jobs }}
<p>{{ . }}</p>
{{- end }}
@ -39,6 +41,8 @@
</a>
{{- end }}
</div>
{{ partial "components/button.html" (dict "type" "text block" "url" $team.id "text" ($team.more | default "More")) }}
{{ if gt $members.Len $first }}
{{ partial "components/button.html" (dict "type" "text block" "url" $team.id "text" ($team.more | default "More")) }}
{{ end }}
</div>
</div>

8
layouts/team/list.html
View file

@ -1,19 +1,19 @@
{{ define "main" }}
<div class="content">
<div class="team content">
<article>
{{ partial "components/title.html" .Title }}
{{.Content}}
</article>
<div class="team-list">
<div class="list">
{{ range (where .Pages "Params.leaveDate" "==" nil).ByParam "startDate" }}
<a href="{{.Permalink}}">
<div class="teammember">
<div class="member">
{{ if .Params.image }}
{{- partial "components/image.html" (dict "style" "avatar" "url" .Params.image "alt" .Params.name) -}}
{{ else }}
{{- partial "components/image.html" (dict "style" "avatar" "url" $.Site.Params.defaultimage "alt" "Placeholder") -}}
{{ end }}
<h1 class="teammember-title">{{ .Params.name }}</h1>
<h1 class="title">{{ .Params.name }}</h1>
{{- range .Params.jobs }}
<p>{{ . }}</p>
{{- end }}