Vivid-Casper/partials/loop.hbs

<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>