Barmer Fractal

Download: With Thumbnail 

<a class="m-download download--with-thumbnail" href="#">
    <div class="download__thumbnail" aria-hidden="true">
        <img src="../../images/starke-regionale-unterschiede-data.jpeg" alt="Dies ist der alt-Text" title="Dies ist der title-Text" class="a-image " loading="lazy">

    </div>
    <div class="download__title">
        BARMER Dokument My only complaint would be the o

    </div>
    <div class="download__size">PDF 1.2 MB</div>
    <div class="download__icon">
        <i class="a-icon icon--download" aria-hidden="true"></i>
    </div>
</a>
 
<a class="m-download {{viewtypes.specifier}}" href="#">
  {{#switches.withThumbnail}}
    <div class="download__thumbnail" aria-hidden="true">
      {{render '@image' partials.image merge=true}}
    </div>
  {{/switches.withThumbnail}}
  <div class="download__title">
    {{content.title}}
    {{#switches.isProtected}}&nbsp;{{render '@icon--lock' merge=true}}{{/switches.isProtected}}
  </div>
  <div class="download__size">{{content.meta}}</div>
  <div class="download__icon">
    {{ render '@icon--download' merge=true}}
  </div>
</a>
 
{
  "switches": {
    "isProtected": false,
    "withThumbnail": true
  },
  "viewtypes": {
    "specifier": "download--with-thumbnail"
  },
  "content": {
    "title": "BARMER Dokument My only complaint would be the o",
    "meta": "PDF 1.2 MB"
  },
  "partials": {
    "image": {
      "content": {
        "sourceUrl": "../../images/starke-regionale-unterschiede-data.jpeg"
      }
    }
  }
}

No notes defined.