templates/main/base.html.twig line 1

Open in your IDE?
  1. {# Plantilla de la página principal de la aplicación web #}
  3. {% set route_name = app.request.attributes.get('_route') %}
  4. {% set current_locale = app.request.attributes.get('_locale') %}
  5. {% set supported_locales = [
  6.     {
  7.         name: 'Español',
  8.         value: 'es'
  9.     },
  10.     {
  11.         name: 'Català',
  12.         value: 'ca'
  13.     },
  14.     {
  15.         name: 'Euskera',
  16.         value: 'eu'
  17.     }
  19. ] %}
  20. <!DOCTYPE html>
  21. <html lang="{{ current_locale }}">
  23. <head>
  25.     <meta charset="utf-8">
  26.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  27.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  28.     <meta name="description" content="">
  29.     <meta name="author" content="">
  30.     <link rel="icon" href="/img/favicon_platform.ico" type="image/x-icon">
  32.     <title>{{ 'login.platform'|trans }}</title>
  34.     <style>
  36.         #contenedor{
  37.             display: flex;
  38.             flex-direction: column;
  39.             min-height: 100vh;
  40.         }
  42.         #contenido{
  43.             flex: 1;
  44.         }
  46.         /* Estilo general del footer */
  47.         #footer {
  48.             background-color: #5a5c69;
  49.             background-image: linear-gradient(180deg, #5a5c69 10%, #373840 100%);
  50.             background-size: cover;
  51.             color: #fff; /* Cambia el color del texto */
  52.             padding: 20px 0;
  53.         }
  55.         #footer h5 {
  56.             font-weight: bold;
  57.             margin-bottom: 15px;
  58.         }
  60.         #footer p, #footer a {
  61.             color: #fff;
  62.             margin: 0;
  63.             font-size: 14px;
  64.         }
  66.         #footer a:hover {
  67.             color: #ddd;
  68.             text-decoration: none;
  69.         }
  71.         #footer .social-icons a {
  72.             margin: 0 10px;
  73.             transition: color 0.3s;
  74.         }
  76.         #footer .social-icons a:hover {
  77.             color: #007bff; /* Cambia el color del hover si es necesario */
  78.         }
  80.         /* Responsividad */
  81.         @media (max-width: 768px) {
  82.             #footer .col-md-4 {
  83.                 margin-bottom: 20px;
  84.                 text-align: center;
  85.             }
  87.             #footer .col-md-4 .d-flex {
  88.                 align-items: center !important;
  89.             }
  90.         }
  92.         @media (max-width: 576px) {
  93.             #footer .col-md-4 {
  94.                 margin-bottom: 10px;
  95.                 text-align: center;
  96.             }
  98.             #footer .col-md-4 .d-flex {
  99.                 flex-direction: column;
  100.                 align-items: center;
  101.             }
  102.         }
  103.     </style>
  105.     {% block stylesheets %}
  106.     <!-- Custom fonts for this template-->
  107.     <link href="{{ asset('vendor/fontawesome-free/css/all.min.css') }}" rel="stylesheet" type="text/css">
  108.     <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
  109.     {# <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css" integrity="sha384-b6lVK+yci+bfDmaY1u0zE8YYJt0TZxLEAFyYSLHId4xoVvsrQu3INevFKo+Xir8e" crossorigin="anonymous"> #}
  110.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.css">
  112.     <!-- Custom styles for this template-->
  113.     <link href="{{ asset('css/sb-admin-2.min.css') }}" rel="stylesheet">
  114.     <link href="{{ asset('css/sb-admin-2.css') }}" rel="stylesheet">
  115.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/css/bootstrap-select.min.css">
  116.     {% endblock %}
  118. </head>
  120. <body class="bg-gradient-light">
  122.     {# —————————————— Banner de entorno —————————————— #}
  123.     {% include 'banner.html.twig' %}
  124.     {# ———————————————————————————————————————————————— #}
  126.     <div id="contenedor">
  128.         <div id="contenido" class="content-wrapper">
  129.             <div class="container">
  130.                 <div class="mt-5 text-right">
  131.                     <form class=" ">
  132.                         <select id="lang-selector" class="selectpicker" data-width="fit">
  133.                             {% for locale in supported_locales %}
  134.                                 <option
  135.                                     value="{{ locale.value }}"
  136.                                     data-url="{{ path(app.request.get('_route'),
  137.                                                  app.request.get('_route_params')|merge({'_locale': locale.value})) }}"
  138.                                     {% if current_locale == locale.value %}selected{% endif %}
  139.                                 >{{ locale.name }}
  140.                                 </option>
  141.                             {% endfor %}
  142.                         </select>
  143.                     </form>
  144.                 </div>
  146.                 {% block content %}{% endblock %}
  148.             </div>
  149.         </div>
  151.         <!-- Footer -->
  152.         <footer id="footer" class="bg-custom text-white py-4">
  153.             <div class="container">
  154.                 <div class="row">
  155.                     <div class="col-md-4 d-flex flex-column align-items-center">
  156.                         <div>
  157.                             <h5>{{ 'footer.platform'|trans }}</h5>
  158.                             <p>{{ 'footer.platform_text'|trans }}</p>
  159.                             <p>Zorroagagaina, 11 — 20014 Donostia - San Sebastián (Gipuzkoa · Spain)</p>
  160.                             <div class="row text-center">
  161.                                 <div class="col-2">
  162.                                     <a href="https://www.facebook.com/people/Aranzadi-Ornito/61572505802463/#" class="text-white" target="_blank" rel="noopener noreferrer">
  163.                                         <i class="bi bi-facebook fa-2x"></i>
  164.                                     </a>
  165.                                 </div>
  166.                                 <div class="col-2">
  167.                                     <a href="https://www.instagram.com/aranzadi_ornito/" class="text-white" target="_blank" rel="noopener noreferrer">
  168.                                         <i class="bi bi-instagram fa-2x"></i>
  169.                                     </a>
  170.                                 </div>
  171.                                 <div class="col-2">
  172.                                     <a href="https://bsky.app/profile/aranzadiornito.bsky.social" class="text-white" target="_blank" rel="noopener noreferrer">
  173.                                         <i class="bi bi-bluesky fa-2x"></i>
  174.                                     </a>
  175.                                 </div>
  176.                             </div>
  177.                         </div>
  178.                     </div>
  179.                     <div class="col-md-4 col-6 d-flex flex-column align-items-center">
  180.                         <div>
  181.                             <h5>{{ 'footer.contact'|trans }}</h5>
  182.                             <address>
  183.                                 <p>
  184.                                     <a href="https://www.ring.eus/" target="_blank" rel="noopener noreferrer">Aranzadi</a>
  185.                                 </p>
  186.                                 <p>
  187.                                     <a href="tel:+34943466142">+34 943 46 61 42</a>
  188.                                 </p>
  189.                                 <a href="mailto:info@wimbitek.com">ring@aranzadi.eus</a>
  190.                             </address>
  191.                         </div>
  192.                     </div>
  193.                     <div class="col-md-4 col-6 d-flex flex-column align-items-center">
  194.                         <div>
  195.                             <h5>{{ 'footer.links'|trans }}</h5>
  196.                             <address>
  197.                                 <p>
  198.                                     <a href="{{ path('app_terms_conditions') }}">{{ 'footer.legal_warning'|trans }}</a>
  199.                                 </p>
  200.                                 <p>
  201.                                     <a href="{{ path('app_privacy_policy') }}">{{ 'footer.privacy_policy'|trans }}</a>
  202.                                 </p>
  203.                                 <p>
  204.                                     <a href="{{ path('cookie_policy') }}">Cookies</a>
  205.                                 </p>
  206.                             </address>
  207.                         </div>
  208.                     </div>
  209.                     <div class="col-12 mt-4">
  210.                         <div>
  211.                             {# Disclaimer en desarrollo: <p class="text-center">{{'footer.text'|trans}}</p> #}
  212.                             <p class="text-center"> 2023 - <span id="current-year"></span> {{ 'copyright'|trans }} </p>
  213.                         </div>
  214.                     </div>
  215.                 </div>
  216.             </div>
  217.         </footer>
  219.     </div>
  221.     {% block cookies %}{% endblock %}
  223. </body>
  225. {% block javascripts %}
  226. <!-- Bootstrap core JavaScript-->
  227. <script src="{{ asset('vendor/jquery/jquery.min.js') }}"></script>
  228. <script src="{{ asset('vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  230. <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.13.14/dist/js/bootstrap-select.min.js"></script>
  232. <!-- Core plugin JavaScript-->
  233. <script src="{{ asset('vendor/jquery-easing/jquery.easing.min.js') }}"></script>
  235. <!-- Custom scripts for all pages-->
  236. <script src="{{ asset('vendor/sb-admin-2/sb-admin-2.min.js') }}"></script>
  237. <script src="{{ asset('js/utils/log_utils.js') }}"></script>
  238. <script src="{{ asset('js/utils/add_class.js') }}"></script>
  239. <script src="{{ asset('js/utils/locale.js') }}"></script>
  240. <script>
  241.     // console.log("🧩 base 1 : main/base");
  243.   // Obtener el año actual y asignarlo al elemento con id "current-year"
  244.   document.getElementById('current-year').textContent = new Date().getFullYear();
  245. </script>
  246. {% endblock %}