23 lines
1.3 KiB
HTML
23 lines
1.3 KiB
HTML
<a ontouchstart="cardPressed.call(this)" ontouchend="cardReleased.call(this)" ontouchmove="cardReleased.call(this)"
|
|
href="{{ .Permalink }}" class="card blog-card bc-next" rel="bookmark" >
|
|
{{ with .Resources.GetMatch "featuredImage" }}
|
|
<div class="card-img-container">
|
|
<p class="card-img-overlay">Next Article</p>
|
|
<picture>
|
|
{{ $thumbnail := .Resize "400x Lanczos" }}
|
|
{{ $thumbnail_2 := .Resize "800x Lanczos" }}
|
|
{{ $thumbnail_3 := .Resize "1200x Lanczos" }}
|
|
<source srcset="{{ $thumbnail.Permalink }} 1x, {{ $thumbnail_2.Permalink }} 2x, {{ $thumbnail_3.Permalink }} 3x">
|
|
<img src="{{ $thumbnail.Permalink }}" class="card-img" {{ with .Params.description -}} alt="{{ . }}" {{- end }}>
|
|
</picture>
|
|
</div>
|
|
{{ end }}
|
|
<article class="card-body">
|
|
<h2 class="card-title">{{ .Title | markdownify }}</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="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></p>
|
|
{{ if (isset .Params "categories") }}<p>{{ range .Params.categories }}#{{ . }} {{ end }}</p>{{ end }}
|
|
</div>
|
|
</article>
|
|
</a> |