Barmer Fractal

Figure: Blockquote 

<figure class="m-figure figure--blockquote">

    <blockquote class="figure__blockquote a-richtext">
        <p>Wir arbeiten miteinander, denn nur gemeinsam kann Barmer Gesundheit weiterdenken. Das bedeutet, wir helfen unseren Kunden, gesünder zu leben und <strong>bei Krankheit</strong> die bestmögliche Versorgung zu erhalten. Deshalb unterstützen wir sie bei der Behandlung, einer schnellen Genesung und einer nachhaltigen Prävention. Mit diesem Anspruch entwickeln wir uns weiter, erkennen frühzeitig gesellschaftliche Trends und machen den medizinische Fortschritt allen Menschen zugänglich.</p>

        <p>Es gibt Millionen gute Gründe für unseren Job</p>
    </blockquote>

    <figcaption class="figure__figcaption figure__figcaption--blockquote-source">
        &ndash; Kurt-Hans Zwetschgenkerze von Moselbach zur Heide (98), Gentleman Host
    </figcaption>
</figure>
 
<figure class="m-figure {{viewtypes.specifier}}">

  {{# switches.hasHeadline }}
    <h2 class="figure__headline {{viewtypes.headlineSpecifier}}">
      {{content.headline}}
    </h2>
  {{/switches.hasHeadline}}

  {{# switches.hasPicture}}
    {{# switches.hasLazyLoading }}
      {{ render '@picture' this.partials.picture merge=true }}
    {{/switches.hasLazyLoading}}
    {{^ switches.hasLazyLoading }}
      {{ render '@picture--no-lazy' this.partials.picture merge=true }}
    {{/switches.hasLazyLoading}}
  {{/switches.hasPicture}}

  {{# switches.hasBlockquote }}
    <blockquote class="figure__blockquote a-richtext">
      {{{ content.blockquoteRichtext }}}
    </blockquote>
  {{/switches.hasBlockquote}}

  {{# switches.hasDownload }}
    <div class="figure__download">
      {{ render '@button--download' this.partials.button merge=true }}
    </div>
  {{/ switches.hasDownload }}

  {{# switches.hasFigcaption }}
    <figcaption class="figure__figcaption {{viewtypes.figcaptionSpecifier}}" {{# switches.hasDownload }}aria-hidden="true"{{/ switches.hasDownload }}>
      {{#if switches.hasBlockquoteSource }}
        &ndash; {{content.blockquoteSourceName}}{{#content.blockquoteSourceAge}} ({{this}}){{/content.blockquoteSourceAge}}{{#content.blockquoteSourcePosition}}, {{this}}{{/content.blockquoteSourcePosition}}
      {{else}}
        {{{ content.captionText }}}
      {{/if}}
    </figcaption>
  {{/ switches.hasFigcaption }}
</figure>
 
{
  "switches": {
    "hasHeadline": false,
    "hasPicture": false,
    "hasBlockquote": true,
    "hasFigcaption": true,
    "hasBlockquoteSource": true,
    "hasLazyLoading": true
  },
  "viewtypes": {
    "specifier": "figure--blockquote",
    "headlineSpecifier": "figure__headline--h3",
    "figcaptionSpecifier": "figure__figcaption--blockquote-source"
  },
  "content": {
    "blockquoteRichtext": "<p>Wir arbeiten miteinander, denn nur gemeinsam kann Barmer Gesundheit weiterdenken. Das bedeutet, wir helfen unseren Kunden, gesünder zu leben und <strong>bei Krankheit</strong> die bestmögliche Versorgung zu erhalten. Deshalb unterstützen wir sie bei der Behandlung, einer schnellen Genesung und einer nachhaltigen Prävention. Mit diesem Anspruch entwickeln wir uns weiter, erkennen frühzeitig gesellschaftliche Trends und machen den medizinische Fortschritt allen Menschen zugänglich.</p>\n\n      <p>Es gibt Millionen gute Gründe für unseren Job</p>",
    "blockquoteSourceName": "Kurt-Hans Zwetschgenkerze von Moselbach zur Heide",
    "blockquoteSourceAge": "98",
    "blockquoteSourcePosition": "Gentleman Host"
  },
  "partials": {
    "picture": {
      "content": {
        "sources": [
          {
            "media": "(max-width: 640px)",
            "srcset": "../../images/1x1/mann-mit-kind.jpg",
            "width": false,
            "height": false
          },
          {
            "media": "(min-width: 641px)",
            "srcset": "../../images/16x9/mann-mit-kind.jpg",
            "width": false,
            "height": false
          }
        ],
        "img": {
          "src": "../../images/16x9/mann-mit-kind.jpg",
          "alt": "Dies ist ein alternativ Text",
          "width": false,
          "height": false
        }
      }
    }
  }
}

No notes defined.