mirror of
https://github.com/Theodor-Springmann-Stiftung/hamann-ausgabe-core.git
synced 2025-10-29 17:25:32 +00:00
102 lines
4.7 KiB
Plaintext
102 lines
4.7 KiB
Plaintext
<header class="sticky w-100 font-serif mb-6">
|
|
<nav class="flex flex-row w-100 bg-slate-50 border-t-[5px] border-gray-300 py-3 px-3 desktop:px-8 flex-wrap">
|
|
<a href="/" class="text-xl xl:text-3xl grow-0 shrink-0 text-black hover:text-black ">
|
|
<img src="/favicon.ico" class="inline-block w-8 h-8 xl:w-12 xl:h-12 mr-2 p-1 border border-gray-900 border-t-gray-200 border-l-gray-200 " alt="HKB-Logo" loading="lazy" />
|
|
<span class="sm:hidden">Hamann: Komm. Briefausgabe</span>
|
|
<span class="hidden sm:inline md:hidden">Johan Georg Hamann: Kommentierte Briefausgabe</span>
|
|
<span class="hidden md:inline align-baseline">Johann Georg Hamann: Kommentierte Briefausgabe ( H K B )</span>
|
|
</a>
|
|
<div class="flex grow shrink">
|
|
|
|
</div>
|
|
<div class="ha-menusymbol inline-block desktop:hidden pr-3 align-bottom">
|
|
<button id="openmenubutton">
|
|
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
aria-labelledby="hamburgerIconTitle">
|
|
<title id="hamburgerIconTitle">Menu</title>
|
|
<path d="M6 7L18 7M6 12L18 12M6 17L18 17"></path>
|
|
</svg>
|
|
</button>
|
|
<button class="hidden" id="closemenubutton">
|
|
<svg role="img" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
|
|
aria-labelledby="closeIconTitle">
|
|
<title id="closeIconTitle">Close</title>
|
|
<path d="M6.34314575 6.34314575L17.6568542 17.6568542M6.34314575 17.6568542L17.6568542 6.34314575">
|
|
</path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
<div class="ha-topnav " id="ha-topnav">
|
|
<a class="" href="/">
|
|
Suche & Briefauswahl
|
|
</a>
|
|
<a class="" href="/Briefe/1">
|
|
Briefansicht
|
|
</a>
|
|
<div class="ha-topnav-dropdown">
|
|
<a class="cursor-default ha-menu-arrowsymbol">
|
|
Register
|
|
</a>
|
|
<div class="ha-topnav-dropdown-content">
|
|
<a class="" href="/Register/Register">Register</a>
|
|
<a class="" href="/Register/Bibelstellenregister">Bibelstellenregister</a>
|
|
<a class="" href="/Register/Forschungsbibliographie">Forschungsbibliographie</a>
|
|
</div>
|
|
</div>
|
|
<div class="ha-topnav-dropdown">
|
|
<a class="cursor-default ha-menu-arrowsymbol">
|
|
Edition
|
|
</a>
|
|
<div class="ha-topnav-dropdown-content">
|
|
<a class="" href="/Edition/Kontakt">Kontakt</a>
|
|
<a class="" href="/Edition/Mitwirkende">Mitwirkende</a>
|
|
<a class="" href="/Edition/Richtlinien">Editionsrichtlinien</a>
|
|
<a class="" href="/Edition/Editionsgeschichte">Editionsgeschichte</a>
|
|
<a class="" href="/Edition/Werkausgabe">Werkausgabe</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
</header>
|
|
|
|
<script>
|
|
|
|
const _openmenu = function () {
|
|
var x = document.getElementById("ha-topnav");
|
|
if (x !== null) x.className += " ha-topnav-collapsed";
|
|
let oldbutton = document.getElementById("openmenubutton");
|
|
if (oldbutton !== null) oldbutton.setAttribute('class', 'hidden');
|
|
let newbutton = document.getElementById("closemenubutton");
|
|
if (newbutton !== null) newbutton.setAttribute('class', '');
|
|
}
|
|
|
|
const _closemenu = function () {
|
|
var x = document.getElementById("ha-topnav");
|
|
if (x !== null) x.className = "ha-topnav";
|
|
let oldbutton = document.getElementById("closemenubutton");
|
|
if (oldbutton !== null) oldbutton.setAttribute('class', 'hidden');
|
|
let newbutton = document.getElementById("openmenubutton");
|
|
if (newbutton !== null) newbutton.setAttribute('class', '');
|
|
|
|
}
|
|
|
|
const _markactive = function (element) {
|
|
// Marks links as active
|
|
var all_links = element.getElementsByTagName("a"),
|
|
i = 0, len = all_links.length,
|
|
full_path = location.href.split('#')[0]; //Ignore hashes
|
|
|
|
for (; i < len; i++) {
|
|
if (all_links[i].href.split("#")[0] == full_path) {
|
|
all_links[i].className += " active";
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
document.getElementById("openmenubutton").addEventListener('click', _openmenu);
|
|
document.getElementById("closemenubutton").addEventListener('click', _closemenu);
|
|
_markactive(document.getElementById("ha-topnav"));
|
|
|
|
</script>
|