author.hbs

{{!< default}}

{{> content-header}}

{{#author}}
  <section class="author-profile container">

    {{#if profile_image}}
      <img class="author-profile__image" src="{{profile_image}}" alt="{{name}}’s profile image" />
    {{/if}}

    <h1 class="author-profile__name">{{name}}</h1>

    {{#if bio}}
      <p class="author-profile__bio">{{bio}}</p>
      {{else}}
      <p class="author-profile__bio">
        To let their work speak for itself, {{name}} has not written a bio.
      </p>
    {{/if}}
    <div class="author-profile__meta">

      {{#if location}}
        <span class="author-info__location inline-block">
          Location: <strong>{{location}}</strong>
        </span>
        &ensp;
      {{/if}}

      {{#if website}}
        <span class="author-info__website inline-block">
          Website: <a href="{{website}}"><strong>{{website}}</strong></a>
        </span>
        &ensp;
      {{/if}}

      <span class="author-info__rss  inline-block">
        <a href="{{url}}rss">
          <strong>RSS feed</strong>
        </a> of posts by {{name}}&ensp;
      </span>
      &ensp;

      {{#if twitter}}
        <span class="author-info__twitter inline-block">
          Twitter handle: <a href="{{twitter_url}}"><strong>{{name}}</strong></a>
        </span>
        &ensp;
      {{/if}}

      {{#if facebook}}
        <span class="author-info__facebook inline-block">
          Facebook page: <a href="{{facebook_url}}"><strong>{{facebook_url}}</strong></a>
        </span>
        &ensp;
      {{/if}}

      <br><br>

      <span class="author-profile__stats inline-block">
        {{name}}
        {{plural ../pagination.total empty='hasn’t published any posts yet.' singular='has published <strong>% post</strong>:' plural='has published <strong>% posts</strong>:'}}
      </span>

      <br><br>

    </div> {{! end author meta }}

  </section>
{{/author}}

{{! The main content area on the homepage }}
<main class="content">

  {{! The tag below includes the post loop - partials/loop.hbs }}
  {{> "loop"}}

</main>