Apply more styling.
This commit is contained in:
parent
60c3af48f5
commit
6be20960ed
@ -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;
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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"
|
||||||
|
|||||||
@ -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>
|
||||||
|
|||||||
@ -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/>
|
||||||
|
|||||||
@ -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" >
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user