templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Welcome!{% endblock %}</title>
  6.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
  7.     <link
  8.     rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  9.     {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  10.     <link rel="stylesheet" href="{{ asset('bootstrap-5.0.2-dist/css/bootstrap.css') }}">
  11.     <link rel="stylesheet" href="{{ asset('awesomplete/awesomplete.css') }}">
  12.     <link rel="stylesheet" href="{{ asset('style.css') }}">
  13.     {% block stylesheets %}
  14.         {{ encore_entry_link_tags('app') }}
  15.     {% endblock %}
  16.         <script src="{{ asset('bootstrap-5.0.2-dist/js/bootstrap.js') }}"></script>
  17.         <script src="{{ asset('forms.js') }}"></script>
  18.         {% block javascripts %}
  19.             {{ encore_entry_script_tags('app') }}
  20.         {% endblock %}
  21.     <meta name="viewport" content="width=device-width, initial-scale=1">
  22. </head>
  23. <body>
  24.     <div class="center">
  25.         <div class="logo-home">
  26.             <img src="{{ asset('logo/LYSI-logo-v5_crop.jpg') }}" alt="Lysi - logo" height="150">
  27.         </div>
  28.     </div>
  29.     {# lire et afficher tous les messages Flash #}
  30.     {% for label, messages in app.flashes %}
  31.         {% for message in messages %}
  32.             {# utilisation des classes de Bootstrap #}
  33.             <div class="text-center alert alert-{{ label }}" role="alert">{{ message|trans }}</div>
  34.         {% endfor %}
  35.     {% endfor %}
  36.     {% block body %}{% endblock %}
  37. <script>
  38. document.addEventListener('DOMContentLoaded', () => {
  39.     if (navigator.userAgent.toLowerCase().includes('firefox') && navigator.userAgent.toLowerCase().includes('android')) {
  40.         document.querySelectorAll('.autocomplete .form-control').forEach( (itm) => {
  41.             itm.classList.toggle('awesomplete')
  42.         })
  43.         loadJS("{{ asset('awesomplete/awesomplete.js') }}", true);
  44.     }
  45. })
  46. </script>
  47. {% block footer %}{% endblock %}
  48. </body>
  49. </html>