templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  6.         {% block title %}
  7.         {% endblock %}
  8.         {% block metatags %}
  9.         {% endblock %}
  10.         <meta name="viewport" content="width=device-width, initial-scale=1">
  11.         
  12.         {# Desktop icon #}
  13.         <link rel="shortcut icon" type="image/png" href="{{ siteConfig.faviconUrl ?? asset('favicon.ico') }}">
  14.         
  15.         {# Android icon #}
  16.         <link rel="manifest" href='data:application/manifest+json,{"name": "{{ siteConfig.siteName }}", "short_name": "{{ siteConfig.siteName }}", "display": "standalone", "icons": [{"src": "{{ siteConfig.faviconUrl ?? asset('favicon.ico') }}", "sizes": "192x192", "type": "image/png"}]}' />
  17.         
  18.         {# iOS icon #}
  19.         <link rel="apple-touch-icon" sizes="180x180" href="{{ siteConfig.faviconUrl ?? asset('favicon.ico') }}">
  20.         
  21.         {% block stylesheets %}
  22.             <!-- CSS here -->
  23.             {{ encore_entry_link_tags('app') }}
  24.             {{ encore_entry_link_tags('cookieconsent.min') }}
  25.             <link rel="preconnect" href="https://fonts.googleapis.com">
  26.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  27.             <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,300;0,400;0,500;0,700;0,800;0,900;1,200&display=swap" rel="stylesheet">
  28.             <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css" integrity="sha512-rqQltXRuHxtPWhktpAZxLHUVJ3Eombn3hvk9PHjV/N5DMUYnzKPC1i3ub0mEXgFzsaZNeJcoE0YHq0j/GFsdGg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  29.     
  30.             <style id="theme-colors">
  31.                 :root {
  32.                   --page-background-color: {{ siteConfig.siteCustomization.pageBackgroundColor }};
  33.                   --page-foreground-color: {{ siteConfig.siteCustomization.pageForegroundColor }};
  34.                   --menu-background-color: {{ siteConfig.siteCustomization.menuBackgroundColor }};
  35.                   --menu-background-color-header-alpha: {{ siteConfig.siteCustomization.menuBackgroundColor }}80;
  36.                   --menu-background-color-silder-alpha: {{ siteConfig.siteCustomization.menuBackgroundColor }}cd;
  37.                   --menu-foreground-color: {{ siteConfig.siteCustomization.menuForegroundColor }};
  38.                   --page-title-color: {{ siteConfig.siteCustomization.pageTitleColor }};
  39.                   --button-background-color: {{ siteConfig.siteCustomization.buttonBackgroundColor }};
  40.                   --button-foreground-color: {{ siteConfig.siteCustomization.buttonForegroundColor }};
  41.                 }
  42.                 body {
  43.                     background-color:  var(--page-background-color) !important;
  44.                     color : var(--page-foreground-color) !important;
  45.                 }
  46.                 .bg-dark {
  47.                     background-color: transparent !important;
  48.                 } 
  49.                 .bloc-categ .MultiCarousel .MultiCarousel-inner .item>div {
  50.                     background-color:  var(--page-background-color) !important;
  51.                 }
  52.                 nav a, nav span, nav .navbar-nav .nav-item i {
  53.                     color: var(--page-foreground-color);
  54.                 }
  55.                 .login-nav__item.active a:after {
  56.                     background-color: {{ siteConfig.siteCustomization.pageTitleColor }} !important;
  57.                 }
  58.                 .modal-content {
  59.                     color: var(--page-title-color) !important;
  60.                     background-color: var(--page-background-color) !important;
  61.                 }
  62.                 h1, h2, h3, h4, h5, h6 {
  63.                     color: var(--page-title-color) !important;
  64.                 }
  65.                 button:not(.btn-close),
  66.                 .btn:not(.btn-close) {
  67.                     background-color: var(--button-background-color);
  68.                     color: var(--button-foreground-color);
  69.                     border-color: var(--button-background-color);
  70.                 }
  71.                 button:not(.btn-close):hover{
  72.                     color: var(--button-background-color);
  73.                     background-color: var(--button-foreground-color);
  74.                     border-color: var(--button-background-color);
  75.                 }
  76.                 .container-footer .list-unstyled li a {
  77.                     border-color: var(--button-background-color) !important;
  78.                 }
  79.                 .dropdown-menu {
  80.                     background-color: var(--button-background-color) !important;
  81.                 }
  82.                 .dropdown-menu p, .dropdown-menu a, .dropdown-menu span, .dropdown-menu .dropdown-item{
  83.                     color: var(--button-foreground-color) !important;
  84.                 }
  85.                 button p,button span{
  86.                     color: var(--button-foreground-color) !important;
  87.                 }
  88.             
  89.                 input{
  90.                     border: 2px solid var(--button-background-color) !important;
  91.                 }
  92.                 /* css for modal cookieconsent */
  93.                 button.cc-link {
  94.                     background: transparent !important;
  95.                     color: var(--button-background-color) !important;
  96.                 }
  97.                 .cc_div .cc-link:hover {
  98.                     border: none;
  99.                 }
  100.                 /* end css for cookieconsent */
  101.                 .required:after {
  102.                     content:" *";
  103.                     color: red
  104.                 }
  105.                 .global-spinner {
  106.                     position: fixed;
  107.                     top: 0;
  108.                     left: 0;
  109.                     width: 100%;
  110.                     height: 100%;
  111.                     background-color: rgba(0, 0, 0, 0.5);
  112.                     display: flex;
  113.                     justify-content: center;
  114.                     align-items: center;
  115.                     z-index: 9999;
  116.                 }
  117.             </style>
  118.             <!-- CSS here -->
  119.             <meta http-equiv="Cache-control" content="public">
  120.         {% endblock %}
  121.     </head>
  122.     <body lang="{{ app.request.locale }}">
  123.         <div id="global-spinner" class="global-spinner" style="display: none;">
  124.             <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
  125.                 <span class="visually-hidden">Chargement...</span>
  126.             </div>
  127.         </div>
  128.         {% block nav %}
  129.             {{- renderNav() -}}
  130.         {% endblock %}
  131.         {% for message in app.flashes('success') %}
  132.             <div class="alert alert-success alert-base" id="success-alert">{{ message|raw }}</div>
  133.         {% endfor %}
  134.         
  135.         {% block body %}
  136.         {% endblock %}
  137.         
  138.         {{- renderFooter() -}}
  139.         
  140.         <!-- JS here -->
  141.         <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/js/all.min.js" integrity="sha512-MNA4ve9aW825/nbJKWOW0eo0S5f2HWQYQEIw4TkgLYMgqk88gHpSHJuMkJhYMQWKE7LmJMBdJZMs5Ua19QbF8Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  142.     </body>
  143.     {% block javascripts %}
  144.         <script>
  145.           const previewMode = {{ preview is defined and preview ? 'true' : 'false' }};
  146.           const session = "{{ app.session.id }}"
  147.            let cgu = true;
  148.           {% if app.user and app.user.isAcceptCgu == false %}
  149.             cgu = false;
  150.           {% endif %}
  151.           
  152.         </script>
  153.         <!-- End variables -->
  154.         <!-- JS here -->
  155.         {{ encore_entry_script_tags('app') }}
  156.         <script defer>
  157.             const contact_path = '{{ path('contact') }}',
  158.                 title = 'Nous utilisons des cookies !',
  159.                 message = 'Ce site utilise des cookies pour vous offrir une meilleure expérience de navigation. En continuant à naviguer sur le site, vous acceptez notre utilisation des cookies.'
  160.         </script>
  161.         {{ encore_entry_script_tags('contributorForm') }}
  162.         {{ encore_entry_script_tags('identityForm') }}
  163.         {{ encore_entry_script_tags('global-spinner') }}
  164.         {{ encore_entry_script_tags('cookieconsent-init') }}
  165.         {{ encore_entry_script_tags('messaging_get_token') }}
  166.         {{ encore_entry_script_tags('webPushNotifications') }}
  167.         {% include('partials/cookies.html.twig') %}
  168.     {% endblock %}
  169.  
  170. </html>