<a href="{{blogUrlResolver this.fields}}" class="tui-card blog-card{{#if openModal}} open-tui-modal{{/if}}" data-contentful-id="https://app.contentful.com/spaces/{{sys.space.sys.id}}/entries/{{sys.id}}"{{#if openModal}} data-id="blogCard"{{/if}}{{#and trackPageInGa (not dontTrackGroupInGa) (not dontTrackCardInGa) }} {{>ga_attributes heading=fields.heading}}{{/and}}>
  <div class="media-container">
    <div class="media">
        {{>image_responsive_card image-url=fields.mainImage.fields.image.fields.file.url}}
    </div>
  </div>
  <div class="card-text tui-text-content">
    <div class="post-meta">
      <h5 class="category">
        {{#each fields.categories}}
          {{this.fields.typeIdentifier}}
        {{/each}}
      </h5>
      {{#if fields.person}}
      <div class="author text-3">
        <span class="name">{{fields.person.fields.name}}</span>
        <img data-src="{{replaceImageDomain fields.person.fields.image.fields.file.url}}?w=36&amp;h=36&amp;fit=thumb&amp;q=85" class="lazyload" alt="{{fields.person.fields.name}}">
        <noscript><img src="{{replaceImageDomain fields.person.fields.image.fields.file.url}}?w=36&amp;h=36&amp;fit=thumb&amp;q=85"></noscript>
      </div>
      {{/if}}
    </div>
    <h3 class="cc-heading">{{fields.heading}}</h3>
    {{#if fields.preamble}}
      <div class="tui-text-content preamble">
        {{fields.preamble}}
      </div>
    {{/if}}
    <div class="author text-3">
      {{#if fields.person}}
        <img data-src="{{replaceImageDomain fields.person.fields.image.fields.file.url}}?w=36&amp;h=36&amp;fit=thumb&amp;q=85" class="lazyload" alt="{{fields.person.fields.name}}">
        <noscript><img src="{{replaceImageDomain fields.person.fields.image.fields.file.url}}?w=36&amp;h=36&amp;fit=thumb&amp;q=85"></noscript>
        <span class="name">{{fields.person.fields.name}}</span>
      {{/if}}
    </div>
  </div>
</a>
