templates/application/partial/blocks.html.twig line 1

Open in your IDE?
  1. {% for block in blocks %}
  2.     {% if block.type == 'big_text' %}
  3.         <p class="lead">{{ block.shortText(app.request.locale) }}</p>
  4.     {% elseif block.type == 'text' %}
  5.         {{ block.text(app.request.locale)|raw }}
  6.     {% elseif block.type == 'quote' %}
  7.         <blockquote>
  8.             <p>{{ block.shortText(app.request.locale) }}</p>
  9.             <div class="blockquote__footer">
  10.                 <div class="person">
  11.                     <div class="person__photo">
  12.                         {{ include('application/partial/picture.html.twig', {image: block.image, width: 70, height: 70}) }}
  13.                     </div>
  14.                     <div class="person__detail">
  15.                         <div class="person__name">{{ block.caption(app.request.locale) }}</div>
  16.                         <div class="person__status">{{ block.jobTitle(app.request.locale) }}</div>
  17.                     </div>
  18.                 </div>
  19.             </div>
  20.         </blockquote>
  22.     {% elseif block.type == 'title' %}
  23.         <h2>{{ block.shortText(app.request.locale) }}</h2>
  24.     {% elseif block.type == 'image' %}
  25.         <figure>
  26.             {{ include('application/partial/picture.html.twig', {image: block.image, width: 650, height: 445}) }}
  27.             {% if block.shortText(app.request.locale) %}
  28.                 <figcaption>{{ block.shortText(app.request.locale) }}</figcaption>
  29.             {% endif %}
  30.         </figure>
  31.     {% elseif block.type == 'images' %}
  32.         <div class="swiper a-carousel-single">
  33.             <div class="swiper-wrapper">
  34.                 {% for image in block.images %}
  35.                     <div class="swiper-slide">
  36.                         {{ include('application/partial/picture.html.twig', {image: image, width: 985, height: 566}) }}
  37.                     </div>
  38.                 {% endfor %}
  39.             </div>
  40.             <div class="btn-prev" id="promoPrev"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.854 12.867a.536.536 0 0 1-.708 0l-5-4.546a.426.426 0 0 1 0-.642l5-4.546a.536.536 0 0 1 .708 0 .426.426 0 0 1 0 .643L6.207 8l4.647 4.224a.426.426 0 0 1 0 .643z"/></svg></div>
  41.             <div class="btn-next" id="promoNext"><svg width="20" height="20" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.146 3.133a.536.536 0 0 1 .708 0l5 4.546a.426.426 0 0 1 0 .642l-5 4.546a.536.536 0 0 1-.708 0 .426.426 0 0 1 0-.643L9.793 8 5.146 3.776a.426.426 0 0 1 0-.643z"/></svg></div>
  42.             <div class="swiper-pagination"></div>
  43.         </div>
  44.     {% endif %}
  46. {% endfor %}