Lesekabinett & Startseite

This commit is contained in:
Simon Martens
2025-03-02 00:27:16 +01:00
parent 6e286857d5
commit 0a86833a9f
56 changed files with 771 additions and 445 deletions

View File

@@ -2,6 +2,9 @@
<html class="w-full h-full" {{ if .lang }}lang="{{ .lang }}"{{ end }}>
<head>
<meta charset="UTF-8" />
<meta
name="htmx-config"
content='{"defaultSwapStyle":"outerHTML", "scrollBehavior": "instant"}' />
{{ block "head" . }}
<!-- Default Head elements -->
@@ -9,27 +12,38 @@
{{ if .isDev }}
<link rel="icon" href="/assets/logo/dev_favicon.png" />
<meta name="robots" content="noindex" />
{{ else }}
{{ if .url }}
<link rel="canonical" href="{{ .url }}" />
{{ end }}
<link rel="icon" href="/assets/logo/favicon.png" />
{{ end }}
<link href="/assets/css/remixicon.css" rel="stylesheet" />
<script src="/assets/js/alpine.min.js" defer></script>
<script src="/assets/js/htmx.min.js" defer></script>
<script src="/assets/js/htmx-response-targets.js" defer></script>
<script src="/assets/js/client-side-templates.js" defer></script>
<script src="/assets/js/mark.min.js" defer></script>
<script type="module" src="/assets/scripts.js"></script>
<link href="/assets/css/remixicon.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="/assets/css/fonts.css" />
<link rel="stylesheet" type="text/css" href="/assets/style.css" />
<script type="module">
import { setup } from "/assets/scripts.js";
setup();
document.body.addEventListener("htmx:responseError", function (event) {
const config = event.detail.requestConfig;
if (config.boosted) {
document.body.innerHTML = event.detail.xhr.responseText;
const newUrl = event.detail.xhr.responseURL || config.url;
window.history.pushState(null, "", newUrl);
}
});
</script>
</head>
<body class="w-full" hx-ext="response-targets" hx-boost="true">
<body class="w-full h-full min-h-full" hx-ext="response-targets" hx-boost="true">
{{ block "body" . }}
<!-- Default app body... -->
{{ end }}

View File

@@ -5,10 +5,16 @@
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="grow-0">
<a href="/" class="no-underline"
><img class="h-14 w-14 border" src="/assets/favicon.png"
/></a>
</div>
<div class="flex flex-col">
<h1 class="font-bold text-2xl tracking-wide">{{ .site.title }}</h1>
<h2 class="italic">{{ .site.desc }}</h2>
<h1 class="font-bold text-2xl tracking-wide">
<a href="/" class="no-underline text-slate-800">{{ .site.title }}</a>
</h1>
<h2 class="italic text-slate-800">{{ .site.desc }}</h2>
</div>
</div>
@@ -40,7 +46,7 @@
{{ if and $model.page (HasPrefix $model.page.Path "/edition") -}}
aria-current="true"
{{- end }}
data-url="/edition/"
data-url="/redaktion/"
class="text-slate-600 hover:text-slate-900 hover:cursor-pointer hover:bg-slate-100
!pr-2.5"
:class="openeditionmenu? 'bg-slate-100' : 'closed'"
@@ -57,36 +63,43 @@
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") -}}
href="/redaktion/einfuehrung/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/einfuehrung") -}}
aria-current="page"
{{- end -}}
>Einführung</a
>
<a
href="/edition/dokumentation/"
{{ if and $model.page (HasPrefix $model.page.Path "/edition/dokumentation") -}}
href="/redaktion/dokumentation/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/dokumentation") -}}
aria-current="page"
{{- end -}}
>Dokumentation</a
>
<a
href="/edition/literatur/"
{{ if and $model.page (HasPrefix $model.page.Path "/edition/literatur") -}}
href="/redaktion/literatur/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/literatur") -}}
aria-current="page"
{{- end -}}
>Literatur</a
>
<a
href="/edition/danksagungen/"
{{ if and $model.page (HasPrefix $model.page.Path "/edition/danksagungen") -}}
href="/redaktion/lesekabinett/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/lesekabinett") -}}
aria-current="page"
{{- end -}}
>Lesekabinett</a
>
<a
href="/redaktion/danksagungen/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/danksagungen") -}}
aria-current="page"
{{- end -}}
>Danksagungen</a
>
<a
href="/edition/kontakt/"
{{ if and $model.page (HasPrefix $model.page.Path "/edition/kontakt") -}}
href="/redaktion/kontakt/"
{{ if and $model.page (HasPrefix $model.page.Path "/redaktion/kontakt") -}}
aria-current="page"
{{- end -}}
>Kontakt</a