From d6739c7258d3022e4d3fab8fb9f9421d055e4019 Mon Sep 17 00:00:00 2001
From: Damien Vitrac <dvitrac@vmware.com>
Date: Thu, 2 Nov 2023 15:52:40 +0100
Subject: [PATCH] Add custom style and behaviour on external link

Resolves #190
---
 src/css/doc.css           | 15 ++++++++++++---
 src/js/02-on-this-page.js | 11 +++++++++++
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/src/css/doc.css b/src/css/doc.css
index 8d73d52..ccf74bf 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -721,9 +721,7 @@ h1.page + aside.toc.embedded {
   background: var(--kbd-background);
   border: 1px solid var(--kbd-border-color);
   border-radius: 0.25em;
-  box-shadow:
-    0 1px 0 var(--kbd-border-color),
-    0 0 0 0.1em var(--body-background) inset;
+  box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
   padding: 0.25em 0.5em;
   vertical-align: text-bottom;
   white-space: nowrap; /* effectively ignores hyphens setting */
@@ -807,3 +805,14 @@ html.dark-theme .doc img {
   padding: 1rem;
   padding-top: 0;
 }
+
+.doc a.external::after {
+  content: "\f08e";
+  margin-left: 4px;
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome, sans-serif;
+  font-size: 12px;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
diff --git a/src/js/02-on-this-page.js b/src/js/02-on-this-page.js
index 6e34fc1..4a4748a 100644
--- a/src/js/02-on-this-page.js
+++ b/src/js/02-on-this-page.js
@@ -1,6 +1,17 @@
 ;(function () {
   'use strict'
 
+  document.querySelectorAll('.content article a')
+    .forEach(function (item) {
+      const location = window.location
+      if (location) {
+        if (item.hostname && item.hostname !== location.hostname) {
+          item.classList.add('external')
+          item.setAttribute('target', '_blank')
+        }
+      }
+    })
+
   var sidebar = document.querySelector('div.toc')
   if (!sidebar) return
   if (document.querySelector('body.-toc')) return sidebar.parentNode.removeChild(sidebar)