57 lines
2.1 KiB
Handlebars
57 lines
2.1 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" style="background-image: url({{feature_image}});">
|
|
{{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="Posted by {{primary_author.name}} {{authors autolink="false" from="2" prefix="<br>Among with " separator=" , "}}">
|
|
{{#if primary_author.profile_image}}
|
|
<div style="background-image: url({{primary_author.profile_image}});"></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="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}}</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
{{#is "post"}}
|
|
</div>
|
|
{{/is}}
|
|
{{else}}
|
|
<header class="m-heading">
|
|
<h3>No posts found</h3>
|
|
<p>
|
|
Apparently there are no posts at the moment, check again later.
|
|
</p>
|
|
</header>
|
|
{{/foreach}}
|