templates/pro/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.       <meta charset="utf-8">
  5.       
  6.               <!-- Google Tag Manager -->
  7. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  8. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  9. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  10. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  11. })(window,document,'script','dataLayer','GTM-KJDMBH7N');</script>
  12. <!-- End Google Tag Manager -->
  14.         {% block meta %}
  15.         <title>My Audio</title>
  16.         {% endblock %}
  17.         <meta name="viewport" content="width=device-width, initial-scale=1">
  18.         <link rel="icon" type="image/png" href="/assets/img/favicon.png" />
  19.         {% block stylesheets %}
  20.             {#{{ encore_entry_link_tags('app') }}#}
  21.             <link rel="stylesheet" href="/assets/lib/bootstrap-5.0.2-dist/css/bootstrap.min.css">
  22.             <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css"
  23.             integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous" />
  24.             <!--icon-->
  25.             <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  26.             <link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.indigo-red.min.css">
  27.             <!--Font-->
  28.             <link rel="preconnect" href="https://fonts.gstatic.com">
  29.             <link href="https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&display=swap"
  30.                 rel="stylesheet">
  32.                 <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">
  33.                         <link rel="stylesheet" href="/assets/css/modal.css">
  34.             <link rel="stylesheet" href="/assets/css/header.css">
  35.             <link rel="stylesheet" href="/assets/css/footer.css">
  36.          
  38.         {% endblock %}
  40.         {% block javascripts %}
  41.             {#{{ encore_entry_script_tags('app') }}#}
  42.              <!--jquery-->
  43.             <script src="/assets/lib/jquery-3.6.0.min.js"></script>
  44.             <script src="/assets/lib/jquery-migrate-3.3.2.min.js"></script>
  45.             <!--bootstrap-->
  46.             <script src="/assets/lib/bootstrap-5.0.2-dist/js/bootstrap.bundle.min.js"></script>
  47.         
  48.             <!--Material-->
  49.             <script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
  50.             <script src="/assets/lib/date.format.js"></script>   
  51.             <script src="/assets/js/global.js"></script>  
  52.         {% endblock %}
  53.         <!-- Global site tag (gtag.js) - Google Analytics -->
  54.         <script async src="https://www.googletagmanager.com/gtag/js?id=G-KXH4YL6R9N"></script>
  55.         <script>
  56.         $(document).ready(function() {
  57.     var bannerIsClosed = false; // Flag to keep track if the banner is closed
  58.     function toggleStickyLinks() {
  59.         var footerOffset = $('footer').offset().top;
  60.         var $stickyLinks = $('.sticky-links-mobile');
  61.         var screenWidth = $(window).width();
  62.         if (screenWidth < 600) {
  63.                if (bannerClosed) {
  64.                   $('.sticky-links-mobile').hide();
  65.                 }
  66.                 else {
  67.                  $stickyLinks.css('display', 'block');
  68.                 }
  69.                 
  70.             $(window).scroll(function() {
  71.                 // Check if banner is closed, if so, do not show it again
  72.                     if (bannerClosed) {
  73.                     return;
  74.                 }
  75.                 if (bannerClosed) {
  76.                   $('.sticky-links-mobile').hide();
  77.                 }
  78.                 var scrollPosition = $(window).scrollTop();
  79.                 if (scrollPosition + $(window).height() >= footerOffset) {
  80.                     $stickyLinks.css('display', 'none');
  81.                 } else {
  82.                     $stickyLinks.css('display', 'block');
  83.                 }
  84.             });
  85.         } else {
  86.             $stickyLinks.css('display', 'none');
  87.         }
  88.     }
  90.     // Call the function initially
  91.     toggleStickyLinks();
  93.     // Re-call the function on window resize
  94.     $(window).resize(function() {
  95.         toggleStickyLinks();
  96.     });
  98.     // Close banner event
  99.     $('.sticky-links-mobile .close-banner').on('click', function() {
  100.         $('.sticky-links-mobile').hide();
  101.             document.cookie = "bannerClosed=true; expires=Fri, 31 Dec 9999 23:59:59 GMT";
  102.             bannerClosed = true;
  104.     });
  106.     var cookies = document.cookie.split(';');
  107.     var bannerClosed = false;
  108.     for (var i = 0; i < cookies.length; i++) {
  109.         var cookie = cookies[i].trim();
  110.         if (cookie.indexOf('bannerClosed=true') === 0) {
  111.             bannerClosed = true;
  112.             break;
  113.         }
  114.     }
  115.     if (bannerClosed) {
  116.         $('.sticky-links-mobile').hide();
  117.     }
  119. });
  121.         window.dataLayer = window.dataLayer || [];
  122.         function gtag(){dataLayer.push(arguments);}
  123.         gtag('js', new Date());
  125.         gtag('config', 'G-KXH4YL6R9N');
  126.        
  127.         </script>
  128.     </head>
  129.     <body>
  131.         <!-- Google Tag Manager (noscript) -->
  132. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KJDMBH7N"
  133. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  134. <!-- End Google Tag Manager (noscript) -->
  135.     
  136.         {% block body %}{% endblock %}
  137.     
  138.     <header id="nav-header">
  140.          {% include "/pro/header.html.twig" %}
  141.     </header>
  142.     <main>
  143.         {% block content %}
  144.         {% endblock %}
  145.     </main>
  146.     {% include "/pro/bandemobile.html.twig" %}
  147.      <footer class="home_footer">
  148.         {% include "/pro/footer.html.twig" %}
  149.     </footer>
  150.     {% block modals %}
  151.     {% endblock %}
  152.     </body>
  153. </html>