38 lines
1.5 KiB
Handlebars
38 lines
1.5 KiB
Handlebars
{{!-- Ein Beitrag in der Übersicht --}}
|
|
<article class="post-card {{post_class}}{{#unless feature_image}} post-card--no-image{{/unless}}">
|
|
|
|
{{#if feature_image}}
|
|
<a class="post-card__image" href="{{url}}" tabindex="-1" aria-hidden="true">
|
|
<img
|
|
srcset="{{img_url feature_image size="s"}} 400w,
|
|
{{img_url feature_image size="m"}} 750w,
|
|
{{img_url feature_image size="l"}} 1140w"
|
|
sizes="(max-width: 700px) 100vw, 600px"
|
|
src="{{img_url feature_image size="m"}}"
|
|
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
|
loading="lazy">
|
|
</a>
|
|
{{/if}}
|
|
|
|
<div class="post-card__body">
|
|
{{#if tags}}
|
|
<div class="tag-list">
|
|
{{#foreach tags}}<a class="tag-badge" href="{{url}}">{{name}}</a>{{/foreach}}
|
|
</div>
|
|
{{/if}}
|
|
|
|
<h2 class="post-card__title"><a href="{{url}}">{{title}}</a></h2>
|
|
|
|
<div class="post-meta">
|
|
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/></svg>
|
|
<time datetime="{{date format="YYYY-MM-DD"}}">{{date format="D. MMMM YYYY"}}</time>
|
|
</div>
|
|
|
|
{{#if excerpt}}
|
|
<p class="post-card__excerpt">{{excerpt words="26"}}…</p>
|
|
{{/if}}
|
|
|
|
<a class="btn" href="{{url}}">{{t "Read More"}}</a>
|
|
</div>
|
|
|
|
</article>
|