improve layout, version 31

Makefile

@@ -1,5 +1,5 @@
 .PHONY: help build publish
-VERSION = 1.0.30
+VERSION = 1.0.31
 
 help:
 	@perl -nle'print $& if m{^[a-zA-Z_-]+:.*?## .*$$}' $(MAKEFILE_LIST) | sort | awk 'BEGIN {FS = ":.*?## "}; {printf "\033[36m%-30s\033[0m %s\n", $$1, $$2}'

blog/templates/blog/blog_index_page.html

@@ -7,7 +7,7 @@
 {% block content %}
 
     <section class="py-24 sm:py-32 mx-4">
-        <div class="mx-auto max-w-7xl px-0 md:px-4 lg:px-8">
+        <div class="px-0 md:px-4 lg:px-8">
             <div class="mx-auto max-w-2xl lg:max-w-4xl">
                 <h1 class="text-3xl font-bold tracking-tight sm:text-4xl">{{ page.title }}</h1>
                 <div class="mt-2 text-lg leading-8">{{ page.intro|richtext }}</div>

blog/templates/blog/blog_page.html

@@ -5,8 +5,8 @@
 {% block body_class %}template-blogpage{% endblock %}
 
 {% block content %}
-    <section class="flex flex-col items-center justify-center h-full max-w-7xl px-0 md:px-4 lg:px-8">
+    <section class="flex flex-col items-center justify-center h-full px-0 md:px-4 lg:px-8">
-        <article class="mb-16 max-w-7xl px-0 md:px-4 lg:px-8">
+        <article class="mb-16 px-0 md:px-4 lg:px-8">
             <h1>{{ page.title }}</h1>
 
             {% with authors=page.authors.all %}

blog/templates/blog/blog_tag_index_page.html

@@ -3,8 +3,8 @@
 
 {% block content %}
 
-    <section class="py-24 sm:py-32 mx-4">
+    <section class="h-full px-0 md:px-4 lg:px-8">
-        <div class="mx-auto max-w-7xl px-0 md:px-4 lg:px-8">
+        <div class="mb-16 px-0 md:px-4 lg:px-8">
             {% if request.GET.tag %}
                 <h1>Showing pages tagged "{{ request.GET.tag }}"</h1>
             {% endif %}

home/templates/home/home_page.html

@@ -4,7 +4,7 @@
 {% block body_class %}{% endblock %}
 
 {% block content %}
-    <section class="flex flex-col items-center justify-center h-full max-w-7xl px-0 md:px-4 lg:px-8">
+    <section class="flex flex-col items-center justify-center h-full px-0 md:px-4 lg:px-8">
         <div class="mx-auto max-w-3xl text-base leading-7">
             <h1 class="sr-only">{{ page.title }}</h1>
             {% image page.image original class="rounded-2xl bg-gray-50" %}
@@ -17,7 +17,7 @@
         </div>
     </section>
 
-    <section class="max-w-7xl px-0 md:px-4 lg:px-8">
+    <section class="px-0 md:px-4 lg:px-8">
         <div class="w-full px-2 lg:px-4">
             {{ page.body }}
         </div>

iamkonstantin_web/templates/base.html

@@ -47,7 +47,7 @@
 <div class="relative w-full sm:px-8">
     {% include "includes/header.html" %}
 
-    <main id="main" class="max-w-7xl px-0 md:px-4 lg:px-8">
+    <main id="main" class="mx-auto max-w-7xl px-0 md:px-4 lg:px-8">
         {% block content %}{% endblock %}
     </main>
 

iamkonstantin_web/templates/includes/footer.html

@@ -1,6 +1,6 @@
 {% load navigation_tags %}
 
-<footer class="flex flex-col items-center w-full max-w-7xl px-0 md:px-4 lg:px-8">
+<footer class="mx-auto flex flex-col items-center w-full max-w-7xl px-0 md:px-4 lg:px-8">
     <p>Created in <span class="emoji">🇪🇺</span> by <a href="https://social.headbright.eu/@konstantin">Konstantin</a></p>
 
     <nav>

search/templates/search/search.html

@@ -6,8 +6,8 @@
 {% block title %}Search{% endblock %}
 
 {% block content %}
-    <section class="h-full max-w-7xl px-0 md:px-4 lg:px-8">
+    <section class="h-full px-0 md:px-4 lg:px-8">
-        <div class="mx-auto max-w-7xl px-0 md:px-4 lg:px-8">
+        <div class="px-0 md:px-4 lg:px-8">
             <h1>Search</h1>
 
             <form action="{% url 'search' %}" method="get" class="container">
@@ -30,8 +30,8 @@
         </div>
     </section>
 
-    <section class="h-full max-w-7xl px-0 md:px-4 lg:px-8">
+    <section class="h-full px-0 md:px-4 lg:px-8">
-        <div class="mx-auto max-w-7xl px-0 md:px-4 lg:px-8">
+        <div class="px-0 md:px-4 lg:px-8">
             <h2 class="sr-only">Search results</h2>
 
             {% if search_results %}