1
0

Apply more styling.

This commit is contained in:
Kevin Matsubara 2025-12-27 12:51:44 +01:00
parent 60c3af48f5
commit 6be20960ed
12 changed files with 78 additions and 18 deletions

View File

@ -2,10 +2,25 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
/* Make an external arrow icon appear for external hyperlinks. */
a.external::after { a.external::after {
content: " ↗"; content: " ↗";
} }
a.back-link {
font-size: 0.8rem;
}
a.back-link::before {
content: "← ";
}
/* Smaller font for Plamo cards. */
@media (max-width: 500px) {
.fs-xs-smaller {
font-size: 0.75rem;
}
}
footer { footer {
font-size: 0.7rem; font-size: 0.7rem;
text-align: center; text-align: center;

View File

@ -7,7 +7,6 @@ model_name: "Blue Impulse T-2 J.A.S.D.F. Acrobatic Team"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "¥1100" price: "¥1100"
series: ""
scale: "1/72" scale: "1/72"
number: "00335" number: "00335"
release: "2008" release: "2008"

View File

@ -7,7 +7,6 @@ model_name: "A6M2 Zero Type 21"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "€26,20" price: "€26,20"
series: "World War 2"
scale: "1/48" scale: "1/48"
number: "82212" number: "82212"
release: "2022" release: "2022"

View File

@ -7,7 +7,6 @@ model_name: "Avia Ba-33"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "€11,95" price: "€11,95"
series: ""
scale: "1/72" scale: "1/72"
number: "AZCZ05" number: "AZCZ05"
release: "2009" release: "2009"

View File

@ -7,7 +7,6 @@ model_name: "Kawasaki Ki-100 (Tony)"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "€8,00" price: "€8,00"
series: ""
scale: "1/48" scale: "1/48"
number: "OT2-15-500" number: "OT2-15-500"
release: "1980" release: "1980"

View File

@ -7,7 +7,6 @@ model_name: "Tachikawa Ki-55 Type 99 advanced trainer"
date: "2025-08-03" date: "2025-08-03"
status: "Complete" status: "Complete"
price: "€18,00" price: "€18,00"
series: "World War 2"
scale: "1/72" scale: "1/72"
number: "7A-A1-350" number: "7A-A1-350"
release: "1983" release: "1983"

View File

@ -7,7 +7,6 @@ model_name: "Mikoyan-Gurevich MiG-21F-13 interceptor"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "€10,00*" price: "€10,00*"
series: ""
scale: "1/48" scale: "1/48"
number: "82191" number: "82191"
release: "2025" release: "2025"

View File

@ -7,7 +7,6 @@ model_name: "Spitfire mark IX"
date: "1990-01-01" date: "1990-01-01"
status: "Still in box" status: "Still in box"
price: "€30,00" price: "€30,00"
series: ""
scale: "1/48" scale: "1/48"
number: "2804" number: "2804"
release: "2024" release: "2024"

View File

@ -9,7 +9,6 @@ status: "Still in box"
price: "€69,99" price: "€69,99"
series: "Ikaruga" series: "Ikaruga"
scale: "1/144" scale: "1/144"
number: ""
release: "2012" release: "2012"
manufacturer: "Kotobukiya" manufacturer: "Kotobukiya"
purchase_date: "2025-11-13" purchase_date: "2025-11-13"

View File

@ -1,9 +1,54 @@
<article> <article>
<article>
<section class="header"> <section class="header">
<a href="/$language$/plamo.html" class="back-link">$text-plamo-back$</a>
</section> </section>
<section> <section>
<hr/>
Model information
<table class="table table-striped-columns">
$if(model_name)$
<tr><td>Model</td><td>$model_name$</td></tr>
$endif$
$if(scale)$
<tr><td>Scale</td><td>$scale$</td></tr>
$endif$
$if(series)$
<tr><td>Series</td><td>$series$</td></tr>
$endif$
$if(manufacturer)$
<tr><td>Manufacturer</td><td>$manufacturer$</td></tr>
$endif$
$if(release)$
<tr><td>Release year</td><td>$release$</td></tr>
$endif$
$if(number)$
<tr>
<td>Kit number</td><td><a class="external" aria-label="scalemates dot com (opens external site in new tab)" href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*" target="_blank" rel="noopener noreferrer">$number$</a></td>
</tr>
$endif$
</table>
Purchase information
<table class="table table-striped-columns">
$if(purchase_date)$
<tr><td>Date</td><td>$formatted_purchase_date$</td></tr>
$endif$
$if(price)$
<tr><td>Price</td><td>$price$</td></tr>
$endif$
$if(purchase_store)$
<tr><td>Store</td><td>$purchase_store$</td></tr>
$endif$
$if(purchase_venue)$
<tr><td>Venue</td><td>$purchase_venue$</td></tr>
$endif$
$if(purchase_location)$
<tr><td>Location</td><td>$purchase_location$</td></tr>
$endif$
</table>
<div class="alert alert-warning d-flex align-items-center" role="alert"> <div class="alert alert-warning d-flex align-items-center" role="alert">
<svg class="bi flex-shrink-0 me-2" role="img" aria-label="Warning:"><use xlink:href="#exclamation-triangle-fill"/></svg>
<div> <div>
$text-plamo-not-ready$<br/> $text-plamo-not-ready$<br/>
<a href="/$language$/plamo.html" class="alert-link">$text-plamo-back$</a> <a href="/$language$/plamo.html" class="alert-link">$text-plamo-back$</a>
@ -11,5 +56,6 @@
</div> </div>
$body$ $body$
</section> </section>
</article> </article>

View File

@ -1,6 +1,7 @@
<article> <article>
<section class="header"> <section class="header">
Posted on $date$ <a href="/$language$/plamo.html" class="back-link">$text-plamo-back$</a><br/>
<span class="text-body-secondary">Posted on: $date$</span>
</section> </section>
<section> <section>
<hr/> <hr/>

View File

@ -3,16 +3,22 @@
<div class="col"> <div class="col">
<div class="card h-100 mb-3" style="max-width: 500px; min-width: 300px;"> <div class="card h-100 mb-3" style="max-width: 500px; min-width: 300px;">
<div class="row g-0"> <div class="row g-0">
<div class="col-md-8"> <a href="$url$"><h5 class="card-title text-center mt-1">$title$</h5></a>
</div>
<div class="row g-0">
<div class="col-6 col-md-8">
<div class="card-body"> <div class="card-body">
<a href="$url$"><h5 class="card-title">$title$</h5></a> <p class="card-text fs-xs-smaller">
<p class="card-text"><em class="text-body-secondary">$date$</em></p> <em class="text-body-secondary">$date$</em><br/>
<p class="card-text"> $model_name$<br/>
$model_name$ <span class="badge rounded-pill text-bg-secondary ms-4">$scale$</span><br/> <span class="badge rounded-pill text-bg-secondary ms-4 text-center">$scale$</span><br/>
$if(series)$ $if(series)$
Series: $series$<br/> <strong>Series</strong>: $series$<br/>
$endif$
$manufacturer$, $release$<br/>
$if(number)$
<a class="external" aria-label="scalemates dot com (opens external site in new tab)" href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*" target="_blank" rel="noopener noreferrer">$number$</a><br/>
$endif$ $endif$
$manufacturer$, $release$ - <a class="external" aria-label="scalemates dot com (opens external site in new tab)" href="https://www.scalemates.com/search.php?fkSECTION%5B%5D=All&q=$number$*" target="_blank" rel="noopener noreferrer">$number$</a><br/>
$if(purchase_store)$ $if(purchase_store)$
$if(price)$ $if(price)$
$if(purchase_date)$ $if(purchase_date)$
@ -23,7 +29,7 @@
</p> </p>
</div> </div>
</div> </div>
<div class="col-md-3"> <div class="col-3">
<div class="card mt-2" style="width: 128px;"> <div class="card mt-2" style="width: 128px;">
<a href="$url$"> <a href="$url$">
<img src="/images/plamo/$page$/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" > <img src="/images/plamo/$page$/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >