Apply more styling.
This commit is contained in:
parent
60c3af48f5
commit
6be20960ed
@ -2,10 +2,25 @@
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
/* Make an external arrow icon appear for external hyperlinks. */
|
||||
a.external::after {
|
||||
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 {
|
||||
font-size: 0.7rem;
|
||||
text-align: center;
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Blue Impulse T-2 J.A.S.D.F. Acrobatic Team"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "¥1100"
|
||||
series: ""
|
||||
scale: "1/72"
|
||||
number: "00335"
|
||||
release: "2008"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "A6M2 Zero Type 21"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "€26,20"
|
||||
series: "World War 2"
|
||||
scale: "1/48"
|
||||
number: "82212"
|
||||
release: "2022"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Avia Ba-33"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "€11,95"
|
||||
series: ""
|
||||
scale: "1/72"
|
||||
number: "AZCZ05"
|
||||
release: "2009"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Kawasaki Ki-100 (Tony)"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "€8,00"
|
||||
series: ""
|
||||
scale: "1/48"
|
||||
number: "OT2-15-500"
|
||||
release: "1980"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Tachikawa Ki-55 Type 99 advanced trainer"
|
||||
date: "2025-08-03"
|
||||
status: "Complete"
|
||||
price: "€18,00"
|
||||
series: "World War 2"
|
||||
scale: "1/72"
|
||||
number: "7A-A1-350"
|
||||
release: "1983"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Mikoyan-Gurevich MiG-21F-13 interceptor"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "€10,00*"
|
||||
series: ""
|
||||
scale: "1/48"
|
||||
number: "82191"
|
||||
release: "2025"
|
||||
|
||||
@ -7,7 +7,6 @@ model_name: "Spitfire mark IX"
|
||||
date: "1990-01-01"
|
||||
status: "Still in box"
|
||||
price: "€30,00"
|
||||
series: ""
|
||||
scale: "1/48"
|
||||
number: "2804"
|
||||
release: "2024"
|
||||
|
||||
@ -9,7 +9,6 @@ status: "Still in box"
|
||||
price: "€69,99"
|
||||
series: "Ikaruga"
|
||||
scale: "1/144"
|
||||
number: ""
|
||||
release: "2012"
|
||||
manufacturer: "Kotobukiya"
|
||||
purchase_date: "2025-11-13"
|
||||
|
||||
@ -1,9 +1,54 @@
|
||||
<article>
|
||||
<article>
|
||||
<section class="header">
|
||||
<a href="/$language$/plamo.html" class="back-link">$text-plamo-back$</a>
|
||||
</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">
|
||||
<svg class="bi flex-shrink-0 me-2" role="img" aria-label="Warning:"><use xlink:href="#exclamation-triangle-fill"/></svg>
|
||||
<div>
|
||||
$text-plamo-not-ready$<br/>
|
||||
<a href="/$language$/plamo.html" class="alert-link">$text-plamo-back$</a>
|
||||
@ -11,5 +56,6 @@
|
||||
</div>
|
||||
|
||||
$body$
|
||||
|
||||
</section>
|
||||
</article>
|
||||
|
||||
@ -1,6 +1,7 @@
|
||||
<article>
|
||||
<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>
|
||||
<hr/>
|
||||
|
||||
@ -3,16 +3,22 @@
|
||||
<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">
|
||||
<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">
|
||||
<a href="$url$"><h5 class="card-title">$title$</h5></a>
|
||||
<p class="card-text"><em class="text-body-secondary">$date$</em></p>
|
||||
<p class="card-text">
|
||||
$model_name$ <span class="badge rounded-pill text-bg-secondary ms-4">$scale$</span><br/>
|
||||
<p class="card-text fs-xs-smaller">
|
||||
<em class="text-body-secondary">$date$</em><br/>
|
||||
$model_name$<br/>
|
||||
<span class="badge rounded-pill text-bg-secondary ms-4 text-center">$scale$</span><br/>
|
||||
$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$
|
||||
$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(price)$
|
||||
$if(purchase_date)$
|
||||
@ -23,7 +29,7 @@
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="col-3">
|
||||
<div class="card mt-2" style="width: 128px;">
|
||||
<a href="$url$">
|
||||
<img src="/images/plamo/$page$/thumbnail.webp" alt="thumbnail" class="card-img-top img-fluid rounded-top" >
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user