You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
25 lines
650 B
25 lines
650 B
{{- /*
|
|
Renders an article card with a circle image, title, and summary.
|
|
@context {image} the image resource.
|
|
@context {alt} alt text for the image.
|
|
@context {title} the title of the card.
|
|
@context {summary} the summary text.
|
|
@context {url} the url of the article.
|
|
*/}}
|
|
{{- $image := .image }}
|
|
{{- $alt := .alt }}
|
|
{{- $title := .title }}
|
|
{{- $summary := .summary }}
|
|
{{- $url := .url }}
|
|
{{- $img := ($image.Resize "256x webp q90") }}
|
|
<a href="{{ $url }}">
|
|
<article class="alt float-on-hover shadow">
|
|
<div>
|
|
<img src="{{ $img.RelPermalink }}" alt="{{ $alt }}" />
|
|
</div>
|
|
<div>
|
|
<h2>{{ $title }}</h2>
|
|
<p>{{ $summary }}</p>
|
|
</div>
|
|
</article>
|
|
</a>
|
|
|