50 lines
2.6 KiB
Handlebars
50 lines
2.6 KiB
Handlebars
<div class="post-list home-post-list">
|
|
{{#foreach posts}}
|
|
<article class="post-card{{#if featured}} is-featured{{/if}}">
|
|
<a class="post-card__media" href="{{url}}">
|
|
{{#if feature_image}}
|
|
<figure class="post-card__figure" role="none">
|
|
<img src="{{img_url feature_image size="s"}}" alt="{{title}}">
|
|
</figure>
|
|
{{else}}
|
|
<span class="post-card__media-fallback">{{title}}</span>
|
|
{{/if}}
|
|
</a>
|
|
<div class="post-card__content">
|
|
<h2 class="post-card__title">
|
|
<a href="{{url}}">
|
|
{{#if featured}}
|
|
<img class="post-card__featured-icon" src="{{asset "icons/bolt.svg"}}" alt="">
|
|
{{/if}}
|
|
<span>{{title}}</span>
|
|
</a>
|
|
</h2>
|
|
{{#if excerpt}}<p class="post-card__excerpt">{{excerpt words="24"}}</p>{{/if}}
|
|
<div class="post-card__meta">
|
|
<time class="meta-item" datetime="{{date format="YYYY-MM-DD"}}">{{date format="MMM D"}}</time>
|
|
{{#primary_author}}
|
|
<span class="meta-divider">/</span>
|
|
<a class="meta-item" href="{{url}}">{{name}}</a>
|
|
{{/primary_author}}
|
|
{{#primary_tag}}
|
|
<span class="meta-divider">/</span>
|
|
<a class="meta-pill" href="{{url}}"{{#if accent_color}} style="--tag-accent: {{accent_color}};"{{/if}}>{{name}}</a>
|
|
{{/primary_tag}}
|
|
{{#unless access}}
|
|
<span class="meta-divider">/</span>
|
|
<span class="meta-item meta-item--access">Members</span>
|
|
{{/unless}}
|
|
<span class="meta-divider">/</span>
|
|
<a class="meta-item meta-item--comments" href="{{url}}#ghost-comments">
|
|
<img class="meta-item__icon meta-item__icon--image" src="{{asset "icons/chat_bubble.svg"}}" alt="">
|
|
{{#if comments}}{{comment_count empty="0" singular="" plural="" autowrap="false"}}{{else}}0{{/if}}
|
|
</a>
|
|
</div>
|
|
<button class="post-card__share" type="button" aria-label="Share this post">
|
|
<img class="post-card__share-icon" src="{{asset "icons/arrow_outward.svg"}}" alt="">
|
|
</button>
|
|
</div>
|
|
</article>
|
|
{{/foreach}}
|
|
</div>
|