templates/base.html.twig line 140

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" />
  8.         {% block meta %}
  9.         <title>My Audio</title>
  10.         {% endblock %}
  11.         {% block stylesheets %}
  12.             {#{{ encore_entry_link_tags('app') }}#}
  13.             <link rel="stylesheet" href="/assets/css/fancybox.css">
  14.             <link rel="stylesheet" href="/assets/lib/bootstrap-5.0.2-dist/css/bootstrap.css">
  15.             <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
  16.             integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
  17.             <!--icon-->
  18.             <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  19.             <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-red.min.css">
  20.             <!--Font-->
  21.             <link rel="preconnect" href="https://fonts.gstatic.com">
  22.             <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap"
  23.                 rel="stylesheet">
  25.                 <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">
  26.                         <link rel="stylesheet" href="/assets/css/modal.css">
  27.             <link rel="stylesheet" href="/assets/css/header.css">
  28.             <link rel="stylesheet" href="/assets/css/footer.css">
  30.         {% endblock %}
  32.         {% block javascripts %}
  33.             {#{{ encore_entry_script_tags('app') }}#}
  34.              <!--jquery-->
  35.             <script src="/assets/lib/jquery-3.6.0.min.js"></script>
  36.             <script src="/assets/lib/jquery-migrate-3.3.2.min.js"></script>
  37.             <!--bootstrap-->
  38.             <script src="/assets/lib/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>
  39.         
  40.             <!--Material-->
  41.             <script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
  42.             <script src="/assets/lib/date.format.js"></script>   
  43.             <script src="/assets/js/global.js"></script>  
  44.             <script src="/assets/js/login.js"></script>   
  45.              <script src="/assets/js/fancybox.js"></script>
  46.              <script src="/assets/js/cookies.js"></script>
  47.             <script type="text/javascript">
  48.                 $(document).ready(function() {
  49.                     $('body').cookieConsent({
  50.                         mode: 'bandeau',
  51.                         bandeau: {
  52.                             windows: '/bandeau'
  53.                         },
  54.                         windowsConfig: '/consent-config',
  55.                     });
  56.                 });
  57.                $(document).ready(function() {
  59.     var bannerIsClosed = false; // Flag to keep track if the banner is closed
  61.     function toggleStickyLinks() {
  62.         var footerOffset = $('footer').offset().top;
  63.         var $stickyLinks = $('.sticky-links-mobile');
  64.         var screenWidth = $(window).width();
  65.         if (screenWidth < 600) {
  66.              if (bannerClosed) {
  67.                   $('.sticky-links-mobile').hide();
  68.                 }
  69.                 else {
  70.                  $stickyLinks.css('display', 'block');
  71.                 }
  72.            $(window).scroll(function() {
  73.     // Check if banner is closed, if so, do not show it again
  74.     if (bannerClosed) {
  75.         return;
  76.     }
  77.     if (bannerClosed) {
  78.         $('.sticky-links-mobile').hide();
  79.     } else {
  80.         $stickyLinks.css('display', 'block');
  81.     }
  82.     var scrollPosition = $(window).scrollTop();
  83.     if (scrollPosition + $(window).height() >= footerOffset) {
  84.         $stickyLinks.css('display', 'none');
  85.     } else {
  86.         $stickyLinks.css('display', 'block');
  87.     }
  88. });
  89.         } else {
  90.             $stickyLinks.css('display', 'none');
  91.         }
  92.     }
  94.     // Call the function initially
  95.     toggleStickyLinks();
  97.     // Re-call the function on window resize
  98.     $(window).resize(function() {
  99.         toggleStickyLinks();
  100.     });
  102.    // Close banner event
  103.     $('.sticky-links-mobile .close-banner').on('click', function() {
  104.         $('.sticky-links-mobile').hide();
  105.             document.cookie = "bannerClosed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
  106.              bannerClosed = true;
  107.     });
  109.     var cookies = document.cookie.split(';');
  110.     var bannerClosed = false;
  111.     for (var i = 0; i < cookies.length; i++) {
  112.         var cookie = cookies[i].trim();
  113.         if (cookie.indexOf('bannerClosed=true') === 0) {
  114.             bannerClosed = true;
  115.             break;
  116.         }
  117.     }
  118.     if (bannerClosed) {
  119.         $('.sticky-links-mobile').hide();
  120.     }
  121. });
  123.             </script>   
  124.         {% endblock %}
  125.         <!-- Global site tag (gtag.js) - Google Analytics -->
  126.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-KXH4YL6R9N"></script>
  127.         <script>
  128.         window.dataLayer = window.dataLayer || [];
  129.         function gtag(){dataLayer.push(arguments);}
  130.         gtag('js', new Date());
  132.         gtag('config', 'G-KXH4YL6R9N');
  133.         </script>
  134.     </head>
  135.     <body>
  136.         {% block body %}{% endblock %}
  137.     
  138.     <header id="nav-header">
  140.     {{ render(controller(
  141.         'App\\Controller\\headerController::renderHeader',
  142.     )) }}
  143.          {# include "/header.html.twig" #}
  144.     </header>
  145.     <main>
  146.         {% block content %}
  147.         {% endblock %}
  148.     </main>
  149.      {% include "/bandemobile.html.twig" %}
  150.      <footer class="home_footer">
  151.         {% include "/footer.html.twig" %}
  152.     </footer>
  153.     {% block modals %}
  154.             {% include "/modal/modalConnect.html.twig" %}
  155.     {% endblock %}
  158.     </body>
  159. </html>