templates/header.html.twig line 1

Open in your IDE?
  1. {#
  2. <nav class="navbar navbar-dark navbar-expand-md bg-dark py-3">
  3.     <div class="container"><a class="navbar-brand d-flex align-items-center" href="{{ path('app_home') }}"><span class="bs-icon-sm bs-icon-rounded bs-icon-primary d-flex justify-content-center align-items-center me-2 bs-icon"><i class="fas fa-language"></i></span><span style="margin-left: 10px;">Factoria X</span></a><button class="navbar-toggler" data-bs-toggle="collapse"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button></div>
  4. </nav>
  5. #}
  6. <link rel="stylesheet" href="{{ asset('assets/js/bgmosaic/xlabs.bgmosaic.css') }}" type="text/css"/>
  7. <script src="{{ asset('assets/js/bgmosaic/xlabs.bgmosaic.js') }}"></script>
  8. <style>
  9.     ._bgmosaic {height: 150px; overflow: hidden;}
  10.     .xlabs-bgmosaic-container {overflow: hidden; position: absolute; width: 100%; height: 170px; margin: 0 auto; pointer-events: none; z-index: -1; opacity: .2; left: 0;}
  11. </style>
  12. <nav class="navbar navbar-expand-md">
  13.     <div class="container _bgmosaic">
  14.         <a class="navbar-brand d-flex flex-column align-items-center" href="{{ path('app_home') }}">
  15.             <img src="{{ asset('assets/img/logo.png') }}" width="120" />
  16.             <span class="text-dark three-d-text skew-text" style="margin-left: 10px;">Factoria X</span>
  17.         </a>
  18.         <button class="navbar-toggler" data-bs-toggle="collapse">
  19.             <span class="visually-hidden">Toggle navigation</span>
  20.             <span class="navbar-toggler-icon"></span>
  21.         </button>
  22.     </div>
  23. </nav>
  25. {% set images = [
  26.     'https://cdni.pornpics.de/1280/5/20/61074901/61074901_009_74c2.jpg',
  27.     'https://cdni.pornpics.de/1280/7/73/24733620/24733620_079_98e6.jpg',
  28.     'https://cdni.pornpics.de/1280/5/161/62254945/62254945_012_1af3.jpg',
  29.     'https://cdni.pornpics.de/1280/5/166/70886630/70886630_008_6582.jpg',
  30.     'https://cdni.pornpics.de/1280/5/204/93082697/93082697_003_8c8c.jpg',
  31.     'https://cdni.pornpics.de/1280/7/108/92662495/92662495_073_d43b.jpg',
  32.     'https://cdni.pornpics.de/1280/7/575/72782108/72782108_004_3811.jpg',
  33.     'https://cdni.pornpics.de/1280/1/363/93062624/93062624_016_f5ad.jpg',
  34.     'https://cdni.pornpics.de/1280/5/23/50512706/50512706_016_7500.jpg',
  35.     'https://cdni.pornpics.de/1280/7/62/78585477/78585477_026_9275.jpg',
  36.     'https://cdni.pornpics.de/1280/5/2/54161500/54161500_004_1638.jpg',
  37.     'https://cdni.pornpics.de/1280/7/90/10484092/10484092_054_2b97.jpg',
  38.     'https://cdni.pornpics.de/1280/1/112/56614425/56614425_001_91c3.jpg',
  39.     'https://cdni.pornpics.de/1280/5/20/67164494/67164494_004_2205.jpg',
  40.     'https://cdni.pornpics.de/1280/1/51/18836261/18836261_005_8b97.jpg',
  41.     'https://cdni.pornpics.de/1280/7/301/50337383/50337383_035_b945.jpg',
  42.     'https://cdni.pornpics.de/1280/7/8/23325328/23325328_095_c191.jpg',
  43.     'https://cdni.pornpics.de/1280/1/12/64165370/64165370_008_7ad4.jpg',
  44.     'https://cdni.pornpics.de/1280/7/418/81425031/81425031_008_afe9.jpg',
  45.     'https://cdni.pornpics.de/1280/7/70/59134580/59134580_012_d240.jpg',
  46.     'https://cdni.pornpics.de/1280/7/146/43187751/43187751_016_d8e9.jpg',
  47.     'https://cdni.pornpics.de/1280/5/21/88944692/88944692_003_dafd.jpg',
  48. ] %}
  50. <script>
  51.     $(document).ready(function(e){
  52.         $('._bgmosaic').bgMosaic({
  53.             'images': [
  54.                 '{{ images | join("', '") | raw }}'
  55.             ],
  56.             multiplier_factor: 12,
  57.             //item_maxW: '200px',
  58.             duration: '75'
  59.         });
  60.     });
  61. </script>