kevin/portfolio
1
0
Fork 0
Code

Update plamo showcase cards.

Browse Source
This commit is contained in:
Kevin Matsubara 2025-12-17 22:25:41 +01:00
parent 4b9b30d85e
commit feb5fda169
1 changed files with 29 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
portfolio/templates/plamo-showcase.html
View File

@ -1,25 +1,32 @@
$for(posts)$
<section>
<div class="card mb-3" style="max-width: 540px;">
<div class="row g-0">
<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/>
Bought at $purchase_store$, $purchase_venue$ for $price$ <em>($purchase_date$)</em><br/>
</p>
<p class="card-text"><em class="text-body-secondary">$date$</em></p>
<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3 g-4 p-1">
$for(posts)$
<div class="col">
<div class="card h-100 mb-3" style="max-width: 500px; min-width: 300px;">
<div class="row g-0">
<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/>
Bought at $purchase_store$ for $price$ <em>($purchase_date$)</em><br/>
</p>
<p class="card-text"><em class="text-body-secondary">$date$</em></p>
</div>
</div>
<div class="col-md-3">
<div class="card mt-2" style="width: 128px;">
<a href="$url$">
<img src="/images/plamo/gundam/$page$/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
</a>
<div class="card-body">
<p class="card-text text-center">$status$</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
$endfor$
$endfor$
</div>