generated from muhtadeetaron/nextjs-template
58 lines
2.2 KiB
Handlebars
58 lines
2.2 KiB
Handlebars
<div class="horizontal-card">
|
|
<div class="horizontal-card-inner">
|
|
<small class="small-card-small-text">
|
|
{{#if isRelatedArticle}}
|
|
<span>
|
|
{{#if isNextArticle}}
|
|
{{t "Next Article"}}
|
|
{{else}}
|
|
{{t "Previous Article"}}
|
|
{{/if}}
|
|
</span>
|
|
{{else}}
|
|
{{#unless access}}
|
|
<span class="restricted-access-icon">
|
|
{{> "icons/lock-icon" }}
|
|
</span>
|
|
{{/unless}}
|
|
|
|
{{#primary_tag}}
|
|
<a href="{{url}}" class="hover-underline">{{name}}</a>
|
|
<span> - </span>
|
|
{{/primary_tag}}
|
|
|
|
<span class="small-card-date">
|
|
{{date published_at format="MMM DD, YYYY"}}
|
|
</span>
|
|
{{/if}}
|
|
</small>
|
|
|
|
<a href="{{url}}" class="medium-text hover-underline small-card-heading two-lines-mobile">
|
|
{{title}}
|
|
</a>
|
|
|
|
<small class="small-card-bottom-text">
|
|
{{#if isRelatedArticle}}
|
|
{{date published_at format="MMM DD, YYYY"}}
|
|
{{else}}
|
|
{{authors separator=" & " prefix="by "}}
|
|
{{/if}}
|
|
</small>
|
|
</div>
|
|
|
|
{{#if feature_image}}
|
|
<a href="{{url}}" class="small-card-image-link horizontal-card-image-link hover-image-opacity">
|
|
<figure class="small-card-image-wrapper">
|
|
<img
|
|
srcset="{{img_url feature_image size="xs" format="webp"}} 300w,
|
|
{{img_url feature_image size="s" format="webp"}} 720w,
|
|
{{img_url feature_image size="m" format="webp"}} 960w"
|
|
src="{{img_url feature_image size="m"}}"
|
|
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{title}}{{/if}}"
|
|
loading="lazy"
|
|
decoding="async"
|
|
>
|
|
</figure>
|
|
</a>
|
|
{{/if}}
|
|
</div> |