'wdcli backup': Rework backup process

This commit reworks the backup process to dynamically find the list of
components.

internal/component/control/html/static/autolink.css

@@ -0,0 +1,20 @@
+.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;
+
+    text-decoration: none;
+}
+
+h2:hover .header-link,
+h3:hover .header-link,
+h4:hover .header-link,
+h5:hover .header-link,
+h6:hover .header-link {
+    opacity: 1;
+}

internal/component/control/html/static/autolink.js

@@ -0,0 +1,24 @@
+/** adding links to each item, see http://blog.parkermoore.de/2014/08/01/header-anchor-links-in-vanilla-javascript-for-github-pages-and-jekyll/ */
+var anchorForId = function (id) {
+    var anchor = document.createElement("a");
+    anchor.className = "header-link";
+    anchor.href = "#" + id;
+    anchor.innerHTML = "#";
+    return anchor;
+};
+
+var linkifyAnchors = function (level) {
+    var headers = document.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));
+        }
+    }
+};
+
+
+for (var level = 1; level <= 6; level++) {
+    linkifyAnchors(level);
+}

internal/component/control/html/static/dis.css

@@ -0,0 +1,67 @@
+html {
+    line-height: 1.5;
+    font-family: Roboto;
+    font-size: 20px;
+    color: #1a1a1a;
+    background-color: #fdfdfd;
+}
+body {
+    margin: 0 auto;
+    max-width: 36em;
+    padding-left: 50px;
+    padding-right: 50px;
+    padding-top: 50px;
+    padding-bottom: 50px;
+    hyphens: auto;
+    overflow-wrap: break-word;
+    text-rendering: optimizeLegibility;
+    font-kerning: normal;
+}
+
+@media (max-width: 600px) {
+    body {
+        font-size: 0.9em;
+        padding: 1em;
+    }
+}
+
+h1 {
+    margin-top: 1.4em;
+}
+
+h2,h3 {
+    margin-top: 1em;    
+}
+
+code {
+    font-family: Roboto Mono;
+    color: blue;
+}
+
+p {
+    margin: 1em 0;
+    text-align: justify;
+}
+
+a, a:visited {
+    color: #1a1a1a;
+}
+
+footer {
+    border-top: 1px solid #1a1a1a;
+    font-size: small;
+    text-align: center;
+}
+
+.wisski {
+    padding-left: 5px;
+}
+
+.wisski.running {
+    background-color: green;
+}
+
+.wisski.stopped {
+    background-color: red;
+}
+