squirrel/layouts/partials/posts.html

40 lines
1.4 KiB
HTML

{{- $posts := .posts }}
{{- $pages := .pages }}
{{- $defaultimage := .defaultimage }}
{{- $odd := .odd }}
{{- $id := "posts"}}
{{if $posts.id}}
{{- $id = $posts.id}}
{{else if .id}}
{{- $id = .id }}
{{end}}
<div id="{{ $id }}" class="section {{if eq $odd 0}} section-even {{end}}">
<div class="section-content posts">
{{ partial "components/title.html" $posts.title }}
<div class="cardList">
{{ range first 3 $pages }}
<div class="card">
<a href="{{.Permalink}}">
<div class="cardContent">
{{ if .Params.image }}
{{ $style := "cardImage {{if ne .Params.image.cover }} noCover {{ end }}" }}
{{- partial "components/image.html" (dict "style" $style "url" .image.url "alt" .image.alt) -}}
{{ else }}
{{- partial "components/image.html" (dict "style" "cardImage" "url" $defaultimage "alt" "Placeholder") -}}
{{ end }}
<div class="cardTitle">{{.Title}}</div>
<div class="cardDescription">
{{ .Summary | safeHTML | truncate 320 }}
</div>
<div class="cardDetail">
{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten
</div>
</div>
</a>
</div>
{{ end }}
</div>
{{ partial "components/button.html" (dict "type" "text block" "url"
$posts.id "text" ($posts.more | default "More")) }}
</div>
</div>