templates/layout/base.html.twig line 129

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="de">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>{% block title %}Mensa Fasching{% endblock %}</title>
  7. <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.css?{{ md5_file('/static/css/bootstrap.css') }}"/>
  8. <link rel="stylesheet" type="text/css" href="/static/css/styles.css?{{ md5_file('/static/css/styles.css') }}"/>
  9. <script src="/static/js/app.js?{{ md5_file('/static/js/app.js') }}" type="text/javascript"></script>
  10. <meta name="viewport" content="width=device-width, initial-scale=1">
  11. <link rel="icon" type="image/vnd.icon" href="/var/assets/Layout/Logo.png">
  12. <meta name="robots" content="index"/>
  13. <meta name="description" content="Faschingskomitee der Bauhaus Universität Weimar e.V."/>
  14. </head>
  15. <body data-bs-theme="light">
  16. {% if not document is defined or not document %}
  17. {% set document = pimcore_document(1) %}
  18. {% endif %}
  19. {% set navStartNode = document.getProperty('navigation_root') %}
  20. {% if not navStartNode is instanceof('\\Pimcore\\Model\\Document') %}
  21. {% set navStartNode = pimcore_document(1) %}
  22. {% endif %}
  23. {% set mainNavigation = app_navigation_main(document, navStartNode) %}
  24. {# Mobile Navigation Toggle Button #}
  25. <button class="navbar-toggler d-md-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation">
  26. <span class="navbar-toggler-icon"></span>
  27. </button>
  28. <div class="container-fluid">
  29. {# Fixierter Header #}
  30. <header class="row py-3">
  31. <div class="col-12 d-flex justify-content-between align-items-center">
  32. <a href="/" class="">
  33. {{ pimcore_asset_by_path('/Layout/Logo.png').thumbnail('default').html({'imgAttributes': { 'id': 'logo' }})|raw }}
  34. </a>
  35. <div class="d-flex align-items-center gap-2">
  36. {# Mobile Navigation Toggle Button #}
  37. <button class="navbar-toggler d-md-none" type="button" data-bs-toggle="offcanvas" data-bs-target="#mainNavigation" aria-controls="mainNavigation" aria-expanded="false" aria-label="Toggle navigation">
  38. <span class="navbar-toggler-icon"></span>
  39. </button>
  40. {# Contrast Mode Toggle Button #}
  41. <button class="btn btn-contrast" type="button" aria-label="Toggle theme" data-bs-toggle="theme">
  42. <svg class="icon-light" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
  43. <path d="M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/>
  44. </svg>
  45. <svg class="icon-dark" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
  46. <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/>
  47. </svg>
  48. </button>
  49. </div>
  50. </div>
  51. </header>
  52. <div class="row">
  53. {# Fixierte linke Navigation #}
  54. <div class="col-md-2">
  55. <div class="nav-wrapper">
  56. <nav class="py-4 bg-light offcanvas-md offcanvas-start" tabindex="-1" id="mainNavigation" aria-labelledby="mainNavigationLabel">
  57. <div class="offcanvas-header d-md-none">
  58. <h5 class="offcanvas-title" id="mainNavigationLabel">Menü</h5>
  59. <button type="button" class="btn-close" data-bs-dismiss="offcanvas" data-bs-target="#mainNavigation" aria-label="Close"></button>
  60. </div>
  61. <div class="offcanvas-body p-0">
  62. <ul class="nav flex-column">
  63. {% for page in mainNavigation %}
  64. <li class="nav-item">
  65. <a class="nav-link {% if page.active %}active{% endif %}" href="{{ page.href }}">{{ page.label }}</a>
  66. </li>
  67. {% endfor %}
  68. </ul>
  69. </div>
  70. </nav>
  71. </div>
  72. </div>
  73. {# Scrollbarer Content-Bereich #}
  74. <div class="content-wrapper">
  75. <div class="row flex-grow-1">
  76. {# Hauptinhalt mit Breadcrumb #}
  77. <main class="col-md-8 py-4">
  78. {# Breadcrumb Navigation #}
  79. <nav aria-label="breadcrumb" class="mb-4">
  80. <ol class="breadcrumb">
  81. {% set mainNavStartNode = document.getProperty('navigation_root') %}
  82. {% if mainNavStartNode is empty %}
  83. {% set mainNavStartNode = pimcore_document(1) %}
  84. {% endif %}
  85. {% if mainNavStartNode.id != document.id or document.key == 'exceptionPage_1678441938013' %}
  86. {% set breadcrumbs = app_navigation_breadcrumbs(document, mainNavStartNode) %}
  87. {% for breadcrumb in breadcrumbs %}
  88. {% if not loop.last %}
  89. {% set label = breadcrumb.label|length > 50 ? breadcrumb.label|slice(0, 50) ~ '…' : breadcrumb.label %}
  90. <li class="breadcrumb-item">
  91. <a href="{{ breadcrumb.url }}" class="text-decoration-none">
  92. {{ label }}
  93. </a>
  94. </li>
  95. {% else %}
  96. <li class="breadcrumb-item active" aria-current="page">
  97. {{ breadcrumb.label }}
  98. </li>
  99. {% endif %}
  100. {% endfor %}
  101. {% endif %}
  102. </ol>
  103. </nav>
  104. {# Seiteninhalt #}
  105. {% block content %}{% endblock %}
  106. </main>
  107. {# Schmale rechte Spalte #}
  108. <aside class="col-md-4 py-4">
  109. <h2>Sponsoren</h2>
  110. {{ include('content/spnsoren/view.html.twig') }}
  111. {% block sidebar %}{% endblock %}
  112. </aside>
  113. </div>
  114. {# Footer #}
  115. <footer class="row">
  116. <div class="col-12">
  117. {{ pimcore_inc('/Meta/footer') }}
  118. </div>
  119. </footer>
  120. </div>
  121. </div>
  122. </div>
  123. </body>
  124. </html>