templates/card.html

@@ -1,8 +1,8 @@
 <div class="col">
   <div class="card shadow-sm">
-    {% if this.title and this.title|length >= 1 and not this.headline %}
+    {% if this.title and this.title|length >= 1 %}
     <div class="card-header position-relative">
-      {{ this.title }}
+      <span class="flex">{{ this.title }}</span>
       <a
         href="#"
         class="btn btn-link float-end"
@@ -22,18 +22,9 @@
     />
 
     {% if this.description and this.description|length >= 1 %}
-    <div class="card-body position-relative">
+    <div class="card-body">
       {% if this.headline and this.headline|length >= 1 %}
       <h5 class="card-title">{{ this.headline }}</h5>
-      <a
-        href="#"
-        class="btn btn-link position-absolute bottom-1 end-0"
-        data-bs-toggle="tooltip"
-        data-bs-placement="top"
-        data-bs-title="Add a reaction"
-      >
-        <i class="bi-heart-fill text-danger"></i>
-      </a>
       {% endif %}
       <p class="card-text">{{ this.description }}</p>
     </div>

test.py

@@ -26,7 +26,7 @@ template_vars = {
                 "place_in_head": True,
             },
             "masonry": {
-                "src": "https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"
+                "src": "https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js"
             },
         },
         "css": {