www.eamoncaddigan.net

commit 233f11ba630b25e6bf4505df46866b9f6e4cda94
parent 7a8825fd3137b48cb091d2f2e4ee5cef410bc97a
Author: Eamon Caddigan <eamon.caddigan@gmail.com>
Date:   Wed, 23 Aug 2023 10:55:05 -0700

Using CSS to style external links in articles

Many "digital garden" type sites highlight external links this way and I
think it's cute. I reserve the right to change my mind and decide its
distracting if external links continue to outnumber internal ones to
the current extent. Also I don't really understand CSS but this was fun.

Diffstat:
M
layouts/partials/hook_head_end.html
 | 
1
+
A
static/css/extra.css
 | 
3
+++

2 files changed, 4 insertions(+), 0 deletions(-)
diff --git a/layouts/partials/hook_head_end.html b/layouts/partials/hook_head_end.html
@@ -1 +1,2 @@
+<link rel="stylesheet" type="text/css" href="{{relURL "css/extra.css"}}">
 {{ if .Params.katex}}{{ partial "katex.html" . }}{{ end }}
diff --git a/static/css/extra.css b/static/css/extra.css
@@ -0,0 +1,3 @@
+article a[href^=http]:where(:not([href*="www.eamoncaddigan.net/"])):after {
+    content: "⬈"
+}