Indicate external links

1 files changed, 12 insertions, 1 deletions

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index f1c37c9..976e8a3 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -32,7 +32,10 @@ const { title, description, empty } = Astro.props;
     <meta property="og:title" content={title} />
     <meta property="og:description" content={description} />
     <meta property="og:type" content="website" />
-    <meta property="og:url" content={Astro.url.toString().replace(".html", "")} />
+    <meta
+      property="og:url"
+      content={Astro.url.toString().replace(".html", "")}
+    />
     <meta property="og:image" content="/favicon.png" />
 
     <meta name="twitter:card" content="summary" />
@@ -86,6 +89,14 @@ const { title, description, empty } = Astro.props;
     color: $accent;
   }
 
+  a.external::after {
+    content: "↗";
+    font-family: monospace;
+    font-size: 0.85em;
+    display: inline-block;
+    transform: translateY(-1px);
+  }
+
   *::selection {
     background-color: color.adjust($accent, $alpha: -0.85);
   }