From 5e26ccfe733d8e85b8fac3bb4de66c6adaae4bbc Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Wed, 9 Apr 2025 07:08:45 +0200
Subject: [PATCH] better external link indicator

---
 src/_includes/partials/footer.njk              |  4 ++--
 src/assets/css/global/blocks/external-link.css | 12 +++++++-----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/_includes/partials/footer.njk b/src/_includes/partials/footer.njk
index 23f9a3e..aa78b8f 100644
--- a/src/_includes/partials/footer.njk
+++ b/src/_includes/partials/footer.njk
@@ -31,7 +31,7 @@
         {% for key, value in personal.platforms %}
           {% if value != "" %}
             <!-- regular platforms -->
-            <a href="{{ value }}" rel="me">
+            <a class="no-indicator" href="{{ value }}" rel="me">
               <span class="visually-hidden">{{ key | capitalize }}</span>
               {% svg 'platform/' + key %}
             </a>
@@ -44,7 +44,7 @@
 
     <aside class="creator | cluster gutter-2xs text-step-min-1 mt-xl">
       Made with <span class="visually-hidden">love</span> <span>{% svg "misc/heart" %}</span> and
-      <a href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by
+      <a class="no-indicator" href="https://www.11ty.dev/">{% svg "misc/11ty", "Eleventy" %}</a> by
       <a href="{{ meta.creator.website }}">{{ meta.creator.name }}</a>
     </aside>
   </div>
diff --git a/src/assets/css/global/blocks/external-link.css b/src/assets/css/global/blocks/external-link.css
index 89cf8ca..42d99a8 100644
--- a/src/assets/css/global/blocks/external-link.css
+++ b/src/assets/css/global/blocks/external-link.css
@@ -1,12 +1,14 @@
-article
-  a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button) {
+a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(.button):not(
+    .no-indicator
+  ),
+.indicator {
   padding-inline-end: 0.8em;
 }
 
-article
-  a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
+a[href^='http']:not([href*='localhost:8080']):not([href*='eleventy-excellent.netlify.app']):not(
     .no-indicator
-  )::after {
+  )::after,
+.indicator::after {
   position: absolute;
   display: inline-block;
   inline-size: 1em;