{{!-- This is a partial file used to generate a post "card"
which templates loop over to generate a list of posts. --}}

<article class="post-card {{post_class}} hidden" aria-hidden="true">

    <div class="post-card-content">

        <a class="post-card-content-link" href="{{ @custom.babbler_url }}/{{slug}}">
            <header class="post-card-header">
                {{#if primary_tag}}
                    {{#primary_tag}}
                    <div class="post-card-primary-tag">{{name}}</div>
                    {{/primary_tag}}
                {{/if}}
                <h2 class="post-card-title">{{title}}</h2>
            </header>
            <div class="post-card-excerpt">
                <p>{{excerpt}}</p>
            </div>
        </a>

        <footer class="post-card-meta">
            <ul class="author-list">
                {{#foreach authors}}
                <li class="author-list-item">
                  <a href="{{ @custom.babbler_url }}/author/{{slug}}" class="static-avatar author-profile-image">{{> "icons/avatar"}}</a>
                </li>
                {{/foreach}}
            </ul>
            <div class="post-card-byline-content">
              <span>
                {{#has author="count:>2"}}
                  Multiple authors
                {{else}}
                  {{#foreach authors}}
                    <span>
                      <a href="{{ @custom.babbler_url }}/author/{{slug}}">
                      {{name}}
                      </a>
                    </span>
                  {{/foreach}}
                {{/has}}
              </span>
              <span class="post-card-byline-date"><time datetime="{{date format="YYYY-MM-DD"}}">{{date}}</time> <span class="bull">&bull;</span> {{reading_time}}</span>
            </div>
        </footer>

    </div>{{!--/.post-card-content--}}

</article>