From daf591e86195d9f28fa3b2979eab928ef256e30a Mon Sep 17 00:00:00 2001
From: a <a@trwnh.com>
Date: Sun, 11 Dec 2022 10:38:21 -0600
Subject: [PATCH] switch unicode external link icon to svg

---
 assets/styles/features/links.scss           | 13 +++++++++++++
 layouts/_default/_markup/render-link.html   | 12 +++++++++++-
 layouts/partials/styles/external-links.html |  7 ++-----
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/assets/styles/features/links.scss b/assets/styles/features/links.scss
index b74dee5..5cc437e 100644
--- a/assets/styles/features/links.scss
+++ b/assets/styles/features/links.scss
@@ -26,4 +26,17 @@ a:hover {
 
 @media (prefers-reduced-motion) {
 	a:link {transition: none}
+}
+
+a:link[target=_blank] {
+	svg {
+		margin-inline-start: 0.35em;
+		margin-inline-end: 0.15em;
+		vertical-align: baseline;
+		font-size: 0.65em;
+	}
+}
+
+a:link[title] {
+	text-decoration-style: dotted;
 }
\ No newline at end of file
diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
index 9577022..ec352b7 100644
--- a/layouts/_default/_markup/render-link.html
+++ b/layouts/_default/_markup/render-link.html
@@ -7,4 +7,14 @@
 {{- with $url.Fragment }}{{ $fragment = printf "#%s" . }}{{ end -}}
 {{- with .Page.GetPage $url.Path }}{{ $link = printf "%s%s" .RelPermalink $fragment }}{{ end }}{{ end -}}
 {{- end -}}
-<a class="link" href="{{ $link | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if $isRemote }} target="_blank"{{ end }}>{{ .Text | safeHTML }}</a>
\ No newline at end of file
+
+<a href="{{ $link | safeURL }}"
+{{- with .Title}} title="{{ . }}"
+{{- end -}}
+{{ if $isRemote }} target="_blank"{{ end -}}
+>
+{{- .Text | safeHTML -}}
+{{ if $isRemote -}}
+<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 1000 1000" width="1em"><path fill="currentColor" d="M609.34 13.31c-23.11 8.5-28.16 20.46-28.42 65.35 0 29.49.8 34.8 6.11 45.16 10.89 21.52 13.81 22.31 96.96 23.91l72.25 1.33L568.7 336.32C465.63 439.39 379.57 526.79 377.44 530.77c-4.78 9.3-4.78 24.17 0 33.47 2.13 3.98 15.67 18.86 30.28 33.47 24.17 23.91 27.36 26.3 38.52 27.36 6.64.8 15.41.53 19.66-.26 5.05-1.33 65.88-60.3 196.04-190.46C765.8 330.74 851.6 246.01 852.66 246.01c1.06 0 1.86 32.67 1.86 72.78 0 70.93.26 72.78 6.11 81.29 11.16 16.47 19.39 18.86 63.49 18.06 42.5-.8 46.49-2.12 58.97-19.13 5.58-7.17 5.58-10.36 6.37-180.37l.53-173.2-5.84-11.95c-3.72-6.91-9.83-14.08-15.41-17.27-9.03-5.05-14.08-5.31-179.31-5.84-137.59-.53-171.85.01-180.09 2.93z"/><path fill="currentColor" d="M100.12 121.42c-29.75 5.05-57.91 24.44-73.58 50.47-17.8 29.49-17 10.63-16.2 390.49l.8 343.73 8.5 17.8c9.56 20.19 27.89 41.44 44.36 51 26.83 15.67 8.5 14.87 381.46 14.87 306.28 0 343.2-.53 356.22-4.25 38.25-11.42 68.01-43.57 76.51-82.88 2.13-9.83 2.92-81.82 2.92-235.62v-221.8H745.63v409.08H145.27V256.63h409.08V118.5l-219.68.27c-121.13.26-226.59 1.32-234.55 2.65z"/></svg>
+{{- end -}}
+</a>
\ No newline at end of file
diff --git a/layouts/partials/styles/external-links.html b/layouts/partials/styles/external-links.html
index 0db6089..113d40f 100644
--- a/layouts/partials/styles/external-links.html
+++ b/layouts/partials/styles/external-links.html
@@ -1,14 +1,11 @@
 <style>
-a[href^="http"]:after {
-	content: "🡕";
-}
 
-a[href^="{{.Site.BaseURL}}"]:after
+a[href^="{{.Site.BaseURL}}"] svg
 {
 	display: none !important;
 }
 
-a[href^="http://localhost"]:after
+a[href^="http://localhost"] svg
 {
 	display: none !important;
 }