templates/partials/experience/introduction.html.twig line 1

Open in your IDE?
  1. <section class="introduction" id="{{ experience.blockAnchor1 }}">
  2.     <div class="container">
  3.         {% if experience.blockGallery1 %}
  4.             <div class="introduction--media">
  6.                 {% for galleryHasMedia in experience.blockGallery1.galleryHasMedias %}
  7.                     <div class="introduction {{ loop.first ? 'is-medium' : 'is-small' }} lazy-animation">
  8.                         <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(galleryHasMedia.media, null) }}"></picture-component>
  9.                     </div>
  10.                 {% endfor %}
  11.             </div>
  12.         {% endif %}
  13.         <div class="introduction--content lazy-animation">
  14.             <h3 class="introduction--title">{{ experience.blockTitle1 }}</h3>
  15.             <div class="introduction--text">{{ experience.blockContent1 | raw }}</div>
  16.             <div class="introduction--main-link">
  17.                 {% if experience.ctaFileTitle1 %}
  18.                     <a class="button green is-dark" target="_blank" href="{{ experience.ctaFile1|file_url }}">
  19.                         <span>{{ experience.ctaFileTitle1 }}</span>
  20.                     </a>
  21.                 {% endif %}
  22.                 {% if experience.secondCtaFileTitle1 %}
  23.                     <a class="button green is-dark" target="_blank" href="{{ experience.secondCtaFile1|file_url }}">
  24.                         <span>{{ experience.secondCtaFileTitle1 }}</span>
  25.                     </a>
  26.                 {% endif %}
  27.                 {% if experience.thirdCtaFileTitle1 %}
  28.                     <a class="button green is-dark" target="_blank" href="{{ experience.thirdCtaFile1|file_url }}">
  29.                         <span>{{ experience.thirdCtaFileTitle1 }}</span>
  30.                     </a>
  31.                 {% endif %}
  32.             </div>
  33.             <div class="introduction--links">
  34.                 {% if experience.popUpTitle1 %}
  35.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  36.                         <span>{{ experience.popUpTitle1 }}</span>
  37.                     </a>
  38.                 {% endif %}
  40.                 {% if experience.secondPopUpTitle1 %}
  41.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  42.                         <span>{{ experience.secondPopUpTitle1 }}</span>
  43.                     </a>
  44.                 {% endif %}
  46.                 {% if experience.thirdPopUpTitle1 %}
  47.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  48.                         <span>{{ experience.thirdPopUpTitle1 }}</span>
  49.                     </a>
  50.                 {% endif %}
  52.                 {% if experience.ctaLinkTitle1 %}
  53.                     <a class="link black" href="{{ experience.ctaLink1 }}" target="_blank">
  54.                         <span>{{ experience.ctaLinkTitle1 }}</span>
  55.                     </a>
  56.                 {% endif %}
  58.                 {% if experience.secondCtaLinkTitle1 %}
  59.                     <a class="link black" href="{{ experience.secondCtaLink1 }}" target="_blank">
  60.                         <span>{{ experience.secondCtaLinkTitle1 }}</span>
  61.                     </a>
  62.                 {% endif %}
  64.                 {% if experience.thirdCtaLinkTitle1 %}
  65.                     <a class="link black" href="{{ experience.thirdCtaLink1 }}" target="_blank">
  66.                         <span>{{ experience.thirdCtaLinkTitle1 }}</span>
  67.                     </a>
  68.                 {% endif %}
  69.             </div>
  70.         </div>
  72.         {% if experience.popUpTitle1 %}
  73.             <div class="introduction--gallery js-gallery-container">
  74.                 <div class="introduction--gallery-content">
  75.                     <div class="introduction--gallery-slider js-gallery-slider">
  76.                         {% if experience.popUpGallery1 %}
  77.                             {% for media in experience.popUpGallery1.medias %}
  78.                                 {% if media is youtubeVideo %}
  79.                                     <a data-src="{{ media|media_url }}">
  80.                                         <img src="{{ get_thumbnail_url(media) }}">
  81.                                     </a>
  82.                                 {% else %}
  83.                                     <a data-src="{{ media|resize(1280)|file_url }}">
  84.                                         <img src="{{ media|resize(1280)|file_url }}">
  85.                                     </a>
  86.                                 {% endif %}
  87.                             {% endfor %}
  88.                         {% endif %}
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         {% endif %}
  94.         {% if experience.secondPopUpTitle1 %}
  95.             <div class="introduction--gallery js-gallery-container">
  96.                 <div class="introduction--gallery-content">
  97.                     <div class="introduction--gallery-slider js-gallery-slider">
  98.                         {% for gallery in experience.secondPopUpGallery1.galleryHasMedias %}
  99.                             {% if gallery.media is youtubeVideo %}
  100.                                 <a data-src="{{ gallery.media|media_url }}">
  101.                                     <img src="{{ get_thumbnail_url(gallery.media) }}">
  102.                                 </a>
  103.                             {% else %}
  104.                                 <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  105.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  106.                                 </a>
  107.                             {% endif %}
  108.                         {% endfor %}
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         {% endif %}
  114.         {% if experience.thirdPopUpTitle1 %}
  115.             <div class="introduction--gallery js-gallery-container">
  116.                 <div class="introduction--gallery-content">
  117.                     <div class="introduction--gallery-slider js-gallery-slider">
  118.                         {% for gallery in experience.thirdPopUpGallery1.galleryHasMedias %}
  119.                             {% if gallery.media is youtubeVideo %}
  120.                                 <a data-src="{{ 'https://www.youtube.com/watch?v='~gallery.media.providerReference }}">
  121.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  122.                                 </a>
  123.                             {% else %}
  124.                                 <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  125.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  126.                                 </a>
  127.                             {% endif %}
  128.                         {% endfor %}
  129.                     </div>
  130.                 </div>
  131.             </div>
  132.         {% endif %}
  134.     </div>
  135. </section>