modified how article stats are displayed

2025-03-07 11:32:16 +01:00 · 2025-03-07 11:32:16 +01:00 · 7a0fbbc07e
commit 7a0fbbc07e
parent d8598c0b8c
35 changed files with 155 additions and 75 deletions
--- a/content/posts/kurzprosa/aw-phantastische-geschichten-1.md
+++ b/content/posts/kurzprosa/aw-phantastische-geschichten-1.md
@ -2,7 +2,12 @@
 title: "Andere Welten: Phantastische Geschichten 1"
 date: 2024-02-10
 category: Kurzprosa
-tags: Fantasy, Science-Fiction, Horror, Andere Welten
+stats:
+  tags: 
+  - Fantasy
+  - Science-Fiction
+  - Horror
+  - Andere Welten
 author: Tobias Radloff (Hrsg.)
 summary: Die erste Anthologie zur Lesereihe "Potsdams Andere Welten" – dreizehn Autor:innen aus Fantasy, Science Fiction und Horror in einem Band.
 lang: de
--- a/content/posts/kurzprosa/aw-phantastische-geschichten-2.md
+++ b/content/posts/kurzprosa/aw-phantastische-geschichten-2.md
@ -2,7 +2,12 @@
 title: "Andere Welten: Phantastische Geschichten 2"
 date: 2025-02-01
 category: Kurzprosa
-tags: Fantasy, Science-Fiction, Horror, Andere Welten
+stats:
+  tags: 
+  - Fantasy
+  - Science-Fiction
+  - Horror
+  - Andere Welten
 author: Tobias Radloff (Hrsg.)
 summary: Die zweite Anthologie zur Lesereihe "Potsdams Andere Welten" – dreizehn Autor:innen aus Fantasy, Science Fiction und Horror in einem Band.
 lang: de
--- a/content/posts/kurzprosa/blinde-flecken.md
+++ b/content/posts/kurzprosa/blinde-flecken.md
@ -2,7 +2,10 @@
 title: Blinde Flecken
 date: 2023
 category: Kurzprosa
-tags: Kurzgeschichte, Science-Fiction
+stats:
+  tags: 
+  - Kurzgeschichte
+  - Science-Fiction
 author: Tobias Radloff
 summary: 
 lang: de
--- a/content/posts/kurzprosa/das-226-elixier.md
+++ b/content/posts/kurzprosa/das-226-elixier.md
@ -2,7 +2,9 @@
 title: Das 226. Elixier
 date: 2009-01-01
 category: Kurzprosa
-tags: Fantasy
+stats:
+  tags: 
+  - Fantasy
 author: Tobias Radloff
 summary: der Marschall der Giftmischer erwählt einen Nachfolger
 lang: de
--- a/content/posts/kurzprosa/der-raeuber.md
+++ b/content/posts/kurzprosa/der-raeuber.md
@ -2,7 +2,9 @@
 title: Der Räuber
 date: 2013-01-30
 category: Kurzprosa
-tags: Fantasy
+stats:
+  tags: 
+  - Fantasy
 author: Tobias Radloff
 summary: ein Diebeszug in Saramee mit unerwartetem Ausgang 
 lang: de
--- a/content/posts/kurzprosa/die-coronakrise.md
+++ b/content/posts/kurzprosa/die-coronakrise.md
@ -2,7 +2,9 @@
 title: Die Coronakrise
 date: 2021-11-01
 category: Kurzprosa
-tags: Satire
+stats:
+  tags: 
+  - Satire
 author: Tobias Radloff
 summary: aus einem Schüleraufsatz, 3. Klasse 
 lang: de
--- a/content/posts/kurzprosa/die-unsichtbare-katze.md
+++ b/content/posts/kurzprosa/die-unsichtbare-katze.md
@ -2,6 +2,7 @@
 title: Die unsichtbare Katze
 date: 2025-01-19
 category: Kurzprosa
+stats:
  tags: 
  - Belletristik
  - Depression
--- a/content/posts/kurzprosa/nobody-loves-you-like-i-do.md
+++ b/content/posts/kurzprosa/nobody-loves-you-like-i-do.md
@ -2,9 +2,11 @@
 title: Nobody Loves You Like I Do
 date: 2018-06-01
 category: Kurzprosa
+stats:
  tags: 
  - Belletristik
  - Science-Fiction
+  - English
 author: Tobias Radloff
 summary: 
 lang: en
--- a/content/posts/kurzprosa/person-of-the-year.md
+++ b/content/posts/kurzprosa/person-of-the-year.md
@ -2,7 +2,10 @@
 title: Person of the Year
 date: 2019-09-15
 category: Kurzprosa
-tags: Satire
+stats:
+  tags: 
+  - Satire
+  - English
 author: Tobias Radloff
 summary: Two emotional men collide, and humanity holds their breath  
 lang: en
--- a/content/posts/kurzprosa/sechs.md
+++ b/content/posts/kurzprosa/sechs.md
@ -2,6 +2,7 @@
 title: Sechs
 date: 2023-12-01
 category: Kurzprosa
+stats:
  tags: 
  - Belletristik
  - Krimi
--- a/content/posts/kurzprosa/snowfall.md
+++ b/content/posts/kurzprosa/snowfall.md
@ -2,9 +2,11 @@
 title: Snowfall
 date: 2019-06-01
 category: Kurzprosa
+stats:
  tags: 
  - Science-Fiction
  - Belletristik
+  - English
 author: Tobias Radloff
 summary: postapocalytpic short story  
 lang: en
--- a/content/posts/kurzprosa/wie-man-in-den-wald-ruft.md
+++ b/content/posts/kurzprosa/wie-man-in-den-wald-ruft.md
@ -2,6 +2,7 @@
 title: Wie man in den Wald ruft
 date: 2024-02-10
 category: Kurzprosa
+stats:
  tags: 
  - Fantasy
  - Horror
--- a/content/posts/kurzprosa/zeynap.md
+++ b/content/posts/kurzprosa/zeynap.md
@ -2,7 +2,9 @@
 title: Zeynap
 date: 2023-11-01
 category: Kurzprosa
-tags: Belletristik
+stats:
+  tags: 
+  - Belletristik
 author: Tobias Radloff
 summary: 
 lang: de
--- a/content/posts/lyrik/nine.md
+++ b/content/posts/lyrik/nine.md
@ -2,9 +2,11 @@
 title: Nine
 date: 2018-09-01
 category: Lyrik
+stats:
  tags: 
  - Horror
-  - Katze
+  - Katzen
+  - English
 author: Tobias Radloff
 lang: en
 published_in: "Haunted are these Houses"
--- a/content/posts/lyrik/served.md
+++ b/content/posts/lyrik/served.md
@ -2,7 +2,10 @@
 title: Served
 date: 2018-06-30
 category: Lyrik
+stats:
  tags:
+  - Gedicht 
+  - English
 author: Tobias Radloff
 lang: en
 published_in: The Bangor Literary Journal, Issue 3
--- a/content/posts/lyrik/slam-poetry-aus-brandenburg.md
+++ b/content/posts/lyrik/slam-poetry-aus-brandenburg.md
@ -2,7 +2,10 @@
 title: Slam Poetry aus Brandenburg 
 date: 2021-11-01
 category: Lyrik
-tags: Satire
+stats:
+  tags: 
+  - Satire
+  - Slam Poetry
 author: Tobias Radloff
 summary: 
 lang: de
--- a/content/posts/lyrik/those-days.md
+++ b/content/posts/lyrik/those-days.md
@ -2,7 +2,10 @@
 title: Those Days
 date: 2018-05-04
 category: Lyrik
-tags: Depression
+stats:
+  tags: 
+  - Depression
+  - English
 author: Tobias Radloff
 lang: en
 published_in: "Inside the Bell Jar"
--- a/content/posts/lyrik/turing-test-2.0.md
+++ b/content/posts/lyrik/turing-test-2.0.md
@ -2,7 +2,9 @@
 title: Turing Test Version 2.0
 date: 2018-03-18
 category: Lyrik
+stats:
  tags:
+  - English 
 author: Tobias Radloff
 lang: en
 published_in: "Resonance"
--- a/content/posts/lyrik/turning.md
+++ b/content/posts/lyrik/turning.md
@ -2,7 +2,9 @@
 title: Turning
 date: 2018-01-01
 category: Lyrik
+stats:
  tags:
+  - English 
 author: Tobias Radloff
 lang: en
 published_in: "Pif Magazine"
--- a/content/posts/romane/amoralisch.md
+++ b/content/posts/romane/amoralisch.md
@ -2,6 +2,7 @@
 title: Amoralisch
 date: 2014
 category: Romane
+stats:
  tags: 
    - Krimi
    - Noir
--- a/content/posts/romane/betrug-am-billabong.md
+++ b/content/posts/romane/betrug-am-billabong.md
@ -2,12 +2,14 @@
 title: Betrug am Billabong – The Billabong Deception
 date: 2009
 category: Romane
+author: Paul Jansen
+stats:
+  reihe: Krimis for Kids
  tags: 
    - Kinder- und Jugendbuch
    - Krimi
    - zweisprachig
-author: Paul Jansen
-reihe: Krimis for Kids
+    - English
  verlag: Langenscheidt
 summary: zweisprachiger Kinderkrimi
 lang: de
--- a/content/posts/romane/das-geheimnis-der-lady-luck.md
+++ b/content/posts/romane/das-geheimnis-der-lady-luck.md
@ -2,11 +2,13 @@
 title: Das Geheimnis der Lady Luck – The Secret of the Lady Luck
 date: 2012
 category: Romane
+author: Paul Jansen
+stats:
  tags: 
    - Kinder- und Jugendbuch
    - Fantasy
    - zweisprachig
-author: Paul Jansen
+    - English
  reihe: World of Fantasy
  verlag: Langenscheidt
 summary: zweisprachige Fantasy
--- a/content/posts/romane/der-komische-vogel.md
+++ b/content/posts/romane/der-komische-vogel.md
@ -2,11 +2,13 @@
 title: Der komische Vogel – The Odd Bird
 date: 2008
 category: Romane
+author: Paul Jansen
+stats:
  tags: 
    - Kinder- und Jugendbuch
    - Krimi
    - zweisprachig
-author: Paul Jansen
+    - English
  reihe: Krimis for Kids
  verlag: Langenscheidt
 summary: zweisprachiger Kinderkrimi
--- a/content/posts/romane/der-pilot.md
+++ b/content/posts/romane/der-pilot.md
@ -2,10 +2,14 @@
 title: Der Pilot – The Pilot
 date: 2007
 category: Romane
+author: Tobias Radloff
+stats:
  tags: 
    - Historischer Roman
-author: Tobias Radloff
+    - English
+    - Zweisprachig
  reihe: Lernschmöker
+  verlag: Langenscheidt
 summary: zweisprachiger historischer Roman
 lang: de
 featured_image: 
--- a/content/posts/romane/satinavs-auge.md
+++ b/content/posts/romane/satinavs-auge.md
@ -2,13 +2,14 @@
 title: Satinavs Auge
 date: 2007
 category: Romane
+stats:
  tags: 
    - Fantasy
    - Das Schwarze Auge
-author: Tobias Radloff
  reihe: Das Schwarze Auge
  verlag: Fantasy Productions
  isbn: 978-3-89064-495-0
+author: Tobias Radloff
 summary: Ein spannender Mantel-und-Degen-Roman aus der Welt des Schwarzen Auges
 lang: de
 featured_image: 
--- a/content/posts/romane/schwarzspeicher.md
+++ b/content/posts/romane/schwarzspeicher.md
@ -2,6 +2,7 @@
 title: Schwarzspeicher
 date: 2011
 category: Romane
+stats:
  tags: 
  - Thriller
  - Science-Fiction
--- a/content/posts/sonstiges/der-fluch-des-flussvaters.md
+++ b/content/posts/sonstiges/der-fluch-des-flussvaters.md
@ -2,6 +2,7 @@
 title: Der Fluch des Flussvaters 
 date: 2012-08-16
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/klar-zum-entern.md
+++ b/content/posts/sonstiges/klar-zum-entern.md
@ -2,6 +2,7 @@
 title: Klar zum Entern
 date: 2007-01-22
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/leicht-verdientes-gold.md
+++ b/content/posts/sonstiges/leicht-verdientes-gold.md
@ -2,6 +2,7 @@
 title: Leicht verdientes Gold
 date: 2002-03
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/rpg-spielhilfen.md
+++ b/content/posts/sonstiges/rpg-spielhilfen.md
@ -2,6 +2,7 @@
 title: Verschiedene RPG-Beiträge 
 date: 2025-02-19
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/stromschnellen.md
+++ b/content/posts/sonstiges/stromschnellen.md
@ -2,6 +2,7 @@
 title: Stromschnellen 
 date: 2006-03-31
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/verwunschen-verzaubert.md
+++ b/content/posts/sonstiges/verwunschen-verzaubert.md
@ -2,6 +2,7 @@
 title: Verwunschen & Verzaubert 
 date: 2005-04-08
 category: Sonstiges
+stats:
  tags: 
  - RPG
  - Das Schwarze Auge
--- a/content/posts/sonstiges/zwischen-einsamkeit-und-groessenwahn.md
+++ b/content/posts/sonstiges/zwischen-einsamkeit-und-groessenwahn.md
@ -2,6 +2,7 @@
 title: Zwischen Einsamkeit und Größenwahn – Magiertürme in der Fantasy
 date: 2002-03
 category: Sonstiges
+stats:
  tags: 
  - Fantasy
  - Zeitschriftenartikel
--- a/theme/static/css/custom.css
+++ b/theme/static/css/custom.css
@ -427,16 +427,25 @@ figcaption {
    margin: auto;
  }

-  .article-stats {
+  h2:has(+ .article-stats) { 
    margin-top: var(--pico-block-spacing-vertical);
+  }

-    ul { 
+  .article-stats {
    padding-left: 0; 

    li {
      list-style: none;
    }
  }
+
+  .article-tags {
+    padding-left: var(--pico-block-spacing-horizontal); 
+    margin-bottom: 0;
+    
+    li {
+      list-style: disc;
+    }
  }
 }

--- a/theme/templates/article.html
+++ b/theme/templates/article.html
@ -28,23 +28,28 @@
    {% set i = article.featured_image[0] %}
    {{ fi(i.pic, i.link, i.text, i.title, i.credit, i.credit_link) }}
  {% endif %} 
-    <div class="article-stats">
+  {% if article.stats %}
+    <div>
      <h2>Details</h2>
-      <ul>
-      {% if article.reihe is defined %}
-        <li>aus der Reihe {{ article.reihe }}</li>
+      <ul class="article-stats">
+      {% set stats = article.stats %}
+      {% if stats.reihe is defined %}
+        <li>aus der Reihe "{{ stats.reihe }}"</li>
      {% endif %} 
-      {% if article.tags is defined %}
-        <li>Schlagworte: {% for tag in article.tags %}{% if not loop.first %}, {% endif%}<a href="/tag/{{ tag }}">{{ tag }}</a>{% endfor %}</li>
+      {% if stats.tags is defined %}
+        <li>Schlagworte: <ul class="article-tags">
+          {% for tag in stats.tags %}<li><a href="/tag/{{ tag }}">{{ tag }}</a></li>{% endfor %}
+        </ul></li>
      {% endif %} 
-      {% if article.isbn is defined %}
-        <li>ISBN: {{ article.isbn }}</li>
+      {% if stats.isbn is defined %}
+        <li>ISBN: {{ stats.isbn }}</li>
      {% endif %} 
-      {% if article.verlag is defined %}
-        <li>erschienen bei: {{ article.verlag }}</li>
+      {% if stats.verlag is defined %}
+        <li>erschienen bei: {{ stats.verlag }}</li>
      {% endif %}
    </ul>
  </div>
+{% endif %}
 </article>
 <footer class="article-footer">
  <a href="/{{ article.save_as.split('/')[:-1] | join('/') }}/">&larr; {{ article.category }}</a>