templates/Magazine/Includes/authorIntro.html.twig line 1

Open in your IDE?
  1. <section class="author-intro content-block slide container-narrow container js-fade-in {{ styleModifier | default(null) }}">
  2.     <div class="row">
  3.         <div class="col-md">
  4.             <h1 class="author-intro__title">
  5.                 {{ author.name }}
  6.             </h1>
  7.         </div>
  8.         <div class="col-md-auto d-flex justify-content-center">
  9.             {% if author.website %}
  10.                 <a href="{{ author.website }}" class="author-intro__social-link">
  11.                     <span class="icon icon-link" aria-label="Website" title="Website"></span>
  12.                 </a>
  13.             {% endif %}
  14.             {% if author.instagram %}
  15.                 <a href="{{ author.instagram }}" class="author-intro__social-link">
  16.                     <span class="icon icon-instagram" aria-label="Instagram" title="Instagram"></span>
  17.                 </a>
  18.             {% endif %}
  19.             {% if author.pinterest %}
  20.                 <a href="{{ author.pinterest }}" class="author-intro__social-link">
  21.                     <span class="icon icon-pinterest" aria-label="Pinterest" title="Pinterest"></span>
  22.                 </a>
  23.             {% endif %}
  24.             {% if author.facebook %}
  25.                 <a href="{{ author.facebook }}" class="author-intro__social-link">
  26.                     <span class="icon icon-facebook" aria-label="Facebook" title="Facebook"></span>
  27.                 </a>
  28.             {% endif %}
  29.         </div>
  30.     </div>
  32.     <div class="row mt-4 mb-md-5 mb-4">
  33.         <div class="col-md-3">
  34.             {% if author.image %}
  35.                 {% do jsConfig().add('lazyImg', true) %}
  36.                 <div class="embed-responsive-1by1 embed-responsive author-intro__media-wrapper">
  37.                     {{ author.image.thumbnail('author-intro').html({
  38.                         imgAttributes: {
  39.                             class: 'js-lazy-img embed-responsive-item'
  40.                         },
  41.                         lowQualityPlaceholder: true,
  42.                     }) | raw }}
  43.                 </div>
  44.             {% endif %}
  45.         </div>
  46.         <div class="col-md-9">
  47.             <div class="wysiwyg">
  48.                 {{ author.description | raw }}
  49.             </div>
  50.         </div>
  51.     </div>
  53.     {% if author.quote %}
  54.         <div class="row">
  55.             <div class="col-md-10 mx-auto">
  56.                 <section class="quote-area quote-area--small js-fade-in">
  57.                     <blockquote class="quote-area__text">
  58.                         „{{ author.quote }}“
  59.                     </blockquote>
  60.                 </section>
  61.             </div>
  62.         </div>
  63.     {% endif %}
  66. </section>