templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  3. {% set __route = app.request.attributes.get('_route') %}
  4. {% set isHome = (__route in ['home','homepage','app_homepage']) or (app.request.pathinfo == '/') %}
  5. {% set identityEnabled =
  6.     identity_active is defined
  7.         ? identity_active
  8.         : true
  9. %}
  10. <html>
  11.     <head>
  12.         <meta charset="UTF-8">
  13.         <meta http-equiv="x-ua-compatible" content="ie=edge">
  14.         {% block title %}{% endblock %}
  15.         {% block metatags %}{% endblock %}
  16.         <meta name="viewport" content="width=device-width, initial-scale=1">
  17.         {# Desktop icon #}
  18.         <link rel="shortcut icon" type="image/png" href="{{ siteConfig.faviconUrl ?? asset('favicon.ico') }}">
  19.         {# Android icon #}
  20.         <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"}]}' />
  21.         {# iOS icon #}
  22.         <link rel="apple-touch-icon" sizes="180x180" href="{{ siteConfig.faviconUrl ?? asset('favicon.ico') }}">
  23.         {% block stylesheets %}
  24.             <!-- CSS here -->
  25.             {{ encore_entry_link_tags('app') }}
  26.             {{ encore_entry_link_tags('cookieconsent.min') }}
  27.             <link rel="preconnect" href="https://fonts.googleapis.com">
  28.             <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  29.             <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">
  30.             <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" />
  31.             <style id="theme-colors">
  32.                 :root {
  33.                   --page-background-color: {{ siteConfig.siteCustomization.pageBackgroundColor }};
  34.                   --page-foreground-color: {{ siteConfig.siteCustomization.pageForegroundColor }};
  35.                   --menu-background-color: {{ siteConfig.siteCustomization.menuBackgroundColor }};
  36.                   --menu-background-color-header-alpha: {{ siteConfig.siteCustomization.menuBackgroundColor }}80;
  37.                   --menu-background-color-silder-alpha: {{ siteConfig.siteCustomization.menuBackgroundColor }}cd;
  38.                   --menu-foreground-color: {{ siteConfig.siteCustomization.menuForegroundColor }};
  39.                   --page-title-color: {{ siteConfig.siteCustomization.pageTitleColor }};
  40.                   --button-background-color: {{ siteConfig.siteCustomization.buttonBackgroundColor }};
  41.                   --button-foreground-color: {{ siteConfig.siteCustomization.buttonForegroundColor }};
  42.                 }
  44.                 body {
  45.                     background-color:  var(--page-background-color) !important;
  46.                     color : var(--page-foreground-color) !important;
  47.                 }
  48.                 .bg-dark {
  49.                     background-color: transparent !important;
  50.                 } 
  52.                 .bloc-categ .MultiCarousel .MultiCarousel-inner .item>div {
  53.                     background-color:  var(--page-background-color) !important;
  54.                 }
  56.                 nav a, nav span, nav .navbar-nav .nav-item i {
  57.                     color: var(--page-foreground-color);
  58.                 }
  60.                 .login-nav__item.active a:after {
  61.                     background-color: {{ siteConfig.siteCustomization.pageTitleColor }} !important;
  62.                 }
  63.                 .modal-content {
  64.                     color: var(--page-title-color) !important;
  65.                     background-color: var(--page-background-color) !important;
  66.                 }
  67.                 h1, h2, h3, h4, h5, h6 {
  68.                     color: var(--page-title-color) !important;
  69.                 }
  71.                 button:not(.btn-close),
  72.                 .btn:not(.btn-close) {
  73.                     background-color: var(--button-background-color);
  74.                     color: var(--button-foreground-color);
  75.                     border-color: var(--button-background-color);
  76.                 }
  78.                 button:not(.btn-close):hover{
  79.                     color: var(--button-background-color);
  80.                     background-color: var(--button-foreground-color);
  81.                     border-color: var(--button-background-color);
  82.                 }
  84.                 .container-footer .list-unstyled li a {
  85.                     border-color: var(--button-background-color) !important;
  86.                 }
  88.                 .dropdown-menu {
  89.                     background-color: var(--button-background-color) !important;
  90.                 }
  92.                 .dropdown-menu p, .dropdown-menu a, .dropdown-menu span, .dropdown-menu .dropdown-item{
  93.                     color: var(--button-foreground-color) !important;
  94.                 }
  96.                 button p,button span{
  97.                     color: var(--button-foreground-color) !important;
  98.                 }
  99.             
  100.                 input{
  101.                     border: 2px solid var(--button-background-color) !important;
  102.                 }
  104.                 /* css for modal cookieconsent */
  105.                 button.cc-link {
  106.                     background: transparent !important;
  107.                     color: var(--button-background-color) !important;
  108.                 }
  109.                 .cc_div .cc-link:hover {
  110.                     border: none;
  111.                 }
  112.                 /* end css for cookieconsent */
  114.                 .required:after {
  115.                     content:" *";
  116.                     color: red
  117.                 }
  118.                 .global-spinner {
  119.                     position: fixed;
  120.                     top: 0;
  121.                     left: 0;
  122.                     width: 100%;
  123.                     height: 100%;
  124.                     background-color: rgba(0, 0, 0, 0.5);
  125.                     display: flex;
  126.                     justify-content: center;
  127.                     align-items: center;
  128.                     z-index: 9999;
  129.                 }
  130.             </style>
  131.             <!-- CSS here -->
  132.             <meta http-equiv="Cache-control" content="public">
  133.         {% endblock %}
  134.     </head>
  135.     <body
  136.     lang="{{ app.request.locale }}"
  137.     data-is-home="{{ isHome ? '1' : '0' }}"
  138.     data-identity-enabled="{{ identityEnabled ? '1' : '0' }}"
  139.     data-anonymization-enabled="{{ siteConfig.isAnonymizationActive ? '1' : '0' }}"
  140.     >
  141.         <div id="global-spinner" class="global-spinner" style="display: none;">
  142.             <div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
  143.                 <span class="visually-hidden">
  144.                     Chargement...
  145.                 </span>
  146.             </div>
  147.         </div>
  148.         {% block nav %}
  149.             {{- renderNav() -}}
  150.         {% endblock %}
  151.         {% for message in app.flashes('success') %}
  152.             <div class="alert alert-success alert-base" id="success-alert">
  153.                 {{ message|raw }}
  154.             </div>
  155.         {% endfor %}
  156.         {% for message in app.flashes('warning') %}
  157.             <div class="alert alert-warning alert-base" id="warning-alert">
  158.                 {{ message|raw }}
  159.             </div>
  160.         {% endfor %}
  161.         {% block body %}{% endblock %}
  162.         {{- renderFooter() -}}
  163.         <!-- JS here -->
  164.         <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>
  165.         {% set isHome = app.request.pathinfo == '/' %}
  166.         {% if app.user and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
  167.             <script defer src="{{ asset('assets/js/identity-orchestrator.js') }}"></script>
  168.         {% endif %}
  169.     </body>
  170.     {% block javascripts %}
  171.         <script>
  172.           const previewMode = {{ preview is defined and preview ? 'true' : 'false' }};
  173.           const session = "{{ app.session.id }}"
  174.            let cgu = true;
  175.         {% if app.user and app.user.isAcceptCgu == false %}
  176.             cgu = false;
  177.         {% endif %}
  178.         </script> 
  179.         <!-- End variables -->
  180.         <!-- JS here -->
  181.         {{ encore_entry_script_tags('app') }}
  182.         <script defer>
  183.             const contact_path = '{{ path('contact') }}',
  184.                 title = 'Nous utilisons des cookies !',
  185.                 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.'
  186.         </script>
  187.         <script>
  188.     // Fade-out progressif des flash messages après 4 secondes
  189.     document.addEventListener('DOMContentLoaded', () => {
  190.         const flashes = document.querySelectorAll('.alert-warning');
  191.         flashes.forEach(flash => {
  192.             setTimeout(() => {
  193.                 flash.style.transition = 'opacity 0.5s ease';
  194.                 flash.style.opacity = '0';
  195.                 setTimeout(() => flash.remove(), 500);
  196.             }, 4000);
  197.         });
  198.     });
  199. </script>
  200.         {{ encore_entry_script_tags('contributorForm') }}
  201.         {{ encore_entry_script_tags('identityForm') }}
  202.         {{ encore_entry_script_tags('global-spinner') }}
  203.         {{ encore_entry_script_tags('cookieconsent-init') }}
  204.         {{ encore_entry_script_tags('messaging_get_token') }}
  205.         {{ encore_entry_script_tags('webPushNotifications') }}
  206.     {% include('partials/cookies.html.twig') %}
  207. {% endblock %}
  208. </html>