templates/base.html.twig line 1

  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 %}Qhube.bzh{% endblock %}</title>
  7.         <style>
  8.           @font-face {
  9.             font-family: 'OpenDyslexic';
  10.             src: url('/fonts/OpenDyslexic-Regular.woff2');
  11.           }
  12.           #labelSwitchOpenDyslexic {
  13.             font-family: OpenDyslexic, sans-serif;
  14.           }
  15.         </style>
  16.         <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>">
  17.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css">
  18.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
  19.         <script src=" https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js "></script>
  20.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  21.         <script src="https://cdn.jsdelivr.net/npm/js-cookie@3.0.5/dist/js.cookie.min.js"></script>
  22.         {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  23.         {% block stylesheets %}
  24.             {{ encore_entry_link_tags('app') }}
  25.             <link href="{{ asset('css/main.css') }}" rel="stylesheet"/>
  26.         {% endblock %}
  28.         {% block javascripts %}
  29.             {{ encore_entry_script_tags('app') }}
  30.         {% endblock %}
  32.         {% block customStyle %}
  33.         {% endblock %}
  35.     </head>
  36.     <body class="text-bg-dark p-3 {% block bodyCustomClasses %}{% endblock %}">
  37.     <div class="container {% block navbarCustomClasses %}{% endblock %}">
  38. {#        <nav class="navbar navbar-expand-lg bg-dark navbar-dark rounded" aria-label="Eleventh navbar example">#}
  39.         <nav class="navbar navbar-expand-lg bg-body-tertiary rounded sticky-top" aria-label="Eleventh navbar example">
  40.             <div class="container-fluid">
  41.                 <a class="navbar-brand" href="{{ path('home') }}">Qhube.bzh</a>
  42.                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample09" aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
  43.                     <span class="navbar-toggler-icon"></span>
  44.                 </button>
  46.                 <div class="collapse navbar-collapse" id="navbarsExample09">
  47.                     <ul class="navbar-nav me-auto mb-2 mb-lg-0">
  48.                         <li class="nav-item">
  49.                             <a class="nav-link" href="{{ path('rankings') }}">{{ 'rankings.title' | trans }}</a>
  50.                         </li>
  51.                         <li class="nav-item">
  52.                             <div class="dropdown">
  53.                                 <button class="btn btn-light dropdown-toggle nav-link" type="button" data-bs-toggle="dropdown" data-bs-target="#dropdown-languages" aria-expanded="false">
  54.                                     {{ 'menu.translations.title' | trans }}
  55.                                 </button>
  56.                                 <ul class="dropdown-menu" id="dropdown-translations" aria-labelledby="dropdown-translations">
  57.                                     <li><a href="{{ path('terlaterie_encerche_projits') }}" class="dropdown-item">{{ 'menu.translations.search_projects' | trans }}</a></li>
  58.                                     <li><a href="{{ path('terlaterie_encerche_wca_keys') }}" class="dropdown-item">{{ 'menu.translations.search_wca_keys' | trans }}</a></li>
  59.                                 </ul>
  60.                             </div>
  61.                         </li>
  62.                         <li class="nav-item">
  63.                             <div class="dropdown">
  64.                                 <button class="btn btn-light dropdown-toggle nav-link" type="button" data-bs-toggle="dropdown" data-bs-target="#dropdown-tools" aria-expanded="false">
  65.                                     {{ 'menu.tools.title' | trans }}
  66.                                 </button>
  67.                                 <ul class="dropdown-menu" id="dropdown-tools" aria-labelledby="dropdown-tools">
  68.                                     <li><a href="{{ path('flag_pdf_generator') }}" class="dropdown-item">{{ 'menu.tools.flag_generator_menu' | trans }}</a></li>
  69.                                 </ul>
  70.                             </div>
  71.                         </li>
  72. {#                        <li class="nav-item">#}
  73. {#                            <a class="nav-link" href="{{ path('gifs') }}">Gifs</a>#}
  74. {#                        </li>#}
  75. {#                        <li class="nav-item">#}
  76. {#                            <a class="nav-link" href="{{ path('translations') }}">{{ 'translation.title' | trans }}</a>#}
  77. {#                        </li>#}
  78.                     </ul>
  79. {#                    <form role="search">#}
  80. {#                        <input class="form-control" type="search" placeholder="{{ 'base.search'|trans }}" aria-label="{{ 'base.search'|trans }}">#}
  81. {#                    </form>#}
  84.                     <ul class="navbar-nav gap-2">
  85.                         {% if is_granted('IS_AUTHENTICATED_FULLY') %}
  86.                             <li class="nav-item">
  87.                                 <div class="dropdown">
  88.                                     <button class="btn btn-light dropdown-toggle nav-link" type="button" data-bs-toggle="dropdown" data-bs-target="#dropdown-profile" aria-expanded="false">
  89.                                         {{ 'base.profile' | trans }} ({{ app.user.wcaId }})
  90.                                     </button>
  91.                                     <ul class="dropdown-menu" id="dropdown-profile" aria-labelledby="dropdown-profile">
  92.                                         <li><a class="dropdown-item" href="{{ path('signout') }}">{{ 'base.signout' | trans }}</a></li>
  93.                                         <li><a class="dropdown-item" href="{{ path('join_rankings') }}">{{ 'join.title' | trans }}</a></li>
  94.                                         {% if is_granted('ROLE_ADMIN') %}
  95.                                             {#                                <li class="bg-danger text-light text-center">Admin</li>#}
  96.                                             <li><a class="dropdown-item bg-danger text-light" href="{{ path('admin_index') }}">{{ 'admin.index.title' | trans }}</a></li>
  97.                                             {#                                <li><a class="dropdown-item bg-warning" href="{{ path('admin_addpeople') }}">{{ 'admin.addpeople.title' | trans }}</a></li>#}
  98.                                             {#                                <li><a class="dropdown-item bg-warning" href="{{ path('admin_addcountry') }}">{{ 'admin.addcountry.title' | trans }}</a></li>#}
  99.                                             {#                                <li><a class="dropdown-item bg-warning" href="{{ path('admin_addadmin') }}">{{ 'admin.addadmin.title' | trans }}</a></li>#}
  100.                                         {% endif %}
  101.                                     </ul>
  102.                                 </div>
  103.                             </li>
  104.                         {% else %}
  105.                             <li class="nav-item mb-2 mb-lg-0">
  106.                                 <a class="btn btn-outline-dark" role="button" href="{{ path('signin') }}">{{ 'base.signin' | trans }}</a>
  107.                             </li>
  108.                         {% endif %}
  109.                         <li class="nav-item">
  110.                             <div class="dropdown">
  111.                                 <button class="btn btn-light dropdown-toggle nav-link" type="button" data-bs-toggle="dropdown" data-bs-target="#dropdown-accessibility" aria-expanded="false"><i class="fa-solid fa-gear"></i></button>
  112.                                 <ul class="dropdown-menu" id="dropdown-accessibility" aria-labelledby="dropdown-accessibility">
  113.                                     <li>
  114.                                         <div class="form-check form-switch dropdown-item" id="divSwitchOpenDyslexic">
  115.                                             <input class="form-check-input" type="checkbox" id="switchOpenDyslexic">
  116.                                             <label id="labelSwitchOpenDyslexic" class="form-check-label text-dark" for="switchOpenDyslexic" data-bs-toggle="tooltip" data-bs-title="Activate OpenDyslexic font which is better for dyslexic people">{{ 'menu.settings.dyslexia' | trans }}</label>
  117.                                         </div>
  118.                                     </li>
  119.                                 </ul>
  120.                             </div>
  121.                         </li>
  122.                         <li class="nav-item">
  123.                             <div class="dropdown">
  124.                                 <button class="btn btn-light dropdown-toggle nav-link" type="button" data-bs-toggle="dropdown" data-bs-target="#dropdown-languages" aria-expanded="false">
  125.                                     {{ 'language' | trans }} {{ 'current_language' | trans }}
  126.                                 </button>
  127.                                 <ul class="dropdown-menu" id="dropdown-languages" aria-labelledby="dropdown-languages">
  128.                                     {% for key, language in {
  129.                                         'br': 'Brezhoneg',
  130.                                         'en': 'English',
  131.                                         'eo': 'Esperanto',
  132.                                         'fr': 'Français',
  133.                                         'galo': 'Galo'
  134.                                     } %}
  135.                                         <li><a class="dropdown-item" href="{{ path(app.request.get('_route'), {'_locale': key, 'id': nation is defined ? nation.id : null }) }}">{{ language }}</a></li>
  136.                                     {% endfor %}
  137.                                 </ul>
  138.                             </div>
  139.                         </li>
  140.                     </ul>
  143.                 </div>
  144.             </div>
  145.         </nav>
  147.         <br>
  148.         {# read and display all flash messages #}
  149.         {% for label, messages in app.flashes %}
  150.             {% for message in messages %}
  151.                 <div class="alert alert-{{ label }} flash-{{ label }}">
  152.                     {{ message }}
  153.                 </div>
  154.             {% endfor %}
  155.         {% endfor %}
  157.         {% block body %}{% endblock %}
  158.     </div>
  159.     <script>
  160.         const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
  161.         const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
  163.         $("#switchOpenDyslexic").change(function() {
  164.             if (this.checked) {
  165.                 $('div').css("font-family", 'OpenDyslexic');
  166.                 Cookies.set('dyslexiaFont', true);
  167.             } else {
  168.                 $('div').css("font-family", '');
  169.                 Cookies.remove('dyslexiaFont');
  170.             }
  171.         });
  173.         if (Cookies.get('dyslexiaFont')) {
  174.             $('#switchOpenDyslexic').prop('checked', true);
  175.             $('div').css("font-family", 'OpenDyslexic');
  176.         }
  177.     </script>
  178.     </body>
  179. </html>