blogotheme/layouts/_default/li.html

24 lines
1.1 KiB
HTML
Raw Normal View History

2021-01-03 14:33:26 +01:00
<a
2022-05-18 08:16:13 +02:00
href="{{ .Permalink }}" class="card blog-card blog-card-feed" rel="bookmark" >
2021-01-03 14:33:26 +01:00
<div class="card-img-container">
{{ with .Resources.GetMatch "featuredImage" }}
<picture>
{{ with $.Resources.GetMatch (replace (.Title) (path.Ext (.Title)) ".webp") -}}
<source srcset="{{ .Permalink }}" type="image/webp">
{{- end }}
{{ $thumbnail := .Fit "800x600 Lanczos" }}
<source srcset="{{ $thumbnail.Permalink }}">
<img src="{{ $thumbnail.Permalink }}" class="card-img" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
</picture>
{{- end }}
</div>
<article class="card-body">
<h2 class="card-title">{{ .Title }}</h2>
<p class="card-text">{{ if (isset .Params "description") }}{{ index .Params "description" | htmlUnescape }}{{ else }}{{ .Summary | plainify | htmlUnescape }}{{ end }}</p>
<div class="card-subtext muted-text">
<p>Posted <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "Jan 2, 2006" }}</time></p>
{{ if (isset .Params "categories") }}<p>{{ range .Params.categories }}#{{ . | urlize | title }} {{ end }}</p>{{ end }}
</div>
</article>
</a>