Optimierungen in Handschriften; Schriftgröße in Menü

src/dynamic/handschriften.njk

@@ -34,9 +34,9 @@ eleventyNavigation:
 
 <div class="mt-4 w-full" id="list">
   {%- for post in collections.handschriften -%}
-    <div class="handschrift-sammlung flex flex-row mb-8 w-full category" id="{{ post.data.Ort | safe }}">
-      <div class="text-xl grow font-bold self-start z-0 sticky top-20 order-0">{{ post.data.Ort | safe }}</div>
-      <div class="border-l-2 pl-4 grow-0 shrink-0 w-[90ch] border-slate-400 flex flex-row flex-wrap gap-x-4 gap-y-5 justify-start">{{ post.content | safe }}</div>
+    <div class="bg-slate-100 p-4 handschrift-sammlung flex flex-row mb-8 w-full category" id="{{ post.data.Ort | safe }}">
+      <div class="text-xl grow font-bold self-start z-0 sticky top-20 order-0 pr-4">{{ post.data.Ort | safe }}</div>
+      <div class=" grow-0 shrink-0 w-[90ch] border-slate-400 flex flex-row flex-wrap gap-x-4 gap-y-5 justify-start">{{ post.content | safe }}</div>
     </div>
   {%- endfor -%}
   </div>

src/includes/footer.njk

@@ -1,13 +1,3 @@
-<div class="flex flex-col">
-    <div class="grow">
-        <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>
 <div class="grow bg-white"></div>
 <footer class="text-base text-center py-1 px-4 grow-0 shrink-0">
     Stand: 30.1.2023

src/includes/header.njk

@@ -4,7 +4,7 @@
 	<h1 class="px-3 py-2 pb-4 text-5xl font-bold text-center">
 		{{ config.title }}
 	</h1>
-	<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">
+	<h2 class="py-2 border-t-gray-200 px-5 text-xl text-black bg-slate-200 border-l-4 border-slate-600 shadow-sm">
 		{{ config.shortdescription }}
 		{# <br> Forschungsstelle zum Schriftsteller Jacob Michael Reinhold Lenz. #}
 	</h2>

src/includes/search.njk

@@ -0,0 +1,10 @@
+<div class="flex flex-col">
+    <div class="grow">
+        <div class="bg-slate-50 border-t border-slate-600 py-5 px-4">
+            <form class="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>

src/includes/sidebar.njk

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

src/includes/sidenav.njk

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

src/layouts/base.njk

@@ -51,7 +51,7 @@
           {% include "sidebar.njk" %}
       </aside>
 
-      <main class="px-8 pt-[7.5rem] min-h-full">
+      <main class="px-8 pt-[7.5rem] min-h-full max-w-[1120px]">
         <div>
           <h2 class="text-3xl font-bold pb-4">
               {{ title | safe }}

src/static/css/site.css

@@ -89,12 +89,12 @@
   } */
 
   body {
-    font-size: 17px;
+    font-size: 16px;
   }
 
   @layer components {
     .sidebar-nav li li {
-      @apply ml-4 text-lg
+      @apply ml-4
     }
 
     .sidebar-nav .active {
@@ -114,7 +114,7 @@
     }
 
     .handschrift-sammlung .handschrift {
-      @apply border basis-[31.5%] shrink-0
+      @apply border basis-[31.5%] shrink-0 bg-white
     }
 
     .handschrift-sammlung .ueberschrift-gruppe {