templates/base.html.twig line 1

  1. {% trans_default_domain "layout" %}
  2. {% set realLocale = getRealLocale(app.request.getLocale()) %}
  3. <!DOCTYPE html>
  4. <html>
  5.     <head>
  6.         <meta charset="UTF-8">
  7.         <meta name="description" content="{% block meta %}{% trans %}SpeakyPlanet s'adresse à tout débutant en anglais, et notamment à l'enfant de primaire (CP, CE1, CE2, CM1, CM2) et début collège (6ème, 5ème). Tu as entre 5 et 13 ans ? Joue à SpeakyPlanet pour apprendre l'anglais.{% endtrans %}{% endblock %}" />
  8.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  9.         <meta name="facebook-domain-verification" content="7d7t0axz4tukn8oyhv23x013bxs10a" />
  10.         <meta property="fb:app_id" content="570669466368821" />
  11.         {% block robotmeta %}
  12.             <meta name="robots" content="index,follow" />
  13.         {% endblock %}
  14.         <!-- IE11 pinning and live tiles -->
  15.         <meta name="application-name" content="SpeakyPlanet"/>
  16.         <meta name="msapplication-config" content="/browserconfig.xml" />
  17.         <title>{% block title %}{% trans %}SpeakyPlanet{% endtrans %} | {% trans %}Des jeux pour apprendre l'anglais aux enfants{% endtrans %}{% endblock %}</title>
  18.         <link rel="shortcut icon" href="{{ asset('site/favicon.jpg') }}" />
  19.         <link rel="apple-touch-icon" href="{{ asset('site/apple-touch-icon.png') }}" />
  20.         {% block viewport %}<meta name="viewport" content="width=device-width, initial-scale=1.0">{% endblock %}
  21.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  22.         {% block stylesheets %}
  23.             {{ encore_entry_link_tags('app') }}
  24.             <link rel="stylesheet" href="{{ asset('css/basic.css') }}">
  25.             <link rel="stylesheet" href="{{ asset('css/fonts.css') }}">
  26.             <link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}">
  27.             <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
  28.             <style>
  29.                 html, body, button, input, select, textarea {
  30.                     font-family: Verdana;
  31.                 }
  32.             </style>
  33.         {% endblock %}
  35.         {% block facebook %}
  36.             {{ include('facebook/facebook.html.twig') }}
  37.         {% endblock %}
  39.         {{ include('home/google_analytics.html.twig') }}
  40.         {% block javascripts %}
  41.             {{ encore_entry_script_tags('app') }}
  42.             <script src="{{ asset('js/popper.js') }}"></script>
  43.             <script src="{{ asset('js/bootstrap.min.js') }}"></script>
  44.             <script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>
  45.             <script src="{{ asset('js/jquery.countdown.min.js') }}"></script>
  46.         {% endblock %}
  47.     </head>
  48.     
  49.     <style>
  50.         .footer-container { background: transparent url('{{ asset('images/accueil/footer.jpg') }}') repeat-x; background-size: auto 100%; }
  51.         .container.main-cner { background-color: white; min-height: 768px; }
  52.         .bg-container { background: #c2edfd url('{{ asset('images/accueil/backgroundUp.png') }}') repeat-x center 0; }
  53.         footer .text-muted { color: #cccccc!important; }
  54.     </style>
  56.     <body>
  57.         {% block header %}
  58.             <ul id="i18nBar" class="nav me-auto" style="display: none">
  59.                 <li class="nav-item"><a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({_locale: 'fr'})) }}" class="nav-link link-dark px-2">
  60.                     <img src="{{ asset('images/flags/france.jpg') }}" />
  61.                 </a></li>
  62.                 <li class="nav-item"><a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({_locale: 'de'})) }}" class="nav-link link-dark px-2">
  63.                     <img src="{{ asset('images/flags/allemagne.jpg') }}" />
  64.                 </a></li>
  65.                 <li class="nav-item"><a href="{{ path(app.request.attributes.get('_route'), app.request.attributes.get('_route_params')|merge({_locale: 'es'})) }}" class="nav-link link-dark px-2">
  66.                     <img src="{{ asset('images/flags/espagne.jpg') }}" />
  67.                 </a></li>
  68.             </ul>
  69.             {{ render_esi(path('home_header', {})) }}
  70.         {% endblock %}
  72.         {% block bgContainer %}
  73.         <div class="bg-container">
  74.             <div class="container main-cner pt-3">
  75.                 {% block breadcrumb %}{% endblock %}
  76.                 <h1 id="pageTitle">{% block pageTitle %}{% endblock %}</h1>
  77.                 {% block body %}{% endblock %}
  78.             </div>
  79.         </div>
  80.         {% endblock %}
  82.         {% block footer %}
  83.             {{ render_esi(path('home_footer')) }}
  84.         {% endblock %}
  86.     </body>
  87. </html>