templates/front/layout.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     {% if site_mode is defined and site_mode == 'prod' %}
  5.         <!-- Matomo Tag Manager -->
  6.         <script>
  7.             var _mtm = window._mtm = window._mtm || [];
  8.             _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
  9.             var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
  10.             g.async=true; g.src='https://cdn.matomo.cloud/lesbonsprofs.matomo.cloud/container_mCYLJzEF.js'; s.parentNode.insertBefore(g,s);
  11.         </script>
  12.         <!-- End Matomo Tag Manager -->
  13.         <!-- Google Tag Manager -->
  14.         <!-- Google tag (gtag.js) -->
  15.         <!-- Google Tag Manager -->
  16.         <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  17.                     new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  18.                 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  19.                 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  20.             })(window,document,'script','dataLayer','GTM-P6WW2D7');</script>
  21.         <!-- End Google Tag Manager -->
  23.         <!-- End Google Tag Manager -->
  24.     {% endif %}
  26.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/commun/favicon/apple-touch-icon.png">
  27.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/commun/favicon/favicon-32x32.png">
  28.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/commun/favicon/favicon-16x16.png">
  29.     <link rel="manifest" href="/static/img/commun/favicon/site.webmanifest">
  30.     <link rel="mask-icon" href="/static/img/commun/favicon/safari-pinned-tab.svg" color="#5bbad5">
  31.     <meta name="msapplication-TileColor" content="#ffffff">
  32.     <meta name="theme-color" content="#ffffff">
  33.     <meta charset="utf-8">
  34.     {% block meta %}
  35.         <title>Les Bons Profs : Cours en ligne et en vidéo</title>
  36.         <meta name="description"
  37.               content="N°1 du soutien scolaire en ligne et en vidéo de la 6e à la terminale, Les Bons Profs aident votre enfant à améliorer ses notes."/>
  38.     {% endblock %}
  39.     <meta name="keywords"
  40.           content="soutien scolaire en ligne, cours, révision, encadrement scolaire, accompagnement, devoir, aide, prof, domicile, contrôle, examen, bac, brevet, stage en ligne"/>
  41.     <meta content="width=device-width, initial-scale=1.0" name="viewport">
  42.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  44.     <meta content="LesBonsProfs" name="author">
  46.     <meta property="og:site_name" content="{% block og_site_name %}LesBonsProfs{% endblock %}">
  47.     <meta property="og:title"
  48.           content="{% block og_title %}Les Bons Profs : Cours en ligne et en vidéo{% endblock %}">
  49.     <meta property="og:description"
  50.           content="{% block og_description %}N°1 du soutien scolaire en ligne et en vidéo de la 6e à la terminale, Les Bons Profs aident votre enfant à améliorer ses notes.{% endblock %}">
  51.     <meta property="og:type" content="{% block og_type %}website{% endblock %}">
  53.     <meta property="og:image"
  54.           content="{% block og_image %}{{ app.request.getSchemeAndHttpHost() ~ asset('bundles/bomain/images/common/fb-default.png') }}{% endblock %}">
  56.     <meta name="twitter:card" content="{% block tt_card %}summary{% endblock %}"/>
  57.     <meta name="twitter:site" content="{% block tt_site %}@LesBonsProfs{% endblock %}"/>
  58.     <meta name="twitter:title"
  59.           content="{% block tt_title %}Les Bons Profs : Cours en ligne et en vidéo{% endblock %}"/>
  60.     <meta name="twitter:description"
  61.           content="{% block tt_description %}LesBonsProfs accompagnent les élèves de la 6e à la terminale dans leurs révisions et la préparation au Bac et au Brevet{% endblock %}"/>
  63.     <meta name="twitter:image"
  64.           content="{% block tt_image %}{{ app.request.getSchemeAndHttpHost() ~ asset('bundles/bomain/images/common/tt-default.png') }}{% endblock %}"/>
  66.     <meta name="viewport"
  67.           content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"/>
  68.     <meta name="format-detection" content="telephone=yes"/>
  69.     <script src="https://www.googleoptimize.com/optimize.js?id=GTM-5BRWKFZ"></script>
  70.     {% block stylesheet %}
  71.     {% endblock %}
  72. </head>
  75. <body class="custom-body">
  76. <!-- Google Tag Manager (noscript) -->
  77. <!-- Google Tag Manager (noscript) -->
  78. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P6WW2D7"
  79.                   height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  80. <!-- End Google Tag Manager (noscript) -->
  81. <!-- End Google Tag Manager (noscript) -->
  82. <div class="body" {% if pageLessons is not defined %}{% else %}id="page-cours"{% endif %}>
  83.     {% block nav %}
  84.         {% include "front/nav.html.twig" %}
  85.     {% endblock %}
  86.     {% block body %}{% endblock %}
  87.     {% block footer %}
  88.         {% include "front/footer.html.twig" %}
  89.     {% endblock %}
  90. </div>
  92. {% set showFlash = false %}
  93. <div id="show-dialog" class="modalcustom" style="display: none">
  94.     <h4 class="mb-4"><i class="fa fa-check-circle text-color-green"></i> Messages</h4>
  95.     {% for message in app.flashes('notice') %}
  96.         {% set showFlash = true %}
  97.         <div class="flash-notice">
  98.             {{ message|raw }}
  99.         </div>
  100.     {% endfor %}
  101.     <div class="infos-text"></div>
  102. </div>
  103. <div class="u-spinner h-100 vh-100">
  104.     <svg class="svg-icon svg-loader" version="1.1" id="L4" xmlns="http://www.w3.org/2000/svg"
  105.          xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 50 100" enable-background="new 0 0 0 0"
  106.          xml:space="preserve">
  107.         <circle cx="0" cy="50" r="6">
  108.             <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.1"></animate>
  109.         </circle>
  110.         <circle cx="20" cy="50" r="6">
  111.             <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.2"></animate>
  112.         </circle>
  113.         <circle cx="41" cy="50" r="6">
  114.             <animate attributeName="opacity" dur="1s" values="0;1;0" repeatCount="indefinite" begin="0.3"></animate>
  115.         </circle>
  116.     </svg>
  117. </div>
  118. {{ render(controller(
  119.     'App\\Controller\\Front\\HomePageController::renderPopinTraining',{'uri':app.request.requesturi,'route':app.request.attributes.get('_route')}
  120. )) }}
  121. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  122. {% block javascript %}
  123.     <script type="text/javascript">
  124.         $('#training-popin').modalcustom({
  125.         closeExisting: false
  126.         });
  127.         $('.clickContact').click(function(e){
  128.         e.preventDefault();
  129.             $('#contact').modalcustom();
  130.         })
  131.         $(document).on("mouseup", function(event){
  132.         var target = $(event.target).parents('.sidebar');
  135.         if((target.length==0 && $('.toggle[for="sidebartoggler"]').hasClass('open')) || $('.toggle[for="sidebartoggler"]').attr('class') == $(event.target).attr('class')){
  137.             $('.toggle[for="sidebartoggler"]').removeClass('open')
  138.             $('#sidebartoggler').prop('checked', false);
  141.     }
  143.     });
  144. {% if showFlash %}
  145.         $('#show-dialog').modalcustom({
  146.             closeExisting: false
  147.         });
  148.         {% endif %}
  149.     </script>
  150. {% endblock %}
  153. </body>
  154. </html>