{{!< default}} {{#author}} {{> header-background background=cover_image}} <div class="page-header">
    <div class="page-header__background responsive-header-img">
      <div class="page-header__overlay"></div>
    </div>
    <div class="page-header__contents">
      <div class="post-header container mx-auto main">
        <p>
          <span class="post-header__tag-name">Author</span>
        </p>
        <div class="post-header__tag-heading">
          {{#if profile_image}}
          <style>
            .author-image {
              background-image: url('{{profile_image}}');
              background-size: cover;
              background-position: center;
            }
          </style>
          <span class="post-header__tag-heading-color author-image"></span>
          {{else}}
          <span class="post-header__tag-heading-color"></span>
          {{/if}}
          <h1>
            {{name}}
          </h1>
        </div>
        <p>
          {{plural ../pagination.total empty='No posts' singular='% post' plural='% posts'}}
        </p>
        <p>
          {{#if website}}
          <span class=""><a href="{{website}}" target="_blank" rel="noopener">Website</a></span>
          {{/if}}
          {{#if twitter}}
          <span class=""><a href="{{twitter_url}}" target="_blank" rel="noopener">Twitter</a></span>
          {{/if}}
          {{#if facebook}}
          <span class=""><a href="{{facebook_url}}" target="_blank" rel="noopener">Facebook</a></span>
          {{/if}}
        </p>
        {{#if bio}}
        <p>{{bio}}</p>
        {{/if}}
      </div>
    </div>
  </div>
  {{/author}}
  <main class="post-list container mx-auto">
    {{#foreach posts}}
    {{> "post-card"}}
    {{/foreach}}
  </main>
  {{#contentFor "scripts"}}
  {{/contentFor}}