templates/includes/blocks/quote.html.twig line 1

  1. <div class="quote {% if content.inverted %}quote--inverted {% endif %} {{ content.top }} {{ content.bottom }}"
  2.      x-data="quote">
  3.     {% if content.background %}
  4.         <div class="quote__background">
  5.             <svg preserveaspectratio="xMidYMid slice" fill="none" xmlns="http://www.w3.org/2000/svg"
  6.                  viewbox="0 0 2650 1872">
  7.                 <path d="M-2.046 342.242 2650 1872M2147.95 0 2650 1872M2147.95 0v1872M1568.21 0l-.01 1872M2650-1.164 1568.21 1872M-2.046 1529.73 2650 0M2147.94 1872 2650 0M2147.95 1872V0M1568.2 1872l.01-1872M2650 1873.13 1568.21 0M2652.42 1529.95 0 0M502.055 1872 0 0M502.055 1872V0M1081.79 1872V0M-.002 1873.13 1081.79 0M2651.04 342.838 0 1872M502.055 0-.001 1872M502.055 0v1872M1081.79 0v1872M-.002-1.164 1081.79 1872"
  8.                       stroke="currentColor" stroke-miterlimit="10"/>
  9.             </svg>
  10.         </div>
  11.     {% endif %}
  12.     <div class="quote__container {{ content.top }} {{ content.bottom }}" itemscope itemtype="https://schema.org/Quotation">
  13.         <div class="quote__quote" x-ref="quote" itemprop="text">
  14.             {{ content.quote|raw }}
  15.         </div>
  16.         <div class="quote__author" x-ref="author" itemprop="spokenByCharacter" itemscope itemtype="https://schema.org/Person">
  17.             {% if content.image %}
  18.                 <div class="quote__media">
  19.                     <img class="quote__image" itemprop="image" src ="{{ content.image|thumbnailUrl('640x') }}"
  20.                          srcset ="{{ content.image|thumbnailUrl('320x') }} 320w, {{ content.image|thumbnailUrl('1280x') }} 1280w, "
  21.                          alt="{{ content.quoteImageALT|default(content.image.description|striptags) }}" x-ref="image" sizes="150px">
  22.                 </div>
  23.             {% endif %}
  24.             <div class="quote__info">
  25.                 <div class="quote__name" itemprop="name">
  26.                     {{ content.quoteName }}
  27.                 </div>
  28.                 <div class="quote__title" itemprop="jobTitle">
  29.                     {{ content.quoteTitle }}
  30.                 </div>
  31.             </div>
  32.         </div>
  33.         {% if content.quoteActionLink != null %}
  34.             <div class="quote__actions" x-ref="actions">
  35.                 {% if content.quoteButtonType == 'box' %}
  36.                     <a href="{{ content.quoteActionLink }}"
  37.                        class="button button--{{ content.quoteButtonColor }} button--size-{{ content.quoteButtonSize }}">
  38.                         <span class="button__inner">
  39.                             {{ content.quoteButtonLabel }}
  40.                         </span>
  41.                     </a>
  42.                 {% elseif content.quoteButtonType == 'text' %}
  43.                     <a href="{{ content.quoteActionLink }}"
  44.                        class="text-button text-button--{{ content.quoteTextButtonColor }}
  45.                            {% if content.uppercase %} uppercase {% endif %}">
  46.                         {{ content.quoteButtonLabel }}
  47.                         <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16">
  48.                             <path d="M.5 8.5h15M10.5 3.5l5 5-5 5" stroke="currentColor" stroke-miterlimit="10"
  49.                                   stroke-linecap="round" stroke-linejoin="round"/>
  50.                         </svg>
  51.                     </a>
  52.                 {% endif %}
  53.             </div>
  54.         {% endif %}
  55.     </div>
  56. </div>