From c97987a69807fe91b7cd9de1db45bcecc81f2574 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sat, 13 Jul 2024 19:58:40 +0800
Subject: [PATCH] Add external link CSS class
---
src/assets/css/general.css | 7 +++++--
src/pages/about.md | 2 +-
2 files changed, 6 insertions(+), 3 deletions(-)
diff --git a/src/assets/css/general.css b/src/assets/css/general.css
index 74562a87..28711a24 100644
--- a/src/assets/css/general.css
+++ b/src/assets/css/general.css
@@ -51,8 +51,11 @@ a:hover { color: var(--clr-link-hover); }
a:not([class]):focus { outline: 0.15rem solid var(--clr-link); }
a:hover img, a:focus img { outline: 0.2em solid var(--clr-body-txt); }
-a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture)) { padding-right: 1.25em; }
-a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture))::after {
+a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture)),
+.external-link { padding-right: 1.25em; }
+
+a[href^="http"]:not([href*="leilukin.com"]):not(:has(img, svg, picture))::after,
+.external-link::after {
position: absolute;
content: "";
display: inline-block;
diff --git a/src/pages/about.md b/src/pages/about.md
index 2b0b74f8..26d4a67b 100644
--- a/src/pages/about.md
+++ b/src/pages/about.md
@@ -51,7 +51,7 @@ Social media platforms you can find me on:
* [Twitter](https://twitter.com/Leilukin)
* [Mastodon](https://mstdn.social/@leilukin)
* [Mastodon (for gaming)](https://elekk.xyz/@leilukin)
-* [Bluesky](https://bsky.app/profile/leilukin.com)
+* [Bluesky](https://bsky.app/profile/leilukin.com){.external-link}
However, I am most active on Tumblr, so if you want to interact with me on a social media platform, Tumblr would be the best option.