From 6eb4334691d437077d0143d879615fa023f0e684 Mon Sep 17 00:00:00 2001
From: Kai Moschcau <kai.moschcau@blecon.de>
Date: Wed, 1 Apr 2026 19:15:40 +0200
Subject: [PATCH] feat: set up a good looking outline for links

---
 src/components/external-link.astro | 2 +-
 src/pages/skills.astro             | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/external-link.astro b/src/components/external-link.astro
index fcb48ea..c5a2190 100644
--- a/src/components/external-link.astro
+++ b/src/components/external-link.astro
@@ -13,7 +13,7 @@ const { cssClass, href, title } = Astro.props;
 <a
   class:list={[
     cssClass,
-    "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg sm:px-24",
+    "flex min-w-full items-center justify-center gap-4 rounded px-6 py-2 text-lg outline-offset-2 sm:px-24",
   ]}
   {href}
   {title}
diff --git a/src/pages/skills.astro b/src/pages/skills.astro
index ffada5b..e9ae8e6 100644
--- a/src/pages/skills.astro
+++ b/src/pages/skills.astro
@@ -32,7 +32,10 @@ const kcStart = new Date(2026, 0, 1);
   <main class="flex items-center justify-center">
     <article>
       <div class="mb-8 flex items-baseline gap-6">
-        <a href="/" title="Zurück" class="text-soft"
+        <a
+          href="/"
+          title="Zurück"
+          class="text-soft rounded-full outline-offset-2"
           ><BackIcon class="size-9" /></a
         >
         <h1>Skills</h1>