templates/home/blocks/page_header.html.twig line 1

Open in your IDE?
  1. <!--div class="page-header"
  2.     {% if data.background_page_header is defined and data.background_page_header is not empty %}
  3.         style="background:url({{ asset('uploads/' ~ data.background_page_header.0) }})no-repeat center;background-size:cover;"
  4.     {% endif %}
  5. -->
  7. {#% set datas = {
  8.     background_page_header: {
  9.         0: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png',
  10.         1: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png',
  11.         2: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png'
  12.     },
  13.     video_page_header: {
  14.         0: 'https://losch.lu/files/settings_homepagevideo/6/losch_brand_3000kb.webm'
  15.     }
  16. } %#}
  18. {% set datas = {
  19.     background_page_header: {
  20.         0: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png',
  21.         1: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png',
  22.         2: 'louis-hansel-restaurant-photographer-7jpXutWZFDQ-unsplash-626fedbd3c660.png'
  23.     }
  24. } %}
  26. <div class="page-header">
  27.     {% if data.sub_blocks is defined and data.video_page_header is not defined %}
  28.     <div class="images">
  29.     <div class="fader"></div>
  30.         <ul class="items" {% if slug == 'contact' %}id="map"{% endif %}>
  31.             {% for item in data.sub_blocks %}
  32.             <li class="item" data-id="{{ loop.index }}">
  33.                 <img src="{{ asset('uploads/' ~ item.image_slide.0) }}" class="image" width="100%" height="100%">
  34.             </li>
  35.             {% endfor %}
  36.         </ul>
  37.     </div>
  38.     {% endif %}
  39.         
  40.     {% if data.video_page_header is defined %}
  41.         <div class="video">
  42.             <video autoplay="autoplay" playsinline="playsinline" webkit-playsinline="webkit-playsinline" preload="auto" muted="muted" loop="loop" poster="{{ asset('img/poster_video_home.png') }}">
  43.                 <source src="{{ asset('uploads/' ~ data.video_page_header.0) }}" type="video/webm">
  44.             </video>
  45.         </div>
  46.     {% endif %}
  48.     <div class="container position-relative">
  49.         {% if data.header_page_url_link is defined and data.header_page_url_link %}
  50.             <div class="card-link-header bg-white col-md-5 position-absolute d-flex{% if datas.video_page_header is defined %} with_video{% endif %}">
  51.                 {#% if data.logo_before_title is defined %#}
  52.                     <div class="pr-3 fity">
  53.                         <div class="tify_wh_wheel"></div>
  54.                         <div class="tify_wheel"></div>
  55.                         <div class="tify_arm"></div>
  56.                         
  57.                     </div>
  58.                 {#% endif %#}
  59.                 <div class="txt">
  60.                     {% if data.header_page_title_link is defined %}
  61.                         <h2 class="blue-dark">{{ data.header_page_title_link }}</h2>
  62.                     {% endif %}
  63.                     <a href="{{ data.header_page_url_link }}" class="col-md-12 d-flex justify-content-between p-0 blue btn-arrow">
  64.                         {% if data.header_page_description_link is defined %}
  65.                             <p>{{ data.header_page_description_link }}</p>
  66.                         {% endif %}
  67.                         <img src="{{ asset('img/icons/arrow-right-blue.svg') }}" alt="flèche droite">
  68.                     </a>
  69.                 </div>
  70.             </div>
  71.         {% endif %}
  72.         {% if data.big_title_header is defined and data.big_title_header %}
  73.             {% set bigTitleSplited = data.big_title_header|split(',') %}
  74.             <h1 class="position-absolute big-title-header pl-4">{% if bigTitleSplited.1 is defined %}{{ bigTitleSplited.0 }}, <span class="blue">{{ bigTitleSplited.1 }}</span>{% else %}{{ data.big_title_header }}{% endif %}</h1>
  75.         {% endif %}
  76.     </div>
  77. </div>