templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="UTF-8">
  5.         <meta name="viewport" content="width=device-width, initial-scale=1">
  6.         <!-- LightGallery CSS -->
  7.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/css/lightgallery-bundle.min.css" integrity="sha512-nUqPe0+ak577sKSMThGcKJauRI7ENhKC2FQAOOmdyCYSrUh0GnwLsZNYqwilpMmplN+3nO3zso8CWUgu33BDag==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  8.         <link rel="stylesheet" href="{{ asset('assets/css/lightgallery.css') }}">
  9.         <!-- Bootstrap CSS -->
  10.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet"
  11.             integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
  12.         <!-- Bootstrap icons -->
  13.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  14.         <!-- Bootstrap table -->
  15.         <link href="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.css" rel="stylesheet">
  16.         <!-- FontAwesome CSS -->
  17.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  18.         <!-- Custom CSS -->
  19.         <link rel="stylesheet" href="{{ asset('assets/css/tgsc.css') }}">
  20.         <!-- favicon -->
  21.         <link rel="shortcut icon" href="{{ asset('assets/images/logo/TGS-concept_LOGO-Gris.jpg') }}" type="image/x-icon">
  22.         <title>{% block title %}TGS Concept{% endblock %}</title>
  23.     </head>
  24.     <body>
  26.         <div id="content" class="container-xl bg-dark p-5">
  27.             {% include "_nav.html.twig" %}
  29.             {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  30.                 {% block subnav %}{% endblock %}
  31.             {% endif %}
  33.             {% include '_flash_messages.html.twig' %}
  35.             {% block body %}{% endblock %}
  36.             <!-- footer -->
  37.             <footer class="d-flex justify-content-between py-3 text-secondary">
  38.                 <div>
  39.                     <a id="footer-admin" href="{{ path('app_back_main_home') }}"><img src="{{ asset('assets/images/logo/TGS-concept_LOGO-Blanc.jpg') }}" height="20" alt="Administration TGS Concept"></a>
  40.                 </div>
  41.                 <div id="footer-copyright"><span>&copy; 2022 - TGS Concept</span></div>
  42.                 <div>
  43.                     <a id="footer-disclaimer" class="mx-3" href="{{ path('app_main_disclaimer') }}">Mentions légales</a>
  44.                     <a id="footer-contact" href="{{ path('app_main_contact') }}">Contact</a>
  45.                 </div>
  46.             </footer>
  47.         </div>
  49.         <!-- JS - Font Awesome -->
  50.         <script src="https://kit.fontawesome.com/95ebc98ef4.js" crossorigin="anonymous"></script>
  51.         <!-- JS - jQuery -->
  52.         <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
  53.         <!-- JS - Bootstrap Bundle with Popper -->
  54.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
  55.             integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
  56.         <!-- JS - Bootstrap table -->
  57.         <script src="https://unpkg.com/bootstrap-table@1.21.2/dist/bootstrap-table.min.js"></script>
  58.         <!-- JS - Bootstrap table - Translation -->
  59.         <script src="{{ asset('assets/js/bootstrap-table-fr-FR.js') }}"></script>
  60.         <!-- JS - Light Gallery -->
  61.         <script src="https://cdnjs.cloudflare.com/ajax/libs/lightgallery/2.7.1/lightgallery.min.js" integrity="sha512-dSI4QnNeaXiNEjX2N8bkb16B7aMu/8SI5/rE6NIa3Hr/HnWUO+EAZpizN2JQJrXuvU7z0HTgpBVk/sfGd0oW+w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  62.         <script type="text/javascript">
  63.             // Bootstrap Table
  64.             function detailFormatter(index, row) {
  65.             var html = []
  66.             $.each(row, function (key, value) {
  67.                 html.push('<p><b>' + key + ':</b> ' + value + '</p>')
  68.             })
  69.             return html.join('')
  70.             }
  71.             // Light Gallery initialization
  72.             lightGallery(document.getElementById('lightgallery'), {
  73.                 // plugins: [lgZoom, lgThumbnail],
  74.                 // licenseKey: 'your_license_key',
  75.                 speed: 500,
  76.                 // ... other settings
  77.             });
  78.             // Burger menu (inspiré de https://codepen.io/zagaris/pen/qBmqQEN)
  79.             const button = document.getElementById("burger");
  80.             const initialBtn = '<i class="fas fa-bars" aria-hidden="true"></i>';
  81.             const nav = document.getElementById("nav-menu");
  82.             button.addEventListener('click', () => {
  83.                 nav.classList.toggle('show');
  84.                 if (button.innerHTML.includes(initialBtn)) {
  85.                     button.innerHTML ='<i class="bi bi-x-lg"></i>';
  86.                 } else {
  87.                     button.innerHTML = initialBtn;
  88.                 }
  89.             });
  90.         </script>
  91.     </body>
  92. </html>