jekyll-bulma-theme 1.0.13 → 1.0.14

data/_sass/syntax.scss

@@ -1,214 +1,214 @@
-.highlighter-rouge {
-  margin-bottom: 10px;
-}
-
-.highlight table td { padding: 5px; }
-.highlight table pre { margin: 0; }
-.highlight .c, .highlight .cd {
-  color: #75715e;
-  font-style: italic;
-}
-.highlight .cm {
-  color: #75715e;
-  font-style: italic;
-}
-.highlight .c1 {
-  color: #75715e;
-  font-style: italic;
-}
-.highlight .cp {
-  color: #75715e;
-  font-weight: bold;
-}
-.highlight .cs {
-  color: #75715e;
-  font-weight: bold;
-  font-style: italic;
-}
-.highlight .err {
-  color: #960050;
-  background-color: #1e0010;
-}
-.highlight .gi {
-  color: #ffffff;
-  background-color: #324932;
-}
-.highlight .gd {
-  color: #ffffff;
-  background-color: #493131;
-}
-.highlight .ge {
-  color: #000000;
-  font-style: italic;
-}
-.highlight .gr {
-  color: #aa0000;
-}
-.highlight .gt {
-  color: #aa0000;
-}
-.highlight .gh {
-  color: #999999;
-}
-.highlight .go {
-  color: #888888;
-}
-.highlight .gp {
-  color: #555555;
-}
-.highlight .gs {
-  font-weight: bold;
-}
-.highlight .gu {
-  color: #aaaaaa;
-}
-.highlight .k, .highlight .kv {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kc {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kd {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kp {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kr {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kt {
-  color: #66d9ef;
-  font-weight: bold;
-}
-.highlight .kn {
-  color: #f92672;
-  font-weight: bold;
-}
-.highlight .ow {
-  color: #f92672;
-  font-weight: bold;
-}
-.highlight .o {
-  color: #f92672;
-  font-weight: bold;
-}
-.highlight .mf {
-  color: #ae81ff;
-}
-.highlight .mh {
-  color: #ae81ff;
-}
-.highlight .il {
-  color: #ae81ff;
-}
-.highlight .mi {
-  color: #ae81ff;
-}
-.highlight .mo {
-  color: #ae81ff;
-}
-.highlight .m, .highlight .mb, .highlight .mx {
-  color: #ae81ff;
-}
-.highlight .se {
-  color: #ae81ff;
-}
-.highlight .sb {
-  color: #e6db74;
-}
-.highlight .sc {
-  color: #e6db74;
-}
-.highlight .sd {
-  color: #e6db74;
-}
-.highlight .s2 {
-  color: #e6db74;
-}
-.highlight .sh {
-  color: #e6db74;
-}
-.highlight .si {
-  color: #e6db74;
-}
-.highlight .sx {
-  color: #e6db74;
-}
-.highlight .sr {
-  color: #e6db74;
-}
-.highlight .s1 {
-  color: #e6db74;
-}
-.highlight .ss {
-  color: #e6db74;
-}
-.highlight .s {
-  color: #e6db74;
-}
-.highlight .na {
-  color: #a6e22e;
-}
-.highlight .nc {
-  color: #a6e22e;
-  font-weight: bold;
-}
-.highlight .nd {
-  color: #a6e22e;
-  font-weight: bold;
-}
-.highlight .ne {
-  color: #a6e22e;
-  font-weight: bold;
-}
-.highlight .nf {
-  color: #a6e22e;
-  font-weight: bold;
-}
-.highlight .no {
-  color: #66d9ef;
-}
-.highlight .bp {
-  color: #f8f8f2;
-}
-.highlight .nb {
-  color: #f8f8f2;
-}
-.highlight .ni {
-  color: #f8f8f2;
-}
-.highlight .nn {
-  color: #f8f8f2;
-}
-.highlight .vc {
-  color: #f8f8f2;
-}
-.highlight .vg {
-  color: #f8f8f2;
-}
-.highlight .vi {
-  color: #f8f8f2;
-}
-.highlight .nv {
-  color: #f8f8f2;
-}
-.highlight .w {
-  color: #f8f8f2;
-}
-.highlight .nl {
-  color: #f8f8f2;
-  font-weight: bold;
-}
-.highlight .nt {
-  color: #f92672;
-}
-.highlight {
-  color: #f8f8f2;
-  background-color: #49483e;
-}
+.highlighter-rouge {
+  margin-bottom: 10px;
+}
+
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .c, .highlight .cd {
+  color: #75715e;
+  font-style: italic;
+}
+.highlight .cm {
+  color: #75715e;
+  font-style: italic;
+}
+.highlight .c1 {
+  color: #75715e;
+  font-style: italic;
+}
+.highlight .cp {
+  color: #75715e;
+  font-weight: bold;
+}
+.highlight .cs {
+  color: #75715e;
+  font-weight: bold;
+  font-style: italic;
+}
+.highlight .err {
+  color: #960050;
+  background-color: #1e0010;
+}
+.highlight .gi {
+  color: #ffffff;
+  background-color: #324932;
+}
+.highlight .gd {
+  color: #ffffff;
+  background-color: #493131;
+}
+.highlight .ge {
+  color: #000000;
+  font-style: italic;
+}
+.highlight .gr {
+  color: #aa0000;
+}
+.highlight .gt {
+  color: #aa0000;
+}
+.highlight .gh {
+  color: #999999;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #555555;
+}
+.highlight .gs {
+  font-weight: bold;
+}
+.highlight .gu {
+  color: #aaaaaa;
+}
+.highlight .k, .highlight .kv {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kc {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kd {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kp {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kr {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kt {
+  color: #66d9ef;
+  font-weight: bold;
+}
+.highlight .kn {
+  color: #f92672;
+  font-weight: bold;
+}
+.highlight .ow {
+  color: #f92672;
+  font-weight: bold;
+}
+.highlight .o {
+  color: #f92672;
+  font-weight: bold;
+}
+.highlight .mf {
+  color: #ae81ff;
+}
+.highlight .mh {
+  color: #ae81ff;
+}
+.highlight .il {
+  color: #ae81ff;
+}
+.highlight .mi {
+  color: #ae81ff;
+}
+.highlight .mo {
+  color: #ae81ff;
+}
+.highlight .m, .highlight .mb, .highlight .mx {
+  color: #ae81ff;
+}
+.highlight .se {
+  color: #ae81ff;
+}
+.highlight .sb {
+  color: #e6db74;
+}
+.highlight .sc {
+  color: #e6db74;
+}
+.highlight .sd {
+  color: #e6db74;
+}
+.highlight .s2 {
+  color: #e6db74;
+}
+.highlight .sh {
+  color: #e6db74;
+}
+.highlight .si {
+  color: #e6db74;
+}
+.highlight .sx {
+  color: #e6db74;
+}
+.highlight .sr {
+  color: #e6db74;
+}
+.highlight .s1 {
+  color: #e6db74;
+}
+.highlight .ss {
+  color: #e6db74;
+}
+.highlight .s {
+  color: #e6db74;
+}
+.highlight .na {
+  color: #a6e22e;
+}
+.highlight .nc {
+  color: #a6e22e;
+  font-weight: bold;
+}
+.highlight .nd {
+  color: #a6e22e;
+  font-weight: bold;
+}
+.highlight .ne {
+  color: #a6e22e;
+  font-weight: bold;
+}
+.highlight .nf {
+  color: #a6e22e;
+  font-weight: bold;
+}
+.highlight .no {
+  color: #66d9ef;
+}
+.highlight .bp {
+  color: #f8f8f2;
+}
+.highlight .nb {
+  color: #f8f8f2;
+}
+.highlight .ni {
+  color: #f8f8f2;
+}
+.highlight .nn {
+  color: #f8f8f2;
+}
+.highlight .vc {
+  color: #f8f8f2;
+}
+.highlight .vg {
+  color: #f8f8f2;
+}
+.highlight .vi {
+  color: #f8f8f2;
+}
+.highlight .nv {
+  color: #f8f8f2;
+}
+.highlight .w {
+  color: #f8f8f2;
+}
+.highlight .nl {
+  color: #f8f8f2;
+  font-weight: bold;
+}
+.highlight .nt {
+  color: #f92672;
+}
+.highlight {
+  color: #f8f8f2;
+  background-color: #49483e;
+}

data/assets/css/app.scss

@@ -1,4 +1,4 @@
----
----
-
-@import "app";
+---
+---
+
+@import "app";

data/assets/js/app.js

@@ -1,267 +1,267 @@
-'use strict';
-
-document.addEventListener('DOMContentLoaded', function () {
-
-  // Dropdowns
-
-  var $metalinks = getAll('#meta a');
-
-  if ($metalinks.length > 0) {
-    $metalinks.forEach(function ($el) {
-      $el.addEventListener('click', function (event) {
-        event.preventDefault();
-        var target = $el.getAttribute('href');
-        var $target = document.getElementById(target.substring(1));
-        $target.scrollIntoView(true);
-        // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`);
-        return false;
-      });
-    });
-  }
-
-  // Dropdowns
-
-  var $dropdowns = getAll('.dropdown:not(.is-hoverable)');
-
-  if ($dropdowns.length > 0) {
-    $dropdowns.forEach(function ($el) {
-      $el.addEventListener('click', function (event) {
-        event.stopPropagation();
-        $el.classList.toggle('is-active');
-      });
-    });
-
-    document.addEventListener('click', function (event) {
-      closeDropdowns();
-    });
-  }
-
-  function closeDropdowns() {
-    $dropdowns.forEach(function ($el) {
-      $el.classList.remove('is-active');
-    });
-  }
-
-  // Toggles
-
-  var $burgers = getAll('.navbar-burger');
-
-  if ($burgers.length > 0) {
-    $burgers.forEach(function ($el) {
-      $el.addEventListener('click', function () {
-        var target = $el.dataset.target;
-        var $target = document.getElementById(target);
-        $el.classList.toggle('is-active');
-        $target.classList.toggle('is-active');
-      });
-    });
-  }
-
-  // Modals
-
-  var rootEl = document.documentElement;
-  var $modals = getAll('.modal');
-  var $modalButtons = getAll('.modal-button');
-  var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button');
-
-  if ($modalButtons.length > 0) {
-    $modalButtons.forEach(function ($el) {
-      $el.addEventListener('click', function () {
-        var target = $el.dataset.target;
-        var $target = document.getElementById(target);
-        rootEl.classList.add('is-clipped');
-        $target.classList.add('is-active');
-      });
-    });
-  }
-
-  if ($modalCloses.length > 0) {
-    $modalCloses.forEach(function ($el) {
-      $el.addEventListener('click', function () {
-        closeModals();
-      });
-    });
-  }
-
-  document.addEventListener('keydown', function (event) {
-    var e = event || window.event;
-    if (e.keyCode === 27) {
-      closeModals();
-      closeDropdowns();
-    }
-  });
-
-  function closeModals() {
-    rootEl.classList.remove('is-clipped');
-    $modals.forEach(function ($el) {
-      $el.classList.remove('is-active');
-    });
-  }
-
-  // Functions
-
-  function getAll(selector) {
-    return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
-  }
-
-  // Scrolling
-
-  var shadowedEl = document.getElementById('shadowed');
-  var navbarEl = document.getElementById('navbar');
-  var navbarBurger = document.getElementById('navbarBurger');
-  var specialShadow = document.getElementById('specialShadow');
-  var NAVBAR_HEIGHT = 52;
-  var THRESHOLD = 160;
-  var navbarOpen = false;
-  var horizon = NAVBAR_HEIGHT;
-  var whereYouStoppedScrolling = 0;
-  var scrollFactor = 0;
-  var currentTranslate = 0;
-
-  navbarBurger.addEventListener('click', function (el) {
-    navbarOpen = !navbarOpen;
-
-    if (navbarOpen) {
-      rootEl.classList.add('bd-is-clipped-touch');
-      shadowedEl.style.display = shadowedEl.style.display == 'none' ? 'block' : 'none';
-    } else {
-      rootEl.classList.remove('bd-is-clipped-touch');
-      shadowedEl.style.display = shadowedEl.style.display == 'none' ? 'block' : 'none';
-    }
-  });
-
-  function upOrDown(lastY, currentY) {
-    if (currentY >= lastY) {
-      return goingDown(currentY);
-    }
-    return goingUp(currentY);
-  }
-
-  function goingDown(currentY) {
-    if (!navbarOpen) {
-      var trigger = NAVBAR_HEIGHT;
-      whereYouStoppedScrolling = currentY;
-
-      if (currentY > horizon) {
-        horizon = currentY;
-      }
-
-      translateHeader(currentY, false);
-    }
-  }
-
-  function goingUp(currentY) {
-    if (!navbarOpen) {
-      var trigger = 0;
-
-      if (currentY < whereYouStoppedScrolling - NAVBAR_HEIGHT) {
-        horizon = currentY + NAVBAR_HEIGHT;
-      }
-
-      translateHeader(currentY, true);
-    }
-  }
-
-  function constrainDelta(delta) {
-    return Math.max(0, Math.min(delta, NAVBAR_HEIGHT));
-  }
-
-  function translateHeader(currentY, upwards) {
-    // let topTranslateValue;
-    var translateValue = void 0;
-
-    if (upwards && currentTranslate == 0) {
-      translateValue = 0;
-    } else if (currentY <= NAVBAR_HEIGHT) {
-      translateValue = currentY * -1;
-    } else {
-      var delta = constrainDelta(Math.abs(currentY - horizon));
-      translateValue = delta - NAVBAR_HEIGHT;
-    }
-
-    if (translateValue != currentTranslate) {
-      var navbarStyle = '\n        transform: translateY(' + translateValue + 'px);\n      ';
-      currentTranslate = translateValue;
-      navbarEl.setAttribute('style', navbarStyle);
-    }
-
-    if (currentY > THRESHOLD * 2) {
-      scrollFactor = 1;
-    } else if (currentY > THRESHOLD) {
-      scrollFactor = (currentY - THRESHOLD) / THRESHOLD;
-    } else {
-      scrollFactor = 0;
-    }
-
-    var translateFactor = 1 + translateValue / NAVBAR_HEIGHT;
-    specialShadow.style.opacity = scrollFactor;
-    specialShadow.style.transform = 'scaleY(' + translateFactor + ')';
-  }
-
-  translateHeader(window.scrollY, false);
-
-  var ticking = false;
-  var lastY = 0;
-
-  window.addEventListener('scroll', function () {
-    var currentY = window.scrollY;
-
-    if (!ticking) {
-      window.requestAnimationFrame(function () {
-        upOrDown(lastY, currentY);
-        ticking = false;
-        lastY = currentY;
-      });
-    }
-
-    ticking = true;
-  });
-
-  // Popup Sharing
-
-  function popupSharing(url, provider) {
-    return window.open(url, 'Share to ' + provider, 'menubar=1,resizable=1,width=600,height=350')
-  }
-
-  var $onShare = Array.prototype.slice.call(document.querySelectorAll('.on-share'), 0);
-  if ($onShare.length > 0) {
-    $onShare.forEach(function ($el) {
-      $el.addEventListener('click', function () {
-        var url = $el.dataset.url;
-        var provider = $el.dataset.provider;
-        switch (provider) {
-          case 'facebook':
-            return popupSharing('https://www.facebook.com/sharer/sharer.php?u=' + url, provider);
-          case 'twitter':
-            return popupSharing('https://twitter.com/intent/tweet?url=' + url, provider);
-          case 'google':
-            return popupSharing('https://plus.google.com/share?url=' + url, provider);
-          case 'pinterest':
-            return popupSharing('http://pinterest.com/pin/create/button/?url=' + url, provider);
-        }
-      });
-    });
-  }
-
-  // Heading anchor
-
-  var contentEl = document.getElementsByClassName('content');
-  for (var el of contentEl) {
-    [].forEach.call(el.querySelectorAll('h1, h2, h3, h4, h5, h6'), (function (head) {
-      head.innerHTML = `
-        <a href="#${head.id}">
-          ${toHashTag(head.tagName.substring(1))}
-        </a>
-        <span>${head.innerText}</span>
-      `;
-    }));
-  }
-
-  function toHashTag(num) {
-    var hashTags = '';
-    for(var i = 0; i < num; i++) {
-      hashTags += '#';
-    }
-    return hashTags;
-  }
-});
+'use strict';
+
+document.addEventListener('DOMContentLoaded', function () {
+
+  // Dropdowns
+
+  var $metalinks = getAll('#meta a');
+
+  if ($metalinks.length > 0) {
+    $metalinks.forEach(function ($el) {
+      $el.addEventListener('click', function (event) {
+        event.preventDefault();
+        var target = $el.getAttribute('href');
+        var $target = document.getElementById(target.substring(1));
+        $target.scrollIntoView(true);
+        // window.history.replaceState(null, document.title, `${window.location.origin}${window.location.pathname}${target}`);
+        return false;
+      });
+    });
+  }
+
+  // Dropdowns
+
+  var $dropdowns = getAll('.dropdown:not(.is-hoverable)');
+
+  if ($dropdowns.length > 0) {
+    $dropdowns.forEach(function ($el) {
+      $el.addEventListener('click', function (event) {
+        event.stopPropagation();
+        $el.classList.toggle('is-active');
+      });
+    });
+
+    document.addEventListener('click', function (event) {
+      closeDropdowns();
+    });
+  }
+
+  function closeDropdowns() {
+    $dropdowns.forEach(function ($el) {
+      $el.classList.remove('is-active');
+    });
+  }
+
+  // Toggles
+
+  var $burgers = getAll('.navbar-burger');
+
+  if ($burgers.length > 0) {
+    $burgers.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+        var target = $el.dataset.target;
+        var $target = document.getElementById(target);
+        $el.classList.toggle('is-active');
+        $target.classList.toggle('is-active');
+      });
+    });
+  }
+
+  // Modals
+
+  var rootEl = document.documentElement;
+  var $modals = getAll('.modal');
+  var $modalButtons = getAll('.modal-button');
+  var $modalCloses = getAll('.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button');
+
+  if ($modalButtons.length > 0) {
+    $modalButtons.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+        var target = $el.dataset.target;
+        var $target = document.getElementById(target);
+        rootEl.classList.add('is-clipped');
+        $target.classList.add('is-active');
+      });
+    });
+  }
+
+  if ($modalCloses.length > 0) {
+    $modalCloses.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+        closeModals();
+      });
+    });
+  }
+
+  document.addEventListener('keydown', function (event) {
+    var e = event || window.event;
+    if (e.keyCode === 27) {
+      closeModals();
+      closeDropdowns();
+    }
+  });
+
+  function closeModals() {
+    rootEl.classList.remove('is-clipped');
+    $modals.forEach(function ($el) {
+      $el.classList.remove('is-active');
+    });
+  }
+
+  // Functions
+
+  function getAll(selector) {
+    return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
+  }
+
+  // Scrolling
+
+  var shadowedEl = document.getElementById('shadowed');
+  var navbarEl = document.getElementById('navbar');
+  var navbarBurger = document.getElementById('navbarBurger');
+  var specialShadow = document.getElementById('specialShadow');
+  var NAVBAR_HEIGHT = 52;
+  var THRESHOLD = 160;
+  var navbarOpen = false;
+  var horizon = NAVBAR_HEIGHT;
+  var whereYouStoppedScrolling = 0;
+  var scrollFactor = 0;
+  var currentTranslate = 0;
+
+  navbarBurger.addEventListener('click', function (el) {
+    navbarOpen = !navbarOpen;
+
+    if (navbarOpen) {
+      rootEl.classList.add('bd-is-clipped-touch');
+      shadowedEl.style.display = shadowedEl.style.display == 'none' ? 'block' : 'none';
+    } else {
+      rootEl.classList.remove('bd-is-clipped-touch');
+      shadowedEl.style.display = shadowedEl.style.display == 'none' ? 'block' : 'none';
+    }
+  });
+
+  function upOrDown(lastY, currentY) {
+    if (currentY >= lastY) {
+      return goingDown(currentY);
+    }
+    return goingUp(currentY);
+  }
+
+  function goingDown(currentY) {
+    if (!navbarOpen) {
+      var trigger = NAVBAR_HEIGHT;
+      whereYouStoppedScrolling = currentY;
+
+      if (currentY > horizon) {
+        horizon = currentY;
+      }
+
+      translateHeader(currentY, false);
+    }
+  }
+
+  function goingUp(currentY) {
+    if (!navbarOpen) {
+      var trigger = 0;
+
+      if (currentY < whereYouStoppedScrolling - NAVBAR_HEIGHT) {
+        horizon = currentY + NAVBAR_HEIGHT;
+      }
+
+      translateHeader(currentY, true);
+    }
+  }
+
+  function constrainDelta(delta) {
+    return Math.max(0, Math.min(delta, NAVBAR_HEIGHT));
+  }
+
+  function translateHeader(currentY, upwards) {
+    // let topTranslateValue;
+    var translateValue = void 0;
+
+    if (upwards && currentTranslate == 0) {
+      translateValue = 0;
+    } else if (currentY <= NAVBAR_HEIGHT) {
+      translateValue = currentY * -1;
+    } else {
+      var delta = constrainDelta(Math.abs(currentY - horizon));
+      translateValue = delta - NAVBAR_HEIGHT;
+    }
+
+    if (translateValue != currentTranslate) {
+      var navbarStyle = '\n        transform: translateY(' + translateValue + 'px);\n      ';
+      currentTranslate = translateValue;
+      navbarEl.setAttribute('style', navbarStyle);
+    }
+
+    if (currentY > THRESHOLD * 2) {
+      scrollFactor = 1;
+    } else if (currentY > THRESHOLD) {
+      scrollFactor = (currentY - THRESHOLD) / THRESHOLD;
+    } else {
+      scrollFactor = 0;
+    }
+
+    var translateFactor = 1 + translateValue / NAVBAR_HEIGHT;
+    specialShadow.style.opacity = scrollFactor;
+    specialShadow.style.transform = 'scaleY(' + translateFactor + ')';
+  }
+
+  translateHeader(window.scrollY, false);
+
+  var ticking = false;
+  var lastY = 0;
+
+  window.addEventListener('scroll', function () {
+    var currentY = window.scrollY;
+
+    if (!ticking) {
+      window.requestAnimationFrame(function () {
+        upOrDown(lastY, currentY);
+        ticking = false;
+        lastY = currentY;
+      });
+    }
+
+    ticking = true;
+  });
+
+  // Popup Sharing
+
+  function popupSharing(url, provider) {
+    return window.open(url, 'Share to ' + provider, 'menubar=1,resizable=1,width=600,height=350')
+  }
+
+  var $onShare = Array.prototype.slice.call(document.querySelectorAll('.on-share'), 0);
+  if ($onShare.length > 0) {
+    $onShare.forEach(function ($el) {
+      $el.addEventListener('click', function () {
+        var url = $el.dataset.url;
+        var provider = $el.dataset.provider;
+        switch (provider) {
+          case 'facebook':
+            return popupSharing('https://www.facebook.com/sharer/sharer.php?u=' + url, provider);
+          case 'twitter':
+            return popupSharing('https://twitter.com/intent/tweet?url=' + url, provider);
+          case 'google':
+            return popupSharing('https://plus.google.com/share?url=' + url, provider);
+          case 'pinterest':
+            return popupSharing('http://pinterest.com/pin/create/button/?url=' + url, provider);
+        }
+      });
+    });
+  }
+
+  // Heading anchor
+
+  var contentEl = document.getElementsByClassName('content');
+  for (var el of contentEl) {
+    [].forEach.call(el.querySelectorAll('h1, h2, h3, h4, h5, h6'), (function (head) {
+      head.innerHTML = `
+        <a href="#${head.id}">
+          ${toHashTag(head.tagName.substring(1))}
+        </a>
+        <span>${head.innerText}</span>
+      `;
+    }));
+  }
+
+  function toHashTag(num) {
+    var hashTags = '';
+    for(var i = 0; i < num; i++) {
+      hashTags += '#';
+    }
+    return hashTags;
+  }
+});