From 5e7f9037506912539489e56064b3235f69ed2231 Mon Sep 17 00:00:00 2001
From: Kevin Matsubara <kevin.matsubara@proton.me>
Date: Sat, 27 Dec 2025 00:20:27 +0100
Subject: [PATCH] Add indications for hyperlinks to external websites.

---
 portfolio/css/custom.css            | 4 ++++
 portfolio/templates/model-kits.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/portfolio/css/custom.css b/portfolio/css/custom.css
index b0f4f9d..308d54d 100644
--- a/portfolio/css/custom.css
+++ b/portfolio/css/custom.css
@@ -2,6 +2,10 @@
   font-size: 0.8rem;
 }
 
+a.external::after {
+  content: " ↗";
+}
+
 footer {
   font-size: 0.7rem;
   text-align: center;
diff --git a/portfolio/templates/model-kits.html b/portfolio/templates/model-kits.html
index df7935f..f060ffc 100644
--- a/portfolio/templates/model-kits.html
+++ b/portfolio/templates/model-kits.html
@@ -9,7 +9,7 @@
               <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/>
+                $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/>
                 Bought at $purchase_store$ for $price$ <em>($purchase_date$)</em><br/>
               </p>
               <p class="card-text"><em class="text-body-secondary">$date$</em></p>