Johannes Bechberger
81 lines
5.0 KiB
PHP
81 lines
5.0 KiB
PHP
<?php // /partials/header.inc.php ?>
|
|
<nav class="d-flex align-items-center w-100" aria-label="Hauptnavigation">
|
|
|
|
<!-- Desktop -->
|
|
<div class="d-none d-md-block ms-auto">
|
|
<ul class="nav flex-row gap-4 align-items-center">
|
|
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle p-0" href="#" id="archivDropdown" role="button"
|
|
data-bs-toggle="dropdown" aria-expanded="false" data-i18n="archive"></a>
|
|
<ul class="dropdown-menu dropdown-menu-dark dropdown-menu-end" aria-labelledby="archivDropdown">
|
|
<li><a class="dropdown-item" href="/archiv/november2025/" data-i18n="archive.november2025"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2024/" data-i18n="archive.november2024"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2023/" data-i18n="archive.november2023"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2022/" data-i18n="archive.november2022"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2021/" data-i18n="archive.november2021"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2020/" data-i18n="archive.november2020"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/januar2020/" data-i18n="archive.january2020"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2018/" data-i18n="archive.november2018"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/november2017/" data-i18n="archive.november2017"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/oktober2016/" data-i18n="archive.october2016"></a></li>
|
|
<li><a class="dropdown-item" href="/archiv/januar2016/" data-i18n="archive.january2016"></a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="nav-item">
|
|
<span class="lang-switcher">
|
|
<button class="js-set-lang lang-btn" data-lang="de" type="button">DE</button>
|
|
<span class="lang-sep">|</span>
|
|
<button class="js-set-lang lang-btn" data-lang="en" type="button">EN</button>
|
|
</span>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Mobile burger -->
|
|
<div class="dropdown d-md-none ms-auto">
|
|
<button class="btn p-0 burger" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside"
|
|
aria-expanded="false" aria-label="Menü öffnen">
|
|
<svg width="28" height="28" viewBox="0 0 24 24" class="burger-icon" aria-hidden="true">
|
|
<rect x="3" y="6" width="18" height="2" rx="1"></rect>
|
|
<rect x="3" y="11" width="18" height="2" rx="1"></rect>
|
|
<rect x="3" y="16" width="18" height="2" rx="1"></rect>
|
|
</svg>
|
|
</button>
|
|
|
|
<div class="dropdown-menu dropdown-menu-dark dropdown-menu-end mt-2 p-0" style="min-width:14rem;">
|
|
|
|
<button class="dropdown-item d-flex justify-content-between align-items-center" type="button"
|
|
data-bs-toggle="collapse" data-bs-target="#m-archiv" aria-expanded="false" aria-controls="m-archiv">
|
|
<span class="label text-nowrap" data-i18n="archive">Archiv</span>
|
|
<span class="caret ms-2" aria-hidden="true">▾</span>
|
|
</button>
|
|
<div id="m-archiv" class="collapse">
|
|
<a class="dropdown-item ps-4" href="/archiv/november2025/" data-i18n="archive.november2025"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2024/" data-i18n="archive.november2024"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2023/" data-i18n="archive.november2023"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2022/" data-i18n="archive.november2022"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2021/" data-i18n="archive.november2021"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2020/" data-i18n="archive.november2020"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/januar2020/" data-i18n="archive.january2020"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2018/" data-i18n="archive.november2018"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/november2017/" data-i18n="archive.november2017"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/oktober2016/" data-i18n="archive.october2016"></a>
|
|
<a class="dropdown-item ps-4" href="/archiv/januar2016/" data-i18n="archive.january2016"></a>
|
|
</div>
|
|
|
|
<div class="dropdown-item">
|
|
<span class="lang-switcher">
|
|
<button class="js-set-lang lang-btn" data-lang="de" type="button">DE</button>
|
|
<span class="lang-sep">|</span>
|
|
<button class="js-set-lang lang-btn" data-lang="en" type="button">EN</button>
|
|
</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</nav>
|