templates/Renderlet/contentTeaser.html.twig line 1

Open in your IDE?
  1. <section class="content-teaser content-teaser--{{ orientation|default('square') }}  stretch-link teaser-animation">
  2.     {% if isYoungStyria|default(false) %}
  3.         <img class="demi-infrastructure-teaser-grid__young-styria-logo" src="/static/img/young-styria/young-styria.jpg">
  4.     {% endif %}
  5.     <figure class="content-teaser__embed--{{ orientation|default('square') }} embed-responsive mb-0">
  6.         {% if image|default(false) %}
  7.             {% set description = getImageDescription(image) %}
  8.             {{ image.thumbnail('content-teaser--' ~ orientation|default('square')).html({
  9.                 imgAttributes: {
  10.                     class: 'js-lazy-img embed-responsive-item teaser-animation__img'
  11.                 },
  12.                 lowQualityPlaceholder: true,
  13.                 title: description|default(''),
  14.                 alt: description|default(''),
  15.             })|raw }}
  16.             {% do jsConfig().add('lazyImg', true) %}
  17.         {% endif %}
  19. {#        {% if description %}#}
  20. {#            <figcaption class="content-teaser__caption">#}
  21. {#                {{ description }}#}
  22. {#            </figcaption>#}
  23. {#        {% endif %}#}
  24.     </figure>
  26.     <div class="content-teaser__content">
  27.         <div>
  28.             {% if badgeText|default(false) %}
  29.                 <div class="content-teaser__badge">
  30.                     {{ badgeText }}
  31.                 </div>
  32.             {% endif %}
  33.             {% if subtitle|default(false) %}
  34.                 <div class="content-teaser__sub-title">
  35.                     {{ subtitle }}
  36.                 </div>
  37.             {% endif %}
  38.             {% if href|default(false) %}
  39.             <h3 class="content-teaser__title h5">
  40.                 <a href="{{ href }}" class="stretch-link__link">
  41.                     {{ title }}
  42.                 </a>
  43.             </h3>
  44.             {% endif %}
  45.         </div>
  46.     </div>
  48. </section>