diff options
| author | Valentin <valentin@fricklerhandwerk.de> | 2026-01-18 23:26:40 +0100 |
|---|---|---|
| committer | Valentin <valentin@fricklerhandwerk.de> | 2026-01-18 23:35:23 +0100 |
| commit | 1c5c2041c8696febd165b22f546fd4ad47d3b8f7 (patch) | |
| tree | baa0f4cf3aa2bf8e4f054181b1b4d71ae4afeda4 /www/termine.nix | |
| parent | ebbf8ba883844c352b2614d16dd3070e0caa9c51 (diff) | |
Semantische CSS-Klassen eingeführt
Dies ermöglicht unabhängigere visuelle Komponenten, die nicht an den Ort im DOM-Baum gebunden sind.
Diffstat (limited to 'www/termine.nix')
| -rw-r--r-- | www/termine.nix | 14 |
1 files changed, 8 insertions, 6 deletions
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} |