From e0b91caa3f9569af6e77735c57552786b167395b Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Tue, 28 Mar 2023 17:45:17 -0400
Subject: [PATCH] Improve look of external link icons, add them to sidebar

---
 themes/red/assets/css/site.css                       | 5 +++++
 themes/red/layouts/_default/_markup/render-link.html | 2 +-
 themes/red/layouts/partials/sidebar.html             | 4 +++-
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index ff7e96f..2cf50e7 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -390,3 +390,8 @@ pre {
     margin: 10px;
     border: 1px inset black;
 }
+
+.external-link {
+    vertical-align: sub;
+    margin-left: 2px;
+}
diff --git a/themes/red/layouts/_default/_markup/render-link.html b/themes/red/layouts/_default/_markup/render-link.html
index 9647c6c..52d6538 100644
--- a/themes/red/layouts/_default/_markup/render-link.html
+++ b/themes/red/layouts/_default/_markup/render-link.html
@@ -1,4 +1,4 @@
 {{ $icon := resources.Get "external-link.svg" }}
 
 <a class="ext-link" href="{{ .Destination | safeURL }}" {{ if strings.HasPrefix .Destination "http" }}
-target="_blank"{{ end }}>{{ .Text | safeHTML }}{{ if strings.HasPrefix .Destination "http" }}<img aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>
\ No newline at end of file
+target="_blank"{{ end }}>{{ .Text | safeHTML }}{{ if strings.HasPrefix .Destination "http" }}<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>
\ No newline at end of file
diff --git a/themes/red/layouts/partials/sidebar.html b/themes/red/layouts/partials/sidebar.html
index 7c8f27f..6c4ceee 100644
--- a/themes/red/layouts/partials/sidebar.html
+++ b/themes/red/layouts/partials/sidebar.html
@@ -1,7 +1,9 @@
 <nav>
+    {{ $icon := resources.Get "external-link.svg" }}
+
     {{ range .Site.Menus.main }}
         <div class="site-menu">
-            <a href="{{ .URL  }}">{{ .Name }}</a>
+            <a href="{{ .URL  }}">{{ .Name }}{{ if strings.HasPrefix .URL "http" }}<img class="external-link" aria-hidden="true" alt="External link" width="16" height="16" src="{{ $icon.Permalink }}"/>{{- end -}}</a>
         </div>
     {{ end }}
 </nav>