templates/base.html.twig line 153

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3.     <head>
  4.       <meta charset="utf-8">
  5.         
  6.         <meta name="viewport" content="width=device-width, initial-scale=1">
  7.         <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
  9.         <!-- Google Tag Manager -->
  10. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  11. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  12. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  13. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  14. })(window,document,'script','dataLayer','GTM-KJDMBH7N');</script>
  15. <!-- End Google Tag Manager -->
  17.         {% block meta %}
  18.         <title>My Audio</title>
  19.         {% endblock %}
  20.         {% block stylesheets %}
  21.             {#{{ encore_entry_link_tags('app') }}#}
  22.             <link rel="stylesheet" href="/assets/css/fancybox.css">
  23.             <link rel="stylesheet" href="/assets/lib/bootstrap-5.0.2-dist/css/bootstrap.css">
  24.             <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
  25.             integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
  26.             <!--icon-->
  27.             <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  28.             <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-red.min.css">
  29.             <!--Font-->
  30.             <link rel="preconnect" href="https://fonts.gstatic.com">
  31.             <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap"
  32.                 rel="stylesheet">
  34.                 <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
  35.                         <link rel="stylesheet" href="/assets/css/modal.css">
  36.             <link rel="stylesheet" href="/assets/css/header.css">
  37.             <link rel="stylesheet" href="/assets/css/footer.css">
  38.             <link rel="stylesheet" href="/assets/css/cookiebot.css">
  40.         {% endblock %}
  42.         {% block javascripts %}
  43.             {#{{ encore_entry_script_tags('app') }}#}
  44.              <!--jquery-->
  45.             <script src="/assets/lib/jquery-3.6.0.min.js"></script>
  46.             <script src="/assets/lib/jquery-migrate-3.3.2.min.js"></script>
  47.             <!--bootstrap-->
  48.             <script src="/assets/lib/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>
  49.         
  50.             <!--Material-->
  51.             <script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
  52.             <script src="/assets/lib/date.format.js"></script>   
  53.             <script src="/assets/js/global.js"></script>  
  54.             <script src="/assets/js/login.js"></script>   
  55.              <script src="/assets/js/fancybox.js"></script>
  56.              <script src="/assets/js/cookies.js"></script>
  57.              <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="c451ab3b-1959-4a45-8bb3-bf606483c0b1" data-blockingmode="auto" type="text/javascript"></script>
  58.             <script type="text/javascript">
  59.                 // $(document).ready(function() {
  60.                 //     $('body').cookieConsent({
  61.                 //         mode: 'bandeau',
  62.                 //         bandeau: {
  63.                 //             windows: '/bandeau'
  64.                 //         },
  65.                 //         windowsConfig: '/consent-config',
  66.                 //     });
  67.                 // });
  68.                $(document).ready(function() {
  70.     var bannerIsClosed = false; // Flag to keep track if the banner is closed
  72.     function toggleStickyLinks() {
  73.         var footerOffset = $('footer').offset().top;
  74.         var $stickyLinks = $('.sticky-links-mobile');
  75.         var screenWidth = $(window).width();
  76.         if (screenWidth < 600) {
  77.              if (bannerClosed) {
  78.                   $('.sticky-links-mobile').hide();
  79.                 }
  80.                 else {
  81.                  $stickyLinks.css('display', 'block');
  82.                 }
  83.            $(window).scroll(function() {
  84.     // Check if banner is closed, if so, do not show it again
  85.     if (bannerClosed) {
  86.         return;
  87.     }
  88.     if (bannerClosed) {
  89.         $('.sticky-links-mobile').hide();
  90.     } else {
  91.         $stickyLinks.css('display', 'block');
  92.     }
  93.     var scrollPosition = $(window).scrollTop();
  94.     if (scrollPosition + $(window).height() >= footerOffset) {
  95.         $stickyLinks.css('display', 'none');
  96.     } else {
  97.         $stickyLinks.css('display', 'block');
  98.     }
  99. });
  100.         } else {
  101.             $stickyLinks.css('display', 'none');
  102.         }
  103.     }
  105.     // Call the function initially
  106.     toggleStickyLinks();
  108.     // Re-call the function on window resize
  109.     $(window).resize(function() {
  110.         toggleStickyLinks();
  111.     });
  113.    // Close banner event
  114.     $('.sticky-links-mobile .close-banner').on('click', function() {
  115.         $('.sticky-links-mobile').hide();
  116.             document.cookie = "bannerClosed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
  117.              bannerClosed = true;
  118.     });
  120.     var cookies = document.cookie.split(';');
  121.     var bannerClosed = false;
  122.     for (var i = 0; i < cookies.length; i++) {
  123.         var cookie = cookies[i].trim();
  124.         if (cookie.indexOf('bannerClosed=true') === 0) {
  125.             bannerClosed = true;
  126.             break;
  127.         }
  128.     }
  129.     if (bannerClosed) {
  130.         $('.sticky-links-mobile').hide();
  131.     }
  132. });
  136.             </script>   
  137.         {% endblock %}
  141.     </head>
  142.     <body>
  144.         <!-- Google Tag Manager (noscript) -->
  145. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJDMBH7N"
  146. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  147. <!-- End Google Tag Manager (noscript) -->
  149.         {% block body %}{% endblock %}
  150.     
  151.     <header id="nav-header">
  153.     {{ render(controller(
  154.         'App\\Controller\\headerController::renderHeader',
  155.     )) }}
  156.          {# include "/header.html.twig" #}
  157.     </header>
  158.     <main>
  159.         {% block content %}
  160.         {% endblock %}
  161.     </main>
  162.      {% include "/bandemobile.html.twig" %}
  163.      <footer class="home_footer">
  164.         {% include "/footer.html.twig" %}
  165.     </footer>
  166.     {% block modals %}
  167.             {% include "/modal/modalConnect.html.twig" %}
  168.     {% endblock %}
  171.     </body>
  172. </html>