Added filter functionality to list

src/includes/footer.njk

@@ -1,13 +1,16 @@
-<div class="bg-emerald-600 self-stretch grow pt-4 pb-1.5 px-3 flex flex-col">
+<div class="flex flex-col">
     <div class="grow">
-        <form class="text-lg flex flex-row w-full">
-        <input class="px-1.5 italic grow" type="text" placeholder="Suchbegriff..."/>
-        <button class="inline-block ml-2 px-2 border border-white text-white">Suche</button>
-        </form>
+        <div class="bg-slate-50 border-t border-slate-600 py-5 px-4">
+            <form class="text-lg flex flex-row w-full">
+            <input class="px-1.5 italic border border-slate-600 grow" type="text" placeholder="Suchbegriff..."/>
+            <button class="inline-block ml-2 px-2 border border-slate-600 ">Suche</button>
+            </form>
+        </div>
     </div>
-    <div class="text-base text-center text-white">
-        Stand: 30.1.2023
-        | <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="https://github.com/schnulller/jacoblenz">Code</a> | 
-          <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="/datenschutz/">Datenschutz & Impressum</a>
-    </div>
-</div>
+</div>
+<div class="grow bg-white"></div>
+<footer class="text-base text-center py-1 px-4 grow-0 shrink-0">
+    Stand: 30.1.2023
+    | <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="https://github.com/schnulller/jacoblenz">Code</a> | 
+        <a class="underline underline-offset-[3px] decoration-dotted hover:decoration-solid" href="/datenschutz/">Datenschutz & Impressum</a>
+</footer>

src/includes/header.njk

@@ -1,11 +1,11 @@
 
-<div class="pt-28 bg-slate-200">
-	<img class="px-12 pb-4 pt-8 bg-slate-50" src="/images/JLA.png" alt="jla-Logo">
-	<h1 class="px-3 py-2 text-5xl font-bold bg-slate-50 text-center">
+<header>
+	<img class="px-12 pb-4 pt-8" src="/images/JLA.png" alt="jla-Logo">
+	<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center">
 		{{ config.title }}
 	</h1>
-	<h2 class="pt-2  border-t-gray-200 pb-2 px-3 text-2xl text-white bg-emerald-600">
+	<h2 class="py-2 border-t-gray-200 px-5 text-2xl text-black bg-slate-200 border-l-4 border-slate-600 shadow-sm">
 		{{ config.shortdescription }}
 		{# <br> Forschungsstelle zum Schriftsteller Jacob Michael Reinhold Lenz. #}
 	</h2>
-</div>
+</header>

src/includes/sidebar.njk

@@ -0,0 +1,3 @@
+{% include "header.njk" %}
+{% include "sidenav.njk" %}
+{% include "footer.njk" %}

src/includes/sidenav.njk

@@ -21,6 +21,8 @@
 </li>
 {%- endmacro %}
 
-<ul class="py-4 text-xl sidebar-nav">
+<nav class="py-4 text-xl sidebar-nav px-2">
+<ul>
 {%- for entry in navPages %}{{ renderNavListItem(entry) }}{%- endfor -%}
-</ul>
+</ul>
+</nav>