feat(frontend): allow additional links in card body

paulrobertlloyd · paulrobertlloyd · commit 10101d4816a9 · 2024-12-22T01:38:52.000Z
diff --git a/packages/endpoint-posts/lib/controllers/posts.js b/packages/endpoint-posts/lib/controllers/posts.js
@@ -43,10 +43,12 @@ export const postsController = async (request, response, next) => {
         item.icon = item["post-type"];
         item.locale = application.locale;
         item.photo = getPhotoUrl(publication, item);
-        item.description =
-          item.summary ||
-          (item.content?.text &&
-            excerpt(item.content.text, 30, publication.locale));
+        item.description = {
+          text:
+            item.summary ||
+            (item.content?.text &&
+              excerpt(item.content.text, 30, publication.locale)),
+        };
         item.title = getPostName(publication, item);
         item.url = path.join(request.baseUrl, request.path, item.uid);
         item.badges = getPostStatusBadges(item, response);
diff --git a/packages/frontend/components/card/styles.css b/packages/frontend/components/card/styles.css
@@ -42,6 +42,11 @@
   margin-block-start: 0;
   min-inline-size: 67%;
   padding: var(--card-space, var(--space-s));
+
+  a:not([rel="bookmark"]) {
+    position: relative;
+    z-index: 1;
+  }
 }
 
 .card__title {
diff --git a/packages/frontend/components/card/template.njk b/packages/frontend/components/card/template.njk
@@ -23,7 +23,8 @@
     {% endif %}
     {{ prose({
       classes: "card__meta",
-      text: opts.description | markdown | striptags
+      text: opts.description.text,
+      html: opts.description.html
     }) | indent(4) if opts.description }}
     {% if opts.published or opts.badges %}
     <footer class="card__footer">
