32 lines
1.3 KiB
Handlebars
32 lines
1.3 KiB
Handlebars
<div class="post-feed">
|
|
{{!-- This is the post loop - each post will be output using this markup --}}
|
|
{{#foreach posts}}
|
|
<article class="post-card {{post_class}}">
|
|
{{#if feature_image}}
|
|
<a class="post-card-image-link" href="{{url}}">
|
|
<div class="post-card-image" style="background-image: url({{feature_image}})"></div>
|
|
</a>
|
|
{{/if}}
|
|
<div class="post-card-content">
|
|
<a class="post-card-content-link" href="{{url}}">
|
|
<header class="post-card-header">
|
|
<h2 class="post-card-title">{{title}}</h2>
|
|
</header>
|
|
<section class="post-card-excerpt">
|
|
<p>{{excerpt words="33"}}</p>
|
|
</section>
|
|
</a>
|
|
<footer class="post-card-meta">
|
|
{{#if author.profile_image}}
|
|
<img class="author-profile-image" src="{{author.profile_image}}" alt="{{author.name}}" nopin="nopin" />
|
|
{{/if}}
|
|
<span class="post-card-author">{{author}}</span>
|
|
{{#if tags}}
|
|
<span class="poar-card-tags"> in <a href="{{tags.[0].slug}}">{{tags.[0].name}}</a></span>
|
|
{{/if}}
|
|
</footer>
|
|
</div>
|
|
</article>
|
|
{{/foreach}}
|
|
</div>
|