<div class="o-author-media">
  <div class="o-author-media__icon-col">
    <svg class="o-author-media__icon" role="img" pointer-events="none" focusable="false" aria-hidden="true">
      <use xlink:href="{{ basePath }}/assets/patterns/images/sprite.svg#icon-{{media.icon}}"></use>
    </svg>
    <span class="u-visually-hidden">{{media.type}}</span>
  </div>

  <div class="o-author-media__content">
    <h4 class="o-author-media__heading">
      {{#ifCond media.type "==" "books"}}Books published{{/ifCond}}
      {{#ifCond media.type "==" "podcasts"}}Podcasts{{/ifCond}}
    </h4>
    {{#each media.items}}
      <div class="o-author-media__content-item">
        {{#if url}}<a href="{{url}}" class="o-author-media__content-item__link">{{/if}}
          {{title}}{{#if publisher}}, {{publisher}}{{/if}}
        {{#if url}}</a>{{/if}}
        {{#if download}}
          <div class="c-breadcrumb"><a href="{{download}}" class="c-breadcrumb__link"><span class="u-visually-hidden">Page ancestor:</span><span class="c-breadcrumb__text">Subscribe</span></a></div>
        {{/if}}
      </div>
    {{/each}}
  </div>
</div>
