Theodor-Springmann-Stiftung/kgpz_web
1
0
Fork 0
mirror of https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git synced 2025-10-29 17:15:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

more CSS styling

Browse Source
This commit is contained in:
Simon Martens
2025-01-13 23:16:08 +01:00
parent 5c54b51050
commit d2c21017f0
9 changed files with 84 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
views/layouts/components/_footer.gohtml Normal file
View File

@@ -0,0 +1,3 @@
<div>
Datenschutz, Impressum.
</div>

3
views/layouts/components/_header.gohtml Normal file
View File

@@ -0,0 +1,3 @@
<div class="mt-8">
<h1 class="text-4xl">Königsberger gelehrte und politische Zeitungen</h1>
</div>

33
views/layouts/components/_menu.gohtml
View File

@@ -1,12 +1,23 @@
<nav>
<div>
<div>Übersicht nach</div>
<a href="/">Jahrgängen</a>
<a href="/akteure/a">Personen</a>
<a href="/kategorie/">Betragsarten</a>
<a href="/ort/">Orten</a>
<div class="mt-8 flex flex-row w-full">
<div class="mx-auto flex flex-row">
<div>
<input type="search" placeholder="Suche" class="px-2.5 py-1.5 border w-96" />
</div>
<div x-data="{ open: false }">
<button class="btn btn-primary" @click="open = !open">Menu</button>
<div x-show="open" class="absolute bg-slate-50">
<div>
<div>Übersicht nach</div>
<a href="/">Jahrgängen</a>
<a href="/akteure/a">Personen</a>
<a href="/kategorie/">Betragsarten</a>
<a href="/ort/">Orten</a>
</div>
<a href="/edition/">Geschichte &amp; Edition der KGPZ</a>
<a href="/zitation/">Zitation</a>
<a href="/kontakt/">Kontakt</a>
</div>
</div>
</div>
<a href="/edition/">Geschichte &amp; Edition der KGPZ</a>
<a href="/zitation/">Zitation</a>
<a href="/kontakt/">Kontakt</a>
</nav>
</div>

32
views/layouts/default/root.gohtml
View File

@@ -29,16 +29,30 @@
</script>
</head>
<body class="w-full h-full p-3" hx-ext="response-targets" hx-boost="true">
{{ block "_menu" . }}
<!-- Default app menu... -->
{{ end }}
<body class="w-full" hx-ext="response-targets" hx-boost="true">
<div class="container flex flex-col min-h-screen max-w-screen-2xl mx-auto">
<header>
{{ block "_header" . }}
<!-- Default app header... -->
{{ end }}
</header>
<div>
{{ block "_menu" . }}
<!-- Default app menu... -->
{{ end }}
</div>
<main>
{{ block "body" . }}
<!-- Default app body... -->
{{ end }}
</main>
<main class="">
{{ block "body" . }}
<!-- Default app body... -->
{{ end }}
</main>
<footer>
{{ block "_footer" . }}
{{ end }}
</footer>
</div>
</body>
</html>