templates/base.html.twig line 1

  1. {% set current_path = app.request.get('_route') %}
  3. <!doctype html>
  4. <html lang="en">
  5.     <head>
  6.         <meta charset="utf-8">
  7.         <meta name="viewport" content="width=device-width, initial-scale=1">
  8.         <title>{% block title %}{% endblock %} | Gyn/BC Franchise</title>
  10.         <link rel="stylesheet" href="{{ asset('public/_vendor/bootstrap/css/bootstrap.min.css') }}">
  11.         <link rel="stylesheet" href="{{ asset('public/css/global.css') }}?v=1.1">
  12.         <link rel="stylesheet" href="{{ asset('public/css/sites.css') }}?v=1.1">
  14.         <link rel="stylesheet" href="{{ asset('public/css/content-shift.css') }}?v=1.1">
  16.         {% block stylesheets %}{% endblock %}
  17.     </head>
  18.     <body>
  20.         <div class="bgr-img-wrapper">
  21.             {% block tagung_bg %}
  22.                 <img src="{{ asset('public/imgs/background/bgr_no_logo.png') }}" alt="Hintergrundbild" id="bgr_no_logo">
  23.                 <img src="{{ asset('public/imgs/background/bgr_logo.png') }}" alt="Hintergrundbild" style="display: none" id="bgr_logo">
  24.             {% endblock %}
  25.         </div>
  27.         <nav class="navbar d-block">
  28.             <div class="d-none d-lg-flex justify-content-end">
  29.                 <a href="{{ path('app_welcome') }}">
  30.                     <img src="{{ asset('public/imgs/astrazeneca_colored.png') }}" alt="AstraZeneca" width="135">
  31.                 </a>
  32.             </div>
  33.             <div class="d-block d-lg-none position-relative">
  34.                 <img src="{{ asset('public/imgs/navbar_image_mobile.png') }}" alt="Hintergrundbild" class="w-100 position-relative" style="z-index: 100">
  36.                 <div class="nav-icons">
  37.                     <div data-nav-action="home" {% if current_path == 'app_welcome' or current_path == 'app_login' %}style="display: none"{% endif %}>
  38.                         <img src="{{ asset('public/imgs/icons/icon_home.png') }}" alt="Willkommen" width="30">
  39.                     </div>
  40.                     <div data-nav-action="menu" style="display: none">
  41.                         <span></span>
  42.                     </div>
  43.                 </div>
  45.                 <div id="nav-links">
  46.                     {% block mob_navlinks %}
  47.                         <ul>
  48.                             <li aria-tab-target="presentations" data-tab-name="Präsentationen">Präsentationen</li>
  49.                             <li aria-tab-target="media" data-tab-name="Fotos & Videos">Fotos & Videos</li>
  50.                         </ul>
  51.                     {% endblock %}
  52.                 </div>
  53.             </div>
  54.         </nav>
  56.         <div class="pill-content">
  57.             {% block tabpills %}{% endblock %}
  58.         </div>
  61.         <div class="page-content">
  62.             {% block body %}
  63.                 <div class="container-fluid mb-5">
  64.                     <div class="row">
  65.                         {% block container %}
  67.                         {% endblock %}
  68.                     </div>
  69.                 </div>
  70.             {% endblock %}
  71.         </div>
  73.         <div class="image-modal-wrapper" style="display: none;">
  74.             <div class="image-modal-bgr"></div>
  75.             <div class="image-modal">
  76.                 <div class="modal-header">
  77.                     <div id="close"></div>
  78.                 </div>
  79.                 <div class="modal-content"></div>
  80.                 <div class="modal-footer">
  81.                     <a class="button" href="#" download>Bild herunterladen</a>
  82.                 </div>
  83.             </div>
  84.         </div>
  86.         <footer class="footer">
  87.             <div class="d-flex d-lg-none flex-column align-items-center">
  88.                 <a href="{{ path('app_imprint') }}" class="mb-4">Impressum</a>
  89.                 <span class="mb-4">&copy; AstraZeneca 2023</span>
  90.                 <img src="{{ asset('public/imgs/astrazeneca_white.png') }}" alt="AstraZeneca" width="195">
  91.             </div>
  92.             <div class="d-none d-lg-flex align-items-center justify-content-between">
  93.                 <div class="footer-content-left">
  94.                     <img src="{{ asset('public/imgs/astrazeneca_white.png') }}" alt="AstraZeneca" width="195">
  95.                     <a href="{{ path('app_imprint') }}">Impressum</a>
  96.                 </div>
  97.                 <div class="footer-content-right">
  98.                     &copy; AstraZeneca 2023
  99.                 </div>
  100.             </div>
  101.         </footer>
  103.         <script src="{{ asset('public/_vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
  104.         <script src="{{ asset('public/_vendor/jquery/jquery.min.js') }}"></script>
  106.         <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
  108.         <script>
  109.             $('[data-nav-action]').on('click', (event) => {
  111.                 let $target = $(event.target);
  112.                 let action = $target.attr('data-nav-action');
  114.                 if(action === 'menu') {
  115.                     if($target.hasClass('active')) {
  116.                         $('#nav-links').removeClass('active');
  117.                     } else {
  118.                         $('#nav-links').addClass('active');
  119.                     }
  121.                     $target.toggleClass('active');
  122.                 } else {
  123.                     window.location.href = '{{ path('app_welcome') }}';
  124.                 }
  125.             });
  126.         </script>
  127.         {% block javascripts %}{% endblock %}
  128.     </body>
  129. </html>