added success page, improved display of success and error page

content/pages/error.md

@@ -4,15 +4,16 @@ date: 2025-03-03 17:19
 author: Tobias Radloff
 summary: Ein Fehler ist aufgetreten
 lang: de
+slug: error
 save_as: error.html
 featured_image: 
-  - pic: ../images/error-unsplash.jpg
+  - pic: ../images/motif-error.jpg
     alt: eine Frau vor einem Laptop stützt geknickt den Kopf in die Hände
     credit: Elisa Ventur on Unsplash.com 
 ---
 
 Verflixt, es ist ein Fehler bei der Newsletter-Verwaltung aufgetreten. Vielleicht hilft dir die Fehlermeldung weiter? 
 
-<script src="{static}/js/ErrorMessage.js"></script>
+<script src="{static}/js/Message.js"></script>
 
 [&larr; zur Startseite](/)

content/pages/success.md

@@ -0,0 +1,19 @@
+---
+title: "Das lief richtig gut :-)"
+date: 2025-03-04 23:19
+author: Tobias Radloff
+summary: Erfolg auf der ganzen Linie
+lang: de
+slug: success
+save_as: success.html
+featured_image: 
+  - pic: ../images/motif-success.jpg
+    alt: ein Mann sitzt auf einem Berggipfel über den Wolken und reckt die Faust in die Höhe
+    credit: Ian Stauffer on Unsplash.com 
+---
+
+Na, das lief doch mal richtig gut. Erfolg auf der ganzen Linie, würde ich sagen. So soll es sein, und so bleibt es hoffentlich auch.
+
+<script src="{static}/js/Message.js"></script>
+
+[&larr; zur Startseite](/)

theme/static/css/custom.css

@@ -393,12 +393,15 @@ pre {
     max-height: calc(var(--card-height) * 2);
     min-width: var(--smallest-width);
     max-width: 100%;
-    aspect-ratio: auto;
+    object-fit: cover;
-/*     padding: var(--pico-spacing);  */
     display: block;
     margin: auto;
   }
 
+  figcaption {
+    text-align: center;
+  }
+
   .article-stats {
     padding-left: 0;
   

theme/templates/includes/featured_image.html

@@ -1,8 +1,8 @@
 {% macro fi(pic, link='', alt='', credit='') %}
 <div class="featured-image">
   <figure>
-    <a href="{{ link }}" alt="{{ alt }}"><img src="{{ pic }}" /></a>
+    {% if link %}<a href="{{ link }}"{% if alt %} alt="{{ alt }}"{% endif %}>{% endif %}<img src="{{ pic }}" />{% if link %}</a>{% endif %}
-    {% if credit is defined %}
+    {% if credit %}
     <figcaption>Bild: {{ credit }}</figcaption>
     {% endif %}
   </figure>