generated from muhtadeetaron/nextjs-template
44 lines
1.9 KiB
Handlebars
44 lines
1.9 KiB
Handlebars
{{!--
|
|
Parameters:
|
|
- isPost: Boolean
|
|
--}}
|
|
|
|
<div class="extra-small-card extra-small-side-card">
|
|
{{#if feature_image}}
|
|
<a href="{{url}}" class="extra-small-side-card-image-link hover-image-opacity">
|
|
<figure class="extra-small-side-card-image-wrapper">
|
|
<img
|
|
srcset="{{img_url feature_image size="xxs" format="webp"}} 100w,
|
|
{{img_url feature_image size="xs" format="webp"}} 150w,
|
|
{{img_url feature_image size="s" format="webp"}} 320w,
|
|
{{img_url feature_image size="xm" format="webp"}} 440w,
|
|
{{img_url feature_image size="m" format="webp"}} 600w"
|
|
src="{{img_url feature_image size="xs"}}"
|
|
alt="{{#if feature_image_alt}}{{feature_image_alt}}{{else}}{{name}}{{/if}}"
|
|
loading="lazy"
|
|
decoding="async"
|
|
>
|
|
</figure>
|
|
</a>
|
|
{{/if}}
|
|
|
|
<div class="extra-small-side-card-content{{#unless feature_image}} no-margin-left{{/unless}}">
|
|
<a href="{{url}}" class="small-text hover-underline extra-small-side-card-heading three-lines">
|
|
{{name}}
|
|
</a>
|
|
|
|
<small class="small-card-small-text italic-lower-opac">
|
|
{{#unless isPost}}
|
|
{{plural count.posts empty=(t "No Articles") singular=(t "1 Article") plural=(t "% Articles")}}
|
|
{{else}}
|
|
{{#unless access}}
|
|
<span class="restricted-access-icon access-icon-smaller">
|
|
{{> "icons/lock-icon" }}
|
|
</span>
|
|
{{/unless}}
|
|
|
|
{{date published_at format="MMM DD, YYYY"}}
|
|
{{/unless}}
|
|
</small>
|
|
</div>
|
|
</div> |