add program top text

_includes/program.css

@@ -37,7 +37,8 @@
   font-size: 26px;
 }
 
-.timeslot .icon {
+.timeslot .icon,
+p .icon {
   height: 1.1em;
   vertical-align: text-bottom;
   fill: currentColor;

content/de/program.md

@@ -4,5 +4,10 @@ title: Programm
 tags: mainNav
 eleventyNavigation:
   order: 1
+templateEngineOverride: njk,md
 ---
 # Programm
+
+Die ESE startet dieses Jahr am Montag, den 07. Oktober 2024. Los geht es mit der Begrüßungsveranstaltung. Am Sonntag wird vorab schon eine Radtour angeboten.
+
+Einige Veranstaltungen übertragen wir auch Live in unserem ESE-Stream, gekennzeichnet mit diesem Symbol: {% icon "solid:video", title="Livestream" %}

content/en/program.md

@@ -4,5 +4,10 @@ title: Program
 tags: mainNav
 eleventyNavigation:
   order: 1
+templateEngineOverride: njk,md
 ---
 # Program
+
+The ESE starts this year on Monday, October 7th, 2024 with the opening event. There is also a bicycle tour planned on Sunday.
+
+Some events will also be broadcast live in our ESE stream, marked with this symbol: {% icon "solid:video", title="Livestream" %}

eleventy.config.js

@@ -26,15 +26,18 @@ module.exports = function(eleventyConfig) {
 
   // override icon shortcode to make the SVGs accessible
   eleventyConfig.addAsyncShortcode("icon", async function(input, attrs) {
+    let out;
     if (!attrs || !("title" in attrs)) {
-      return eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, attrs);
+      out = await eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, attrs);
+    } else {
+      const { title, ...newAttrs } = attrs;
+      newAttrs.role = "img";
+      const svgStr = await eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, newAttrs);
+      const match = svgStr.match(/(<svg.*?>)(.*$)/s);
+      out = match[1] + "<title>" + title + "</title>" + match[2];
     }
-
-    const { title, ...newAttrs } = attrs;
-    newAttrs.role = "img";
-    const svgStr = await eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, newAttrs);
-    const match = svgStr.match(/(<svg.*?>)(.*$)/s);
-    return match[1] + "<title>" + title + "</title>" + match[2];
+    // line breaks cause some issues
+    return out.replaceAll("\n", "");
   });
 
   // process the logo files