Open external links in separate tab; show a SVG icon after the extern…

…al link.
vaga · Aug 4, 2023 · 89aab9c · 89aab9c
1 parent 630e450
commit 89aab9c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/assets/css/_base.scss b/assets/css/_base.scss
@@ -27,6 +27,15 @@ a {
  }
 }
 
+a.external {
+ background-image: url(/images/external-link.svg?uNJ);
+ background-position: center right;
+ background-repeat: no-repeat;
+ background-size: 0.857em;
+ padding-right: 1em;
+}
+
+
 // Browsers seem to use a smaller default font-size with monospaced code
 // blocks (like 80% of the size of normal text) and that looks pretty bad with
 // small inline code-blocks in the middle of normal text (mainly because of

diff --git a/layouts/_default/_markup/render-link.html b/layouts/_default/_markup/render-link.html
@@ -0,0 +1,5 @@
+<a href="{{ .Destination | safeURL }}"
+ {{ with .Title }} title="{{ . }}"{{ end }}
+ {{ if or (strings.HasPrefix .Destination "http:") (strings.HasPrefix .Destination "https:") }}
+ target="_blank" class="external"
+ {{ end }} >{{ .Text | safeHTML }}</a>
diff --git a/static/images/external-link.svg b/static/images/external-link.svg