From e959c04280dedcb8715ae1ab98c2d77cca8994a9 Mon Sep 17 00:00:00 2001
From: Wolf2323 <gabrielpatrikurban@gmail.com>
Date: Wed, 4 Dec 2024 13:33:45 +0100
Subject: [PATCH] fixed external link icons

---
 docs/_custom_theme/externalLinkIcon.html  | 25 -----------------------
 docs/_media/content/linkExternalDark.svg  |  8 ++++++++
 docs/_media/content/linkExternalHover.svg |  8 ++++++++
 docs/_media/content/linkExternalWhite.svg |  8 ++++++++
 docs/_webCode/css/externalLinkIcon.css    | 15 ++++++++++++++
 docs/_webCode/js/externalLinkIcon.js      | 10 +++++++++
 docs/mkdocs_parent.yml                    |  2 ++
 7 files changed, 51 insertions(+), 25 deletions(-)
 delete mode 100644 docs/_custom_theme/externalLinkIcon.html
 create mode 100644 docs/_media/content/linkExternalDark.svg
 create mode 100644 docs/_media/content/linkExternalHover.svg
 create mode 100644 docs/_media/content/linkExternalWhite.svg
 create mode 100644 docs/_webCode/css/externalLinkIcon.css
 create mode 100644 docs/_webCode/js/externalLinkIcon.js

diff --git a/docs/_custom_theme/externalLinkIcon.html b/docs/_custom_theme/externalLinkIcon.html
deleted file mode 100644
index 9e271ae..0000000
--- a/docs/_custom_theme/externalLinkIcon.html
+++ /dev/null
@@ -1,25 +0,0 @@
-{% extends "base.html" %}
-
-<style class="externalLinkIcon">
-  body .md-content__inner a[href^="http"]:not([href^="SITE_DOMAIN"]):not(.md-content__button,.noExternalLinkIcon) {
-    background-image: url("{{ base_url }}/_media/content/linkExternalWhite.svg");
-    background-repeat: no-repeat;
-    background-position: top right;
-    padding-right: 0.7em;
-    background-size: 0.6em;
-  }
-
-  body[data-md-color-scheme="slate"] .md-content__inner a[href^="http"]:not([href^="SITE_DOMAIN"]):not(.md-content__button,.noExternalLinkIcon) {
-    background-image: url("{{ base_url }}/_media/content/linkExternalDark.svg");
-  }
-
-  body .md-content__inner a[href^="http"]:not([href^="SITE_DOMAIN"]):not(.md-content__button,.noExternalLinkIcon):hover {
-    background-image: url("{{ base_url }}/_media/content/linkExternalHover.svg");
-  }
-</style>
-<script>
-  const externalLinkIconElement = document.querySelector(".externalLinkIcon");
-  const currentHTML = externalLinkIconElement.innerHTML;
-  const updatedHTML = currentHTML.replaceAll("SITE_DOMAIN", window.location.origin);
-  externalLinkIconElement.innerHTML = updatedHTML;
-</script>
diff --git a/docs/_media/content/linkExternalDark.svg b/docs/_media/content/linkExternalDark.svg
new file mode 100644
index 0000000..168c73f
--- /dev/null
+++ b/docs/_media/content/linkExternalDark.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+  <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g transform="translate(0,0)">
+    <path
+      d="M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z"
+      style="fill: hsla(219, 56%, 63%, 1)"/>
+  </g>
+</svg>
diff --git a/docs/_media/content/linkExternalHover.svg b/docs/_media/content/linkExternalHover.svg
new file mode 100644
index 0000000..dc859fc
--- /dev/null
+++ b/docs/_media/content/linkExternalHover.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+  <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g transform="translate(0,0)">
+    <path
+      d="M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z"
+      style="fill: hsla(172, 100%, 37%, 1)"/>
+  </g>
+</svg>
diff --git a/docs/_media/content/linkExternalWhite.svg b/docs/_media/content/linkExternalWhite.svg
new file mode 100644
index 0000000..0a7dee2
--- /dev/null
+++ b/docs/_media/content/linkExternalWhite.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+  <!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. -->
+  <g transform="translate(0,0)">
+    <path
+      d="M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z"
+      style="fill: hsla(207, 90%, 54%, 1)"/>
+  </g>
+</svg>
diff --git a/docs/_webCode/css/externalLinkIcon.css b/docs/_webCode/css/externalLinkIcon.css
new file mode 100644
index 0000000..f6260ae
--- /dev/null
+++ b/docs/_webCode/css/externalLinkIcon.css
@@ -0,0 +1,15 @@
+body .md-content__inner a.external-link:not(.md-button,.noExternalLinkIcon) {
+  background-image: url("/_media/content/linkExternalWhite.svg");
+  background-repeat: no-repeat;
+  background-position: top right;
+  padding-right: 0.7em;
+  background-size: 0.6em;
+
+  &[data-md-color-scheme="slate"] {
+    background-image: url("/_media/content/linkExternalDark.svg");
+  }
+
+  &:hover {
+    background-image: url("/_media/content/linkExternalHover.svg");
+  }
+}
diff --git a/docs/_webCode/js/externalLinkIcon.js b/docs/_webCode/js/externalLinkIcon.js
new file mode 100644
index 0000000..718b628
--- /dev/null
+++ b/docs/_webCode/js/externalLinkIcon.js
@@ -0,0 +1,10 @@
+const currentDomain = window.location.origin;
+const links = document.querySelectorAll(".md-content__inner a");
+console.log("currentDomain: ", currentDomain);
+
+links.forEach(link => {
+  const href = link.href;
+  if (!href.startsWith(currentDomain)) {
+    link.classList.add("external-link");
+  }
+});
diff --git a/docs/mkdocs_parent.yml b/docs/mkdocs_parent.yml
index 91ab9b1..a75daed 100644
--- a/docs/mkdocs_parent.yml
+++ b/docs/mkdocs_parent.yml
@@ -11,11 +11,13 @@ extra_css:
   - '_webCode/css/contentAreaFullWidth.css'
   - '_webCode/css/coloredIcons.css'
   - '_webCode/css/mermaidCentered.css'
+  - '_webCode/css/externalLinkIcon.css'
 
 extra_javascript:
   - '_webCode/js/copyLinkToClipboard.js'
   - '_webCode/js/copyrightYearUpdater.js'
   - '_webCode/js/mathjax.js'
+  - '_webCode/js/externalLinkIcon.js'
   - https://polyfill.io/v3/polyfill.min.js?features=es6
   - https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js