From afa797dbbdcb50199e47e0948480224ec3db613c Mon Sep 17 00:00:00 2001
From: Andreas Gohr <andi@splitbrain.org>
Date: Thu, 19 Nov 2020 12:35:24 +0100
Subject: [PATCH] easier anchor linking

---
 css/area_main-content-anchor.less | 22 ++++++++++++++++++++++
 js/anchor.js                      | 13 +++++++++++++
 script.js                         |  1 +
 style.ini                         |  1 +
 4 files changed, 37 insertions(+)
 create mode 100644 css/area_main-content-anchor.less
 create mode 100644 js/anchor.js

diff --git a/css/area_main-content-anchor.less b/css/area_main-content-anchor.less
new file mode 100644
index 0000000..0644f4a
--- /dev/null
+++ b/css/area_main-content-anchor.less
@@ -0,0 +1,22 @@
+#dokuwiki__content.main-content {
+    h1, h2, h3, h4, h5 {
+        a.anchor {
+            vertical-align: middle;
+            margin-left: 0.25em;
+            display: none;
+            position: absolute;
+
+            svg {
+                width: 1em;
+                height: 1em;
+                fill: @ini_link;
+            }
+        }
+
+        &:hover {
+            a.anchor {
+                display: inline-block;
+            }
+        }
+    }
+}
diff --git a/js/anchor.js b/js/anchor.js
new file mode 100644
index 0000000..76907ba
--- /dev/null
+++ b/js/anchor.js
@@ -0,0 +1,13 @@
+jQuery(function () {
+    jQuery('#dokuwiki__content.main-content').find('h1,h2,h3,h4,h5').append(function () {
+        if (this.id) {
+            return '<a href="#' + this.id + '" class="anchor">' +
+                '<svg viewBox="2 2 22 22">' +
+                '<path d="M10.59,13.41C11,13.8 11,14.44 10.59,14.83C10.2,15.22 9.56,15.22 9.17,14.83C7.22,12.88 7.22,9.71 9.17,7.76V7.76L12.71,4.22C14.66,2.27 17.83,2.27 19.78,4.22C21.73,6.17 21.73,9.34 19.78,11.29L18.29,12.78C18.3,11.96 18.17,11.14 17.89,10.36L18.36,9.88C19.54,8.71 19.54,6.81 18.36,5.64C17.19,4.46 15.29,4.46 14.12,5.64L10.59,9.17C9.41,10.34 9.41,12.24 10.59,13.41M13.41,9.17C13.8,8.78 14.44,8.78 14.83,9.17C16.78,11.12 16.78,14.29 14.83,16.24V16.24L11.29,19.78C9.34,21.73 6.17,21.73 4.22,19.78C2.27,17.83 2.27,14.66 4.22,12.71L5.71,11.22C5.7,12.04 5.83,12.86 6.11,13.65L5.64,14.12C4.46,15.29 4.46,17.19 5.64,18.36C6.81,19.54 8.71,19.54 9.88,18.36L13.41,14.83C14.59,13.66 14.59,11.76 13.41,10.59C13,10.2 13,9.56 13.41,9.17Z" />' +
+                '</svg>' +
+                '</a>';
+        } else {
+            return '';
+        }
+    })
+});
diff --git a/script.js b/script.js
index ebd2304..e6ac3d8 100755
--- a/script.js
+++ b/script.js
@@ -10,4 +10,5 @@
 /* DOKUWIKI:include js/meta-box.js */
 /* DOKUWIKI:include js/sidebar.js */
 /* DOKUWIKI:include js/direct.js */
+/* DOKUWIKI:include js/anchor.js */
 
diff --git a/style.ini b/style.ini
index fc2cc16..01efeae 100755
--- a/style.ini
+++ b/style.ini
@@ -76,6 +76,7 @@ css/area_main-sidebar-tabs.less       = all
 css/area_main-sidebar-search.less     = all
 css/area_main-content.less            = all
 css/area_main-content-secedit.less    = all
+css/area_main-content-anchor.less     = all
 css/area_togglelink.less              = all
 css/area_forms.less                   = all
 css/area_search.less                  = all