tag template now looks good; minor improvements

theme/static/css/custom.css

@@ -410,6 +410,11 @@ article form {
   object-fit: contain;
 }
 
+.card-image img {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
 
 /* settings for articles */
 #content-body, #content-body {
@@ -496,17 +501,17 @@ article form {
 
 /* settings for slide shows on wide cards */
 /* see https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/ */
-.wcard {
+.wcard, .tag-entry {
   display: flex;
   flex-flow: wrap;
   column-gap: calc(var(--pico-nav-element-spacing-horizontal) * 2);
 
-  .wcard-gallery, .tag-image {
+  .wcard-gallery, .tag-content {
     flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.618);
     min-width: 300px;
   }
 
-  .wcard-title, .tag-content {
+  .wcard-title, .tag-image {
     flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.382);
     min-width: 185px;
     display: flex;
@@ -515,6 +520,13 @@ article form {
   }
 }
 
+.tag-content {
+  flex-direction: column;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
 .wcard-gallery {
   height: var(--tr-card-height);
   position: relative;

theme/templates/base.html

@@ -24,12 +24,19 @@
   <main class="container">
     <div id="site-content" role="document">
       {% block content_all %}
+
       {% block content_header %}
+      <div class="extra-header">
+        <h1>{{ page.title }}</h1>
+      </div>
       {% endblock content_header %}
+      
       {% block content_body %}
       {% endblock content_body %}
+      
       {% block content_footer %}
       {% endblock content_footer %}
+      
       {% endblock content_all %}
     </div>
   </main>

theme/templates/cards.html

@@ -3,9 +3,7 @@
 {% block content_all %}
 
 {% block content_header %}
-<div class="extra-header">
+{{ super() }}
-  <h1>{{ page.title }}</h1>
-</div>
 {% endblock content_header %}
 
 {% block content_body %}

theme/templates/index.html

@@ -1,5 +1,8 @@
 {% extends "base.html" %}
 
+{% block content_header %}
+{% endblock content_header %}
+
 {% block content_body %} 
 {% for p in pages if p.title == "Index" %} 
 

theme/templates/tag.html

@@ -1,15 +1,15 @@
-{% extends "index.html" %}
+{% extends "base.html" %}
 
 {% block content_header %}
-<header id="content_header">
+  <div class="extra-header">
-  <h1>{{ tag }} (Schlagwort)</h1>
+    <h1>{{ tag }} (Schlagwort)</h1>
-</header>
+  </div>
 {% endblock content_header %}
 
 {% block content_body %}
 {% from 'includes/macros.html' import ci %}
 {% for article in articles %}
-<article class="wcard">
+<article class="tag-entry">
   <div class="tag-content">
     <h2><a href="{{ article.featured_image[0].link }}">{{ article.title }}</a></h2>  
     {{ article.summary }}