From 1c5c2041c8696febd165b22f546fd4ad47d3b8f7 Mon Sep 17 00:00:00 2001
From: Valentin <valentin@fricklerhandwerk.de>
Date: Sun, 18 Jan 2026 23:26:40 +0100
Subject: =?UTF-8?q?Semantische=20CSS-Klassen=20eingef=C3=BChrt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dies ermöglicht unabhängigere visuelle Komponenten, die nicht an den Ort im DOM-Baum gebunden sind.
---
 www/termine.nix | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

(limited to 'www/termine.nix')

diff --git a/www/termine.nix b/www/termine.nix
index e631afc..a9ebd5f 100644
--- a/www/termine.nix
+++ b/www/termine.nix
@@ -27,8 +27,8 @@
                         type = functionTo str;
                         readOnly = true;
                         default = self: ''
-                          <dt id="${self.name}"><a href="#${self.name}">${self.title}</a></dt>
-                          <dd>
+                          <dt class="event-title" id="${self.name}"><a href="#${self.name}">${self.title}</a></dt>
+                          <dd class="event-body">
                             <time datetime="${self.date.start} ${self.time.start}">${
                               # TODO: Lokalisierte Zeitdarstellung
                               self.datetime-range-text
@@ -48,13 +48,15 @@
                             ${
                               if !isNull self.summary then
                                 ''
-                                  <details><summary>${self.summary}</summary>
+                                  <details class="vertical-margin"><summary>${self.summary}</summary>
                                   ${self.description}
                                   </details>
                                 ''
                               else if !isNull self.description then
                                 ''
+                                  <div class="vertical-margin">
                                   ${self.description}
+                                  </div>
                                 ''
                               else
                                 ""
@@ -65,7 +67,7 @@
                             ${
                               with lib;
                               optionalString (self.data != [ ]) ''
-                                <dl>
+                                <dl class="event-data with-colons">
                                   ${concatMapStringsSep "\n" (entry: ''
                                     <dt>${entry.name}</dt>
                                     <dd>${entry.value}</dd>
@@ -88,7 +90,7 @@
                               else
                                 ''
                                   <p>Veranstalter:
-                                  <ul>
+                                  <ul class="default">
                                     ${concatMapStringsSep "\n" (host: ''
                                       <li>${print-host host}</li>
                                     '') self.hosts}
@@ -113,7 +115,7 @@
                               else
                                 ''
                                   <p>Weitere Informationen:
-                                  <ul>
+                                  <ul class="default">
                                     ${concatMapStringsSep "\n" (link: ''
                                       <li>${print-link link}</li>
                                     '') self.links}
-- 
cgit v1.2.3