templates/front/base.html.twig line 1

Open in your IDE?
  1. <!doctype html>
  2. <html lang="{{ app.request.locale }}">
  3.   <head>
  4.     <!-- Google Tag Manager -->
  5.     <script>
  6.     window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
  7.     (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-MLGFWTV');</script>
  12.     <!-- End Google Tag Manager -->
  13.     
  14.     <meta charset="UTF-8">
  15.     <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
  16.     {% block seo %}
  17.         <title>{{ 'app.default.page_title'|trans|remove_highlight_word }}</title>
  18.     {% endblock seo %}
  19.     {% block metadata %}{% endblock metadata %}
  20.   
  21.     {% block stylesheet %}
  22.         <link rel="stylesheet" href="{{ preload(asset('app.css'), { as: 'style' } ) }}">
  24.         {% if page is defined and page.template == 'home'%}
  25.           <link rel="stylesheet" href="{{ preload(asset('hp.css'), { as: 'style' } ) }}">
  26.         {% elseif page is defined and page.template == 'contact'%}
  27.           <link rel="stylesheet" href="{{ preload(asset('contact.css'), { as: 'style' } ) }}">
  28.         {% elseif page is defined and page.template == 'index'%}
  29.           <link rel="stylesheet" href="{{ preload(asset('index.css'), { as: 'style' } ) }}">
  30.         {% elseif page is defined and page.template == 'edito' or page.template == 'publication' or page.template == 'news' or page.template == 'expertise' or page.template == 'our-jobs' %}
  31.           <link rel="stylesheet" href="{{ preload(asset('edito.css'), { as: 'style' } ) }}">
  32.         {% elseif page is defined and page.template == 'publications-list' or page.template == 'publications-list-adherent' or page.template == 'news-list' or page.template == 'photo-library' %}
  33.           <link rel="stylesheet" href="{{ preload(asset('list.css'), { as: 'style' } ) }}">
  34.         {% elseif page is defined and page.template == 'search' %}
  35.           <link rel="stylesheet" href="{{ preload(asset('search.css'), { as: 'style' } ) }}">
  36.         {% else %}
  37.           <link rel="stylesheet" href="{{ preload(asset('default.css'), { as: 'style' } ) }}">
  38.         {% endif %}
  39.     {% endblock stylesheet %}
  41.     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  42.     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  43.     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  44.     <link rel="manifest" href="/site.webmanifest">
  45.     <meta name="msapplication-TileColor" content="#da532c">
  46.     <meta name="theme-color" content="#ffffff">
  48.     {# https://csswizardry.com/2020/05/the-fastest-google-fonts/ #}
  49.     {# See readme for examples with typekit fonts && self hosted fonts #}
  50.     <!-- [1] -->
  51.     <link rel="preconnect" href="https://fonts.googleapis.com">
  52.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
  53.     <!-- [2] -->
  54.     <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
  56.     <!-- [3] -->
  57.     <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap" media="print" onload="this.media='all'"/>
  59.     <!-- [4] -->
  60.     <noscript>
  61.       <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap"/>
  62.     </noscript>
  64.     <script src="//unpkg.com/alpinejs" defer></script>
  65.     <style>
  66.       [x-cloak] { display: none !important; }
  67.       .\!opacity-100 {
  68.         opacity: 1 !important;
  69.       }
  71.       .width-fit-full {
  72.         width: fit-content !important;
  73.       }
  75.       .btn-select-faq {
  76.         display: none;
  77.       }
  79.       @media (max-width: 768px) {
  80.         .btn-select-faq {
  81.           display: flex;
  82.           justify-content: space-between;
  83.         }
  85.         .width-fit-full {
  86.           width: 100% !important;
  87.         }
  89.         .top-60px {
  90.           top: 60px !important;
  91.         }
  92.       }
  93.     </style>
  94.   </head>
  95.   
  96.   <body class="preload font-body {% if page is defined %}{{ page.template }}{% endif %}" data-route="{{ page.currentPath|default('') }}">
  97.     <!-- Google Tag Manager (noscript) -->
  98.     <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MLGFWTV"
  99.     height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  100.     <!-- End Google Tag Manager (noscript) -->
  102.     <div class="sr-only" js-inline-svg="{ url: '/static/build/sprite.svg' }" aria-hidden="true"></div>
  103.     
  104.     <!-- !important leave app div -->
  105.     <div id="app" class="app" js-full-height-mobile>
  106.       <!-- custom content for each project -->
  107.       {% include 'front/partials/header.html.twig' %}
  109.       <div class="app-body {{ errorPage is defined or page.template in ['password-forgot', 'reset-forgot'] ? 'flex' : ''  }} {{ hasHeroImage is defined ? 'has-hero-image' : '' }}">
  110.         {% block layout %}{% endblock layout %}
  111.       </div>
  113.       {% if page is defined and page.template == 'home' %}
  114.         {% include 'front/partials/social-banner.html.twig' %}
  115.       {% endif %}
  117.       {% if page is defined and page.template not in ['login', 'registration', 'password-forgot', 'reset-forgot'] %}
  118.         {% include 'front/partials/newsletter.html.twig' %}
  119.       {% endif %}
  121.       {% include 'front/partials/footer.html.twig' with {type: page.template in ['login', 'registration', 'password-forgot', 'reset-forgot'] ? 'border' : 'reg' } %}
  122.       <!-- END custom content for each project -->
  123.     </div>
  125.     <div class="modals"></div>
  127.   {% block javascripts %}
  128.       <script src="{{ preload(path('front_config_javascriptSettings'), { as: 'script' } )}}"></script>
  129.       <script src="{{ preload(asset('app.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  131.       {% if page is defined and page.template == 'home'%}
  132.         <script src="{{ preload(asset('hp.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  133.       {% elseif page is defined and page.template == 'contact' %}
  134.         <script src="{{ preload(asset('contact.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  135.       {% elseif page is defined and page.template == 'index' %}
  136.         <script src="{{ preload(asset('index.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  137.       {% elseif page is defined and page.template == 'edito' or page.template == 'publication' or page.template == 'expertise' or page.template == 'our-jobs' or page.template == 'news' %}
  138.          <script src="{{ preload(asset('edito.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  139.       {% elseif page is defined and page.template == 'publications-list' or page.template == 'publications-list-adherent' or page.template == 'news-list' or page.template == 'photo-library' %}
  140.         <script src="{{ preload(asset('list.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  141.       {% elseif page is defined and page.template == 'search' %}
  142.         <script src="{{ preload(asset('search.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  143.       {% else %}
  144.         <script>
  145.         if(!self.customElements)
  146.           document.write('<script src="//unpkg.com/@webreflection/custom-elements-no-builtin"><\x2fscript>')
  147.         </script>
  148.         <script src="{{ preload(asset('default.js') , { as: 'script' } ) }} " type="text/javascript"></script>
  149.       {% endif %}
  150.   {% endblock javascripts %}
  151.   </body>
  152. </html>