mirror of
https://github.com/Theodor-Springmann-Stiftung/musenalm.git
synced 2025-10-29 09:15:33 +00:00
100 lines
2.8 KiB
Plaintext
100 lines
2.8 KiB
Plaintext
{{ $model := . }}
|
|
<div
|
|
class="pb-1.5 border-b border-zinc-300"
|
|
x-data="{ openeditionmenu: window.location.pathname.startsWith('/edition/')}">
|
|
<div class="flex flex-row justify-between">
|
|
<div class="flex flex-row gap-x-3">
|
|
<div class="grow-0"><img class="h-14 w-14 border" src="/assets/favicon.png" /></div>
|
|
<div class="flex flex-col">
|
|
<h1 class="font-bold text-2xl tracking-wide">{{ .site.title }}</h1>
|
|
<h2 class="italic">{{ .site.desc }}</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<nav
|
|
class="self-end font-serif font-bold flex flex-row gap-x-4 [&>a]:no-underline
|
|
[&>*]:px-1.5 [&>*]:pt-1 [&>*]:-mb-1.5"
|
|
hx-boost="false">
|
|
<a
|
|
href="/reihen/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/reihe") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Reihen</a
|
|
>
|
|
<a
|
|
href="/personen/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/person") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Personen</a
|
|
>
|
|
<a
|
|
href="/suche/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/suche") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Suche</a
|
|
>
|
|
<button
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition") -}}
|
|
aria-current="true"
|
|
{{- end -}}
|
|
data-url="/edition/"
|
|
class="text-slate-600 hover:text-slate-900 hover:cursor-pointer hover:bg-slate-100
|
|
!pr-2.5"
|
|
:class="openeditionmenu? 'bg-slate-100' : 'closed'"
|
|
@click="openeditionmenu = !openeditionmenu">
|
|
<i x-show="!openeditionmenu" class="ri-arrow-right-s-fill"></i>
|
|
<i x-show="openeditionmenu" class="ri-arrow-down-s-fill"></i>
|
|
Redaktion & Kontakt
|
|
</button>
|
|
</nav>
|
|
</div>
|
|
<nav
|
|
:class="openeditionmenu? 'open' : 'closed'"
|
|
x-show="openeditionmenu"
|
|
class="submenu flex flex-row justify-end pt-3.5 gap-x-4 font-bold font-serif
|
|
[&>a]:no-underline [&>*]:-mb-1.5 w-full pr-2.5 [&>*]:px-1.5">
|
|
<a
|
|
href="/edition/einfuehrung/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition/einfuehrung") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Einführung</a
|
|
>
|
|
<a
|
|
href="/edition/dokumentation/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition/dokumentation") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Dokumentation</a
|
|
>
|
|
<a
|
|
href="/edition/literatur/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition/literatur") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Literatur</a
|
|
>
|
|
<a
|
|
href="/edition/danksagungen/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition/danksagungen") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Danksagungen</a
|
|
>
|
|
<a
|
|
href="/edition/kontakt/"
|
|
{{ if and $model.page (HasPrefix $model.page.Path "/edition/kontakt") -}}
|
|
aria-current="page"
|
|
{{- end -}}
|
|
>Kontakt</a
|
|
>
|
|
</nav>
|
|
</div>
|
|
|
|
<script type="module">
|
|
import { setMenuActive } from "/assets/scripts.js";
|
|
</script>
|