<header class="o-primary-header o-author-header">
  <h1 id="skip-link-target" tabindex="-1" class="c-primary-title c-primary-title--section">{{byline}}</h1>

  <div class="o-author-header__content">
    <div class="o-author-image">
      <img class="c-image" src="http://placehold.it/300x200" alt="{{byline}}">
    </div>

    <div class="o-author-meta">
      <div class="o-author-meta__details">
        {{#if type}} {{type}}<br /> {{/if}}
        {{#if role}} {{role}}<br /> {{/if}}
        {{#if beat}} {{beat}}<br /> {{/if}}
        {{#if location}} {{location}} {{/if}}
      </div>

      <div class="o-author-meta__contact">
        {{#if email}} <a href="#" class="o-author-meta__contact-link">{{email}}</a><br /> {{/if}}
        {{#if website}} <a href="#" class="o-author-meta__contact-link">{{website}}</a> {{/if}}
      </div>

      <div class="o-author-meta__social">
        <ul class="o-author-meta__social__list">
          {{#if twitter}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Twitter">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-twitter"></use>
                </svg>
                <span class="u-visually-hidden">Share on Twitter</span>
              </a>
            </li>
          {{/if}}
          {{#if facebook}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Facebook">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-facebook"></use>
                </svg>
                <span class="u-visually-hidden">Share on Facebook</span>
              </a>
            </li>
          {{/if}}
          {{#if instagram}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Instagram">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-instagram"></use>
                </svg>
                <span class="u-visually-hidden">Share on Instagram</span>
              </a>
            </li>
          {{/if}}
          {{#if medium}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Medium">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-medium"></use>
                </svg>
                <span class="u-visually-hidden">Share on Medium</span>
              </a>
            </li>
          {{/if}}
          {{#if reddit}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Reddit">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-reddit"></use>
                </svg>
                <span class="u-visually-hidden">Share on Reddit</span>
              </a>
            </li>
          {{/if}}
          {{#if snapchat}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on Snapchat">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-snapchat"></use>
                </svg>
                <span class="u-visually-hidden">Share on Snapchat</span>
              </a>
            </li>
          {{/if}}
          {{#if whatsapp}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="Share on WhatsApp">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-whatsapp"></use>
                </svg>
                <span class="u-visually-hidden">Share on WhatsApp</span>
              </a>
            </li>
          {{/if}}
          {{#if rss}}
            <li>
              <a href="#" class="o-author-meta__social-link" aria-label="View Author's RSS Feed">
                <svg class="o-author-meta__social-icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
                  <use xlink:href="{{generatedSvgSpritePath}}#icon-rss"></use>
                </svg>
                <span class="u-visually-hidden">View Author's RSS Feed</span>
              </a>
            </li>
          {{/if}}
        </ul>
      </div>
    </div>
  </div>
</header>
