Change plamo articles layout into cards.

portfolio/pages/en/plamo/gundam/2025-05-02-kawasaki-zaku-ii.md

@@ -4,6 +4,7 @@ title: Kawasaki Zaku II
 page: kawasaki-zaku-ii
 model_name: MS-06 Zaku II
 date: 2025-05-02
+status: Complete
 price: €21,99
 series: Mobile Suit Gundam
 scale: 1/144

portfolio/pages/en/plamo/gundam/2025-10-18-smc-2025-gundam.md

@@ -4,6 +4,7 @@ title: SMC Gundam
 page: smc-2025-gundam
 model_name: RX-178 Mk.II
 date: 2025-10-18
+status: Complete
 price: €10,00
 series: Mobile Suit Zeta Gundam
 scale: 1/144

portfolio/templates/plamo-showcase.html

@@ -1,12 +1,25 @@
-  <ul>
+$for(posts)$
-    $for(posts)$
+<section>
-        <li>
+  <div class="card mb-3" style="max-width: 540px;">
-            <em>$date$</em>&nbsp;<a href="$url$">$title$</a><img src="/images/plamo/gundam/$page$/thumbnail.webp" alt="thumbnail" />
+    <div class="row g-0">
-            $model_name$<br/>
+      <div class="col-md-3">
+        <a href="$url$">
+        <img src="/images/plamo/gundam/$page$/thumbnail.webp" alt="thumbnail" class="img-fluid rounded-start" >
+        </a>
+      </div>
+      <div class="col-md-8">
+        <div class="card-body">
+          <a href="$url$"><h5 class="card-title">$title$</h5></a>
+          <p class="card-text">
+            $model_name$ <span class="badge rounded-pill text-bg-secondary ms-4">$scale$</span><br/>
             Series: $series$<br/>
             $manufacturer$, $release$ - <a href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*">$number$</a><br/>
-            $price$, $purchase_location$, $purchase_venue$ <em>($purchase_date$)</em><br/>
+            Bought at $purchase_store$, $purchase_venue$ for $price$ <em>($purchase_date$)</em><br/>
-            $scale$<br/>
+          </p>
-        </li>
+          <p class="card-text"><em class="text-body-secondary">$date$</em></p>
-    $endfor$
+        </div>
-  </ul>
+      </div>
+    </div>
+  </div>
+</section>
+$endfor$