config for hide header links

2 files changed, 23 insertions, 21 deletions

diff --git a/assets/js/template-dom-scripts.js b/assets/js/template-dom-scripts.js
index 26e24c6..c0b97ea 100644
--- a/assets/js/template-dom-scripts.js
+++ b/assets/js/template-dom-scripts.js
@@ -50,34 +50,35 @@
   })
 }());
 
-/* Add "link here" links to <h2> headings */
-(function () {
-  var headings = document.querySelectorAll('main > h2');
+{{ if not .Site.Params.hideHeaderLinks }}
+  /* Add "link here" links to <h2> headings */
+  (function () {
+    var headings = document.querySelectorAll('main > h2');
 
-  Array.prototype.forEach.call(headings, function (heading) {
-    var id = heading.getAttribute('id');
+    Array.prototype.forEach.call(headings, function (heading) {
+      var id = heading.getAttribute('id');
 
-    if (id) {
-      var newHeading = heading.cloneNode(true);
-      newHeading.setAttribute('tabindex', '-1');
+      if (id) {
+        var newHeading = heading.cloneNode(true);
+        newHeading.setAttribute('tabindex', '-1');
 
-      var container = document.createElement('div');
-      container.setAttribute('class', 'h2-container');
-      container.appendChild(newHeading);
+        var container = document.createElement('div');
+        container.setAttribute('class', 'h2-container');
+        container.appendChild(newHeading);
 
-      heading.parentNode.insertBefore(container, heading);
+        heading.parentNode.insertBefore(container, heading);
 
-      var link = document.createElement('a');
-      link.setAttribute('href', '#' + id);
-      var headingText = heading.textContent;
-      link.innerHTML = '<svg aria-hidden="true" class="link-icon" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
+        var link = document.createElement('a');
+        link.setAttribute('href', '#' + id);
+        link.innerHTML = '<svg aria-hidden="true" class="link-icon" viewBox="0 0 50 50" focusable="false"> <use xlink:href="#link"></use> </svg>';
 
-      container.appendChild(link);
+        container.appendChild(link);
 
-      heading.parentNode.removeChild(heading);
-    }
-  })
-}());
+        heading.parentNode.removeChild(heading);
+      }
+    })
+  }());
+{{ end }}
 
 /* Enable scrolling by keyboard of code samples */
 (function () {
diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
index d1e2b2f..ff982c6 100644
--- a/exampleSite/config.yaml
+++ b/exampleSite/config.yaml
@@ -25,6 +25,7 @@ params:
   codePenUser: someUser
   katex: true
   darkThemeAsDefault: false
+  hideHeaderLinks: false
   # A list of custom css files can be provided, which must be placed inside
   # 'static/'.
   # This is useful to override just specific css classes, instead of copying