From 3b1d7ca32d9aa0d79a3a4b9ff24ac60e3c141ca9 Mon Sep 17 00:00:00 2001
From: Basile Burg <basile.b@gmx.com>
Date: Thu, 26 Jan 2017 03:15:07 +0100
Subject: [PATCH] doc

---
 docs/_includes/anchors    | 33 +++++++++++++++++++++++++++-
 docs/_includes/xstyle.css | 46 +++++++++++++++++++++++++++++++++++++++
 docs/widgets_todo_list.md |  3 +--
 3 files changed, 79 insertions(+), 3 deletions(-)

diff --git a/docs/_includes/anchors b/docs/_includes/anchors
index 607c7a38..fca1e02a 100644
--- a/docs/_includes/anchors
+++ b/docs/_includes/anchors
@@ -1 +1,32 @@
-<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.1/anchor.min.js"></script>
\ No newline at end of file
+<script>
+var anchorForId = function (id) {
+  var anchor = document.createElement("a");
+  anchor.className = "header-link";
+  anchor.href      = "#" + id;
+  anchor.innerHTML = "<i class=\"fa fa-link\"></i>";
+  return anchor;
+};
+
+var linkifyAnchors = function (level, containingElement) {
+  var headers = containingElement.getElementsByTagName("h" + level);
+  for (var h = 0; h < headers.length; h++) {
+    var header = headers[h];
+
+    if (typeof header.id !== "undefined" && header.id !== "") {
+      header.appendChild(anchorForId(header.id));
+    }
+  }
+};
+
+document.onreadystatechange = function () {
+  if (this.readyState === "complete") {
+    var contentBlock = document.getElementsByClassName("docs")[0] || document.getElementsByClassName("news")[0];
+    if (!contentBlock) {
+      return;
+    }
+    for (var level = 1; level <= 6; level++) {
+      linkifyAnchors(level, contentBlock);
+    }
+  }
+};
+</script>
\ No newline at end of file
diff --git a/docs/_includes/xstyle.css b/docs/_includes/xstyle.css
index 8fa74605..4616d19d 100644
--- a/docs/_includes/xstyle.css
+++ b/docs/_includes/xstyle.css
@@ -5,4 +5,50 @@
   margin: 0 0 0 0;
   border-style: none;
 }
+
+/*!
+ *  Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.1.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  display: inline-block;
+  font-family: FontAwesome;
+  font-style: normal;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+.fa-link:before {
+  content: "\f0c1";
+}
+/*
+ * This code is courtesy Ben Balter, modified by Parker Moore for jekyllrb.com
+ * http://ben.balter.com/2014/03/13/pages-anchor-links/
+ */
+.header-link {
+  position: relative;
+  left: 0.5em;
+  opacity: 0;
+  font-size: 0.8em;
+  
+  -webkit-transition: opacity 0.2s ease-in-out 0.1s;
+  -moz-transition: opacity 0.2s ease-in-out 0.1s;
+  -ms-transition: opacity 0.2s ease-in-out 0.1s;
+}
+h2:hover .header-link,
+h3:hover .header-link,
+h4:hover .header-link,
+h5:hover .header-link,
+h6:hover .header-link {
+  opacity: 1;
+}
+
 </style>
\ No newline at end of file
diff --git a/docs/widgets_todo_list.md b/docs/widgets_todo_list.md
index 7efe80d9..26007c65 100644
--- a/docs/widgets_todo_list.md
+++ b/docs/widgets_todo_list.md
@@ -3,11 +3,10 @@ title: Widgets - Todo list
 ---
 
 {% include xstyle.css %}
+{% include anchors %}
 
 ### Todo list
 
-{% include anchors %}
-
 #### Description
 
 The _todo list_ widget displays the _todo comments_ located in the source files.