add markdown rendering for program

_includes/page.css

@@ -69,6 +69,16 @@ p {
   line-height: 1.8;
 }
 
+a.link {
+  color: var(--color-primary);
+  text-decoration: underline dotted var(--color-primary);
+  font-weight: 500;
+  transition: filter .1s ease-out;
+}
+a.link:hover {
+  filter: brightness(.8);
+}
+
 a.btn {
   display: block;
   width: fit-content;

_includes/program.njk

@@ -34,19 +34,19 @@
           <span class="full">{{ event.start }}{{ " – " + event.end if event.end }}</span>
         </div>
 
-        <p>{{ getLocalized(event.description) }}</p>
+        <p>{{ getLocalized(event.description) | mdInline | safe }}</p>
 
         {% if event.annotation %}
         <p class="annotation">
           {% icon "solid:exclamation", title=("Notice" if lang == "en" else "Hinweis") %}
-          {{ getLocalized(event.annotation) }}
+          {{ getLocalized(event.annotation) | mdInline | safe }}
         </p>
         {% endif %}
 
         {% if event.location %}
         <p class="location">
           {% icon "solid:location-dot", title=("Location" if lang == "en" else "Veranstaltungsort") %}
-          {{ getLocalized(event.location) }}
+          {{ getLocalized(event.location) | mdInline | safe }}
         </p>
         {% endif %}