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.         <title>{% block title %}Welcome!{% endblock %}</title>
  7.         <link 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>">
  8.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  9.         {% block stylesheets %}
  10.             {{ encore_entry_link_tags('app') }}
  11.         {% endblock %}
  12.          <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
  13.         {# Fichier CSS custom sans Webpack (public/assets/css/otropik.css) #}
  14.         <link rel="stylesheet" href="{{ asset('css/style.css') }}">
  15.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
  17.         {% block javascripts %}
  18.             {{ encore_entry_script_tags('app') }}
  19.         {% endblock %}
  20.     </head>
  21.     <body class="bg-brand">
  22.      
  23.   <header class="site-header">
  24.     <div class="container">
  25.       <div class="row">
  26.         {# ⚠️ Utilise EXACTEMENT la même colonne que la card ci-dessous #}
  27.         <div class="col-12 col-lg-10 mx-auto">
  28.           <div class="brand-block">
  29.             <a class="site-logo" href="{{ path('app_default') }}">
  30.               <img src="{{ asset('img/logo.jpg') }}" alt="orange">
  31.             </a>
  32.             <div class="site-badge">
  33.               <img src="{{ asset('img/accroche.jpg') }}" alt="Journée Portes Ouvertes">
  34.             </div>
  35.           </div>
  36.         </div>
  37.       </div>
  38.     </div>
  39.   </header>
  40.     <main class="has-sticky-header d-flex align-items-start" style="min-height:100vh;">
  41.     <div class="container">
  42.       <div class="row">
  43.         {# ⚠️ même grille que le header #}
  44.         <div class="col-12 col-lg-10 mx-auto">
  45.           <div class="card form-card p-4 p-md-5 mt-2">
  46.     {% for type, messages in app.flashes %}
  47.       {% for msg in messages %}
  48.         <div class="alert alert-{{ type == 'error' ? 'danger' : type }} alert-dismissible fade show" role="alert">
  49.           {{ msg|raw }}
  50.           <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
  51.         </div>
  52.       {% endfor %}
  53.     {% endfor %}
  54.         {% block body %}{% endblock %}
  55.               </div>
  56.         </div>
  57.       </div>
  58.     </div>
  59.   </main>
  61.     </body>
  62. </html>