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">
  7.         <title>{% block title %}NFT Tickets | 2º Congreso Iberoamericano de DBT{% endblock %}</title>
  9.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
  10.         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
  11.         <link rel="stylesheet" href="{{ asset('assets/css/base.css') }}?v={{ random() }}">
  12.         <link rel="stylesheet" href="{{ asset('assets/css/old/sweetalert.min.css') }}">
  13.         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css"/>
  15.         {# Favicon #}
  16.         <link rel="apple-touch-icon" sizes="57x57" href="{{ asset('assets/images/favicon/apple-icon-57x57.png') }}">
  17.         <link rel="apple-touch-icon" sizes="60x60" href="{{ asset('assets/images/favicon/apple-icon-60x60.png') }}">
  18.         <link rel="apple-touch-icon" sizes="72x72" href="{{ asset('assets/images/favicon/apple-icon-72x72.png') }}">
  19.         <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('assets/images/favicon/apple-icon-76x76.png') }}">
  20.         <link rel="apple-touch-icon" sizes="114x114" href="{{ asset('assets/images/favicon/apple-icon-114x114.png') }}">
  21.         <link rel="apple-touch-icon" sizes="120x120" href="{{ asset('assets/images/favicon/apple-icon-120x120.png') }}">
  22.         <link rel="apple-touch-icon" sizes="144x144" href="{{ asset('assets/images/favicon/apple-icon-144x144.png') }}">
  23.         <link rel="apple-touch-icon" sizes="152x152" href="{{ asset('assets/images/favicon/apple-icon-152x152.png') }}">
  24.         <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('assets/images/favicon/apple-icon-180x180.png') }}">
  25.         <link rel="icon" type="image/png" sizes="192x192"  href="{{ asset('assets/images/favicon/android-icon-192x192.png') }}">
  26.         <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('assets/images/favicon/favicon-32x32.png') }}">
  27.         <link rel="icon" type="image/png" sizes="96x96" href="{{ asset('assets/images/favicon/favicon-96x96.png"') }}">
  28.         <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('assets/images/favicon/favicon-16x16.png') }}">
  29.         <link rel="manifest" href="{{ asset('assets/images/favicon/manifest.json') }}">
  30.         <meta name="msapplication-TileColor" content="#ffffff">
  31.         <meta name="msapplication-TileImage" content="{{ asset('assets/images/favicon/ms-icon-144x144.png') }}">
  32.         <meta name="theme-color" content="#ffffff">
  34.         <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/js/intlTelInput.min.js"></script>
  35.         <script src="{{ asset('assets/js/app.js') }}"></script>
  36.         <script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
  37.         <script src="{{ asset('assets/js/sweetalert.min.js') }}"></script>
  38.         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>        
  40.         {% block head %}{% endblock %}
  41.     </head>
  43.     <body>
  45.         <!-- TOP NAV -->
  46.         <div class="container-fluid top-bar">
  47.             <div class="row align-items-center py-4 px-xl-5 px-3">
  48.                 <div class="col-3">
  49.                     <a href="/">
  50.                         <img width="210" src="{{ asset('assets/images/logos/logo-congreso.png') }}">
  51.                     </a>
  52.                 </div>
  53.                 <div class="col-9 align-items-center d-flex justify-content-end" id="access-btn">
  54.                     {% if app.session.get('userId') %}
  55.                         <a href="{{ path('userProfile') }}" class="d-none d-xl-block d-lg-block">
  56.                             <p class="clr-white link-top-bar me-4"><i class="bi bi-person me-2"></i>Mi cuenta</p>
  57.                         </a>
  58.                     {% else %}
  59.                         <a href="{{ path('access') }}?format=1" class="d-none d-xl-block d-lg-block">
  60.                             <p class="clr-white link-top-bar me-4">Iniciar sesión</p>
  61.                         </a>
  62.                         <a href="{{ path('access') }}?format=2" class="d-none d-xl-block d-lg-block">
  63.                             <button class="btn-md green">Registrarse</button>
  64.                         </a>
  65.                     {% endif %}
  66.                     <div class="d-lg-none d-xl-none">
  67.                         <h2><i class="bi bi-list text-white" onclick="viewSidebar()"></i></h2>
  68.                     </div>
  69.                 </div>
  70.             </div>
  71.         </div>
  73.         <!-- SIDE NAV -->
  74.         <div id="side-bar" class="cnt-side-nav px-4 pt-3 d-lg-none d-xl-none">
  75.             {% if app.session.get('userId') %}
  76.                 <a href="{{ path('userProfile') }}">
  77.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-house-door me-2"></i>Inicio</p>
  78.                 </a>
  79.                 <a href="{{ path('userProfile') }}">
  80.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-person me-2"></i>Mi cuenta</p>
  81.                 </a>
  82.             {% else %}
  83.                 <a href="{{ path('access') }}?format=1">
  84.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-box-arrow-in-right me-2"></i> Iniciar sesión</p>
  85.                 </a>
  86.                 <a href="{{ path('access') }}?format=2">
  87.                     <p class="clr-black link-top-bar mb-3"><i class="bi bi-at me-2"></i>Registrarse</p>
  88.                 </a>
  89.             {% endif %}
  90.         </div>
  92.         {% block body %}
  93.         {% endblock %}
  95.         <!-- FOOTER -->
  96.         <div class="container-fluid mt-5 border-top footer">
  97.             <div class="row px-5 py-5">
  99.                 <div class="col-xl-4 col-12 mb-xl-0 mb-3 d-flex justify-content-xl-center justify-content-start">
  100.                     <a href="/">
  101.                         <img width="210" height="70" src="{{ asset('assets/images/logos/logo-congreso-black.png') }}">
  102.                     </a>
  103.                 </div>
  105.                 <div class="col-xl-2 col-12 mt-xl-0 mt-3">
  106.                     <p class="mb-3"><b>Web</b></p>
  107.                     <a href="https://congresodbt.com/" class="link-footer"><p class="mb-2">Home</p></a>
  108.                     <a href="{{ path('events') }}" class="link-footer"><p class="mb-2">Eventos</p></a>
  109.                     <a href="{{ path('access') }}" class="link-footer"><p class="mb-2">Iniciar sesión</p></a>
  110.                     <a href="{{ path('access') }}?format=2" class="link-footer"><p class="mb-2">Registrarse</p></a>
  111.                 </div>
  113.                 <div class="col-xl-2 col-12 mt-xl-0 mt-3">
  114.                     <p class="mb-3"><b>Información</b></p>
  115.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Política de privacidad</p></a>
  116.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Política de cookies</p></a>
  117.                     <a href="{{ path('terms') }}" class="link-footer"><p class="mb-2">Términos y condiciones de uso</p></a>
  118.                 </div>
  120.                 <div class="col-xl-1 col-12 mt-xl-0 mt-3">
  121.                     <p class="mb-3"><b>Síguenos</b></p>
  122.                     <a href="https://www.instagram.com/congresodbt/" target="_blank" class="link-footer"><p class="mb-2">Instagram</p></a>
  123.                     <a href="https://www.facebook.com/congresodbt" target="_blank" class="link-footer"><p class="mb-2">Facebook</p></a>
  124.                 </div>
  126.                 <div class="col-xl-3 col-12 mt-xl-0 mt-3 d-flex justify-content-center">
  127.                     <a href="https://www.oaro.net/" target="_blank">
  128.                         <img width="90" height="120" src="{{ asset('assets/images/logos/logo-oaro-black.png') }}">
  129.                     </a>
  130.                 </div>
  132.             </div>
  133.         </div>
  135.         <script>
  137.             // Function to show and hide side bar
  138.             function viewSidebar() {
  140.                 var sidebar = document.getElementById("side-bar");
  142.                 if(sidebar.style.right == '-300px'){
  143.                     sidebar.style.right = '0px';
  144.                 } else if(sidebar.style.right == '0px') {
  145.                     sidebar.style.right = '-300px';
  146.                 } else {
  147.                     sidebar.style.right = '0px';
  148.                 }
  149.             }
  151.         </script>
  153.     </body>
  154. </html>