squirrel/layouts/partials/posts.html

35 lines
1.3 KiB
HTML
Raw Normal View History

2022-06-27 14:09:44 +00:00
{{- $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">
<div class="title">
<h1 class="content-title">{{ $posts.title }}</h1>
<div class="divider"></div>
</div>
<div class="cardList">
{{ range first 3 $pages }}
<a href="{{.Permalink}}">
<div class="card">
{{ if .Params.image }}
<img class="cardImage" src="{{ .Params.image }}" />
{{ else }}
<img class="cardImage" src="{{ $defaultimage }}" />
{{ end }}
<div class="cardTitle">{{.Title}}</div>
<div class="cardDescription">{{ .Content | safeHTML | truncate 250 }}</div>
<div class="cardDetail">{{.Date.Format "02.01.2006"}} | {{.ReadingTime}} Minuten</div>
</div>
</a>
{{ end }}
</div>
<div class="more-button"><a href="{{ $posts.id }}"> {{ $posts.moretext }} </a></div>
</div>
</div>