updated contact page, many small improvements

content/pages/index.md

@@ -12,10 +12,10 @@ index_cards:
     credit: Matthew Jungling | unsplash.com
     credit_link: https://unsplash.com/@matthewjungling
     link: termine/
-    alt: Lesungen und Lesereihen  
+    alt: Lesungen und Lesereihen   
   - pic: images/neues/motif-coffee.jpg
     link: neues/
-    alt: Neuerscheinungen, Ankündigungen etc.
+    alt: Aktuelles und Neuigkeiten
   - pic: images/tr/portrait-tr-cutout.png
     link: ueber-mich/
     alt: "\"ich bin Schriftsteller / und heiß' Tobias Radloff / untenrum Cargohosen / obenrum 'nen Kahlkopf\""

content/pages/kontakt.md

@@ -4,8 +4,13 @@ date: 2025-02-04 10:20
 author: Tobias Radloff
 summary: Schreib mir eine Nachricht.
 lang: de
-template: page
+template: contact
 slug: kontakt
-footer_include: includes/contact_form.html
+featured_image: 
+  - pic: ../images/tr/motif-contact.jpg
+    alt: auf einem Notizbuch schläft ein Kätzchen 
+    credit: Vera Curcio | unsplash.com
+    credit_link: https://unsplash.com/@urbanleaf
 ---
 
+Hier kannst du mir eine Nachricht schicken.  

content/pages/lyrik.md

@@ -10,11 +10,11 @@ card_selector_key: category
 card_selector_value: Lyrik
 card_images:
   - pic: images/lyrik/cover-haunted-are-these-houses.jpg
-    link: lyrik/haunted-are-these-houses.html
+    link: lyrik/nine.html
     alt: Haunted are these Houses
     y_offset: 30%
   - pic: images/lyrik/cover-the-bangor-literary-journal-issue-3.jpg
-    link: lyrik/the-bangor-literary-journal.html
+    link: lyrik/served.html
     alt: The Bangor Literary Journal
     y_offset: 0%
   - pic: images/lyrik/cover-slam-poetry-aus-brandenburg.jpg

theme/static/css/custom.css

@@ -462,6 +462,11 @@ figcaption {
 }
 
 
+.tag-image img {
+  height: var(--tr-card-height);
+}
+
+
 /* settings for slide shows on wide cards */
 /* see https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/ */
 .wcard {
@@ -469,12 +474,12 @@ figcaption {
   flex-flow: wrap;
   column-gap: calc(var(--pico-nav-element-spacing-horizontal) * 2);
 
-  .wcard-gallery {
+  .wcard-gallery, .tag-image {
     flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.618);
     min-width: 300px;
   }
 
-  .wcard-title {
+  .wcard-title .tag-content {
     flex: 1 0 calc((100% - (2 * var(--pico-nav-element-spacing-horizontal))) * 0.382);
     min-width: 185px;
     display: flex;
@@ -547,7 +552,6 @@ figcaption {
 }
 
 @keyframes image-slide {
-
   0%,
   31% {
     left: -100%;

theme/templates/contact.html

@@ -0,0 +1,15 @@
+{% extends "page.html" %}
+
+{% block content_body %}
+{% if page.featured_image %}
+  {% from 'includes/macros.html' import pi %}
+  {% set i = page.featured_image[0] %}
+  {{ pi(i.pic, i.link, i.text, i.alt, i.credit, i.credit_link) }}
+{% endif %} 
+<article>
+  {% include "includes/contact_form.html" %}
+</article>
+{% endblock content_body %}
+
+{% block content_footer %}
+{% endblock content_footer %}

theme/templates/includes/macros.html

@@ -1,4 +1,4 @@
-{# output a featured image #}
+{# output a featured image for an article #}
 {% macro fi(pic, link='', alt='', title='', credit='', credit_link='') %}
 <div class="featured-image">
   <figure>
@@ -8,6 +8,12 @@
 </div>
 {% endmacro %}
 
+{# output a featured image for a page #}
+{% macro pi(pic, link='', alt='', title='', credit='', credit_link='') %}
+  <article id="no-bottom-margin">{{ fi(pic, link, text, alt, credit, credit_link) }}</article>
+{% endmacro %} 
+
+
 {# output a card image #}
 {% macro ci(pic, link='', alt='', title='', credit='', credit_link='') %}
 <div class="card-image">

theme/templates/index.html

@@ -14,5 +14,4 @@
   {% endfor %} 
 {% endfor %} 
 {% include "includes/subscribe.html" %} 
-{% include "includes/unsubscribe.html" %} 
 {% endblock content_body %}

theme/templates/tag.html

@@ -9,9 +9,9 @@
 {% block content_body %}
 {% from 'includes/macros.html' import ci %}
 {% for article in articles %}
-<article class="wcard" style="flex-direction: {{ loop.cycle('row', 'row-reverse') }};">
+<article class="wcard">
   <div class="tag-content">
-    <h2>{{ article.title }}</h2>  
+    <h2><a href="{{ article.featured_image[0].link }}">{{ article.title }}</a></h2>  
     {{ article.summary }}
   </div>
   <div class="tag-image">

theme/templates/termine.html

@@ -4,7 +4,7 @@
 {% set date_format = "%d.%m." %}
 {% set time_format = "%H:%M" %}
 {% block content_body %}
-  {% if page.featured_image is defined %}
+  {% if page.featured_image %}
     {% from 'includes/macros.html' import fi %}
     {% set i = page.featured_image[0] %}
     <article id="no-bottom-margin">{{ fi(i.pic, i.link, i.text, i.alt, i.credit, i.credit_link) }}</article>