57 lines
2.2 KiB
Handlebars
57 lines
2.2 KiB
Handlebars
{{!-- The template below includes the markup for each post --}}
|
|
|
|
{{#foreach posts}}
|
|
{{#is "post"}}
|
|
<div class="m-recommended-slider__item">
|
|
{{/is}}
|
|
{{#if feature_image}}
|
|
<article class="m-article-card {{post_class}}">
|
|
<div class="m-article-card__picture lozad" data-background-image="{{img_url feature_image size="m"}}">
|
|
{{else}}
|
|
<article class="m-article-card no-picture {{post_class}}">
|
|
<div class="m-article-card__picture">
|
|
{{/if}}
|
|
<a href="{{url}}" class="m-article-card__picture-link" aria-label="Article"></a>
|
|
<a href="{{primary_author.url}}" class="m-article-card__author js-tooltip" aria-label="Authors" data-tippy-content="{{t "Posted by"}} {{primary_author.name}} {{authors autolink="false" from="2" prefix=(t "Among with") separator=" , "}}">
|
|
{{#if primary_author.profile_image}}
|
|
<div style="background-image: url({{img_url primary_author.profile_image size="xs"}});"></div>
|
|
{{else}}
|
|
<div style="background-image: url({{asset "images/default-avatar-square-small.jpg"}});"></div>
|
|
{{/if}}
|
|
</a>
|
|
{{#if featured}}
|
|
<a href="{{url}}" class="m-article-card__featured js-tooltip" data-tippy-content="{{t "Featured"}}" aria-label="Article">
|
|
<span class="icon-star"></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">
|
|
<div>
|
|
<h2 class="m-article-card__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}}
|
|
<header 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>
|
|
</header>
|
|
{{/foreach}}
|