52 lines
1.9 KiB
Handlebars
52 lines
1.9 KiB
Handlebars
{{!-- The template below includes the markup for each post --}}
|
|
|
|
{{#foreach posts}}
|
|
{{#is "post"}}
|
|
<div class="m-recommended-slider__item glide__slide">
|
|
{{/is}}
|
|
<article class="m-article-card {{#unless feature_image}}no-picture{{/unless}} {{post_class}}">
|
|
<div class="m-article-card__picture">
|
|
<a href="{{url}}" class="m-article-card__picture-link" aria-hidden="true" tabindex="-1"></a>
|
|
{{#if feature_image}}
|
|
<img class="m-article-card__picture-background" src="{{img_url feature_image size="m"}}" loading="lazy" alt="">
|
|
{{/if}}
|
|
{{#if featured}}
|
|
<a href="{{url}}" class="m-article-card__featured js-tooltip" data-tippy-content="{{t "Featured"}}" aria-label="{{t "Featured"}}">
|
|
<span class="icon-star" aria-hidden="true"></span>
|
|
</a>
|
|
{{/if}}
|
|
</div>
|
|
{{#if primary_tag}}
|
|
<div class="m-article-card__info">
|
|
<a href="{{primary_tag.url}}" class="m-article-card__tag">{{primary_tag.name}}</a>
|
|
{{else}}
|
|
<div class="m-article-card__info no-tag">
|
|
{{/if}}
|
|
<a href="{{url}}" class="m-article-card__info-link" aria-label="{{title}}">
|
|
<div>
|
|
<h2 class="m-article-card__title js-article-card-title {{#unless feature_image}}js-article-card-title-no-image{{/unless}}" title="{{title}}">
|
|
{{title}}
|
|
</h2>
|
|
</div>
|
|
<div class="m-article-card__timestamp">
|
|
<span>{{date published_at timeago="true"}}</span>
|
|
<span>•</span>
|
|
<span>{{reading_time minute=(t "1 min read") minutes=(t "% min read")}}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
{{#is "post"}}
|
|
</div>
|
|
{{/is}}
|
|
{{else}}
|
|
<div class="m-recommended-slider__item glide__slide">
|
|
<div class="m-heading no-margin">
|
|
<h3>{{t "No posts found"}}</h3>
|
|
<p>
|
|
{{t "Apparently there are no posts at the moment, check again later."}}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{{/foreach}}
|