From 0733b3e6eaf12d5ae7923d6d99dedb7e7f857bb0 Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:12:26 +0200
Subject: [PATCH 1/7] Added missing background definition for light theme to
 mobile menu

---
 templates/layout.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/layout.html b/templates/layout.html
index 404efee..01a0a89 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -230,7 +230,7 @@
 
     <!----------------------------- Mobile menu ----------------------------->
     <div id="mobile-menu" class="sm:hidden fixed z-10 overflow-hidden">
-      <div class="nav-links flex flex-col space-y-4 items-center w-screen dark:bg-gray-800 transition-all ease-out duration-500 h-0">
+      <div class="nav-links flex flex-col space-y-4 items-center w-screen bg-gray-200 dark:bg-gray-800 transition-all ease-out duration-500 h-0">
         <!-- Current: "bg-gray-900 text-white", Default: "text-gray-300 hover:bg-gray-700 hover:text-white" -->
         {% for item in config.extra.navbar.items %}
           {% if lang == item.lang %}

From 26515a4da1f404c0cc07cef668a866455d22c8ab Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:17:54 +0200
Subject: [PATCH 2/7] Wrap categories and tags list if there are too many items
 for one line

---
 templates/categories/list.html | 2 +-
 templates/tags/list.html       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/categories/list.html b/templates/categories/list.html
index 48d22ad..28e5c68 100644
--- a/templates/categories/list.html
+++ b/templates/categories/list.html
@@ -7,7 +7,7 @@
   </h1>
   <p class="text-bold text-xl mt-4">{{ terms | length }} categories</p>
 
-  <div class="flex sm:flex-row flex-col sm:gap-x-7 gap-y-5 mt-6">
+  <div class="flex flex-wrap sm:flex-row flex-col sm:gap-x-7 gap-y-5 mt-6">
   {% for category in terms %}
     <a href="{{ category.permalink | safe }}" class="flex items-center space-x-2">
       <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
diff --git a/templates/tags/list.html b/templates/tags/list.html
index cd596d5..a7410cd 100644
--- a/templates/tags/list.html
+++ b/templates/tags/list.html
@@ -7,7 +7,7 @@
   </h1>
   <p class="text-bold text-xl mt-4">{{ terms | length }} tags</p>
 
-  <div class="flex sm:flex-row flex-col sm:gap-x-7 gap-y-5 mt-6">
+  <div class="flex flex-wrap sm:flex-row flex-col sm:gap-x-7 gap-y-5 mt-6">
   {% for tag in terms %}
     <a href="{{ tag.permalink | safe }}" class="flex items-center space-x-2">
       <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

From 27cc3bc64542f87aecc42c4c8874f89193544528 Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:25:32 +0200
Subject: [PATCH 3/7] Distance to the page borders for content blocks which is
 especially needed for mobile layouts

---
 templates/categories/list.html   | 2 +-
 templates/categories/single.html | 4 ++--
 templates/page.html              | 2 +-
 templates/tags/list.html         | 2 +-
 templates/tags/single.html       | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/templates/categories/list.html b/templates/categories/list.html
index 28e5c68..718c681 100644
--- a/templates/categories/list.html
+++ b/templates/categories/list.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col mt-10">
+<div class="flex items-center flex-col mt-10 px-4">
   <h1 class="text-2xl text-bold">
     Categories
   </h1>
diff --git a/templates/categories/single.html b/templates/categories/single.html
index 24fb3a6..087e09c 100644
--- a/templates/categories/single.html
+++ b/templates/categories/single.html
@@ -1,11 +1,11 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col mt-10">
+<div class="flex items-center flex-col mt-10 px-4">
   <h1 class="text-2xl text-bold mb-6">
     Category : {{ term.name }}
   </h1>
-  <div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
+  <div class="flex flex-col gap-y-6 w-full sm:w-2/3">
     {% if paginator %}
     {% set pages = paginator.pages %}
     {% else %}
diff --git a/templates/page.html b/templates/page.html
index b81d646..c2b3d8d 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex">
+<div class="flex px-4">
    <h1 class="text-2xl text-bold my-6 mx-auto">
       {{ page.title }}
     </h1>
diff --git a/templates/tags/list.html b/templates/tags/list.html
index a7410cd..68096af 100644
--- a/templates/tags/list.html
+++ b/templates/tags/list.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col mt-10">
+<div class="flex items-center flex-col mt-10 px-4">
   <h1 class="text-2xl text-bold">
     Tags
   </h1>
diff --git a/templates/tags/single.html b/templates/tags/single.html
index 179d13b..6c064a9 100644
--- a/templates/tags/single.html
+++ b/templates/tags/single.html
@@ -1,11 +1,11 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col mt-10">
+<div class="flex items-center flex-col mt-10 px-4">
   <h1 class="text-2xl text-bold mb-6">
     Tag : {{ term.name }}
   </h1>
-  <div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
+  <div class="flex flex-col gap-y-6 w-full sm:w-2/3">
     {% if paginator %}
     {% set pages = paginator.pages %}
     {% else %}

From 3fca004768fbb6df38eb2ed2ec020842f514c4af Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:36:13 +0200
Subject: [PATCH 4/7] Align page content in the center so that it does not look
 of when the table of content is disabled

---
 templates/page.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/page.html b/templates/page.html
index c2b3d8d..31bbc6a 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -6,7 +6,7 @@
       {{ page.title }}
     </h1>
 </div>
-<div class="flex gap-x-8">
+<div class="flex gap-x-8 p-4 justify-center">
   <div class="flex flex-col sm:w-3/4 w-full border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-2xl bg-gray-200 dark:bg-gray-800">
 
     <div class="flex flex-col py-2 justify-center">

From 2944bceebecd3897e2456a3e4b99585e067b30ac Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:43:41 +0200
Subject: [PATCH 5/7] Moved content on index page more up so that it does not
 look off on small mobile screens or with multi-line content text on the page

---
 templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index 8578545..b2c7d03 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,7 +1,7 @@
 {% extends "layout.html" %}
 
 {% block content %}
-<div class="flex items-center flex-col mt-40">
+<div class="flex items-center flex-col mt-16">
   <h1 class="text-xl text-bold">
     {{ config.extra.index.title }}
   </h1>

From 20ee5574d0e8a52ef7458262870fc1d015fd9c1f Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 14:48:12 +0200
Subject: [PATCH 6/7] Restrict width of the content div on the index page so
 that the line wrap happens for larger content texts before the text runs over
 the whole screen

---
 templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index b2c7d03..c897932 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -74,7 +74,7 @@
   </div>
 
           <!-- Content -->
-        <div class="text-bold mt-2">
+        <div class="text-bold mt-2 w-2/3 text-center p-4">
           {{ section.content | safe }}
         </div>
 </div>

From fe4afc2e9c9bbc1fff33f75dd6c9d8ad7506dbcf Mon Sep 17 00:00:00 2001
From: Adrian Winterstein <adrian@winterstein.biz>
Date: Sat, 27 Jul 2024 15:44:08 +0200
Subject: [PATCH 7/7] Always use current year for the copyright notice in the
 footer

---
 templates/layout.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/layout.html b/templates/layout.html
index 01a0a89..cafadf9 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -297,7 +297,7 @@
     <div class="mt-16 border-t-2 border-gray-300 flex flex-col items-center">
       <div class="sm:w-2/3 text-center py-6">
         <p class="text-sm text-black dark:text-white font-bold mb-2">
-          © 2023 <a href="https://www.getzola.org/themes/blow/">blow</a> theme made with <a href="https://tailwindcss.com/" target="_blank">tailwindcss</a> for <a href="https://www.getzola.org/" target="_blank">Zola</a>
+          © {{ now() | date(format="%Y") }} <a href="https://www.getzola.org/themes/blow/">blow</a> theme made with <a href="https://tailwindcss.com/" target="_blank">tailwindcss</a> for <a href="https://www.getzola.org/" target="_blank">Zola</a>
         </p>
       </div>
     </div>