6 files changed, 115 insertions, 0 deletions
diff --git a/_includes/sidebar/archive-list.html b/_includes/sidebar/archive-list.html
new file mode 100644
index 0000000..01968e7
--- /dev/null
+++ b/_includes/sidebar/archive-list.html
@@ -0,0 +1,10 @@
+{%- include functions.html func='log' level='debug' msg='Get datetimes value' -%}
+
+{% assign filter = '%Y' %}
+{% include functions.html func='get_datetimes' %}
+{% assign datetimes = return %}
+
+{% assign keys = datetimes %}
+{% assign field = 'date' %}
+{% assign url = '/archives.html' %}
+{% include sidebar/common-list.html %}
diff --git a/_includes/sidebar/article-menu.html b/_includes/sidebar/article-menu.html
new file mode 100644
index 0000000..aa4184d
--- /dev/null
+++ b/_includes/sidebar/article-menu.html
@@ -0,0 +1,59 @@
+<style type="text/css" media="screen">
+.post-menu ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+</style>
+
+<div class="post-menu">
+  <div class="post-menu-title">Contents</div>
+  <div class="post-menu-content"></div>
+</div>
+
+<script>
+  var menu = document.querySelector(".post-menu .post-menu-content");
+  var headings = document.querySelector(".post-content").querySelectorAll("h2, h3, h4, h5, h6");
+
+  // Generate post menu
+  var menuHTML = '';
+  headings.forEach(function (h) {
+    menuHTML += (
+      '<li class="h-' + h.tagName.toLowerCase() + '">'
+      + '<a href="#h-' + h.getAttribute('id') + '">' + h.textContent + '</a></li>');
+  });
+
+  menu.innerHTML = '<ul>' + menuHTML + '</ul>';
+
+  // The anchor offsetHeight
+  var headerHeight = 0;
+  var header = document.querySelector('header');
+  if (header) {
+    offsetHeight = header.offsetHeight + 12;
+  }
+
+  // Active the menu item
+  window.addEventListener('scroll', function (event) {
+    var lastActive = menu.querySelector('.active');
+    var changed = true;
+    for (var i = headings.length - 1; i >= 0; i--) {
+      var h = headings[i];
+      var clientRect = h.getBoundingClientRect();
+      if (clientRect.top < offsetHeight) {
+        var id = 'h-' + h.getAttribute('id');
+        var curActive = menu.querySelector('a[href="#' + id  + '"]');
+        if (curActive) {
+          curActive.classList.add('active');
+        }
+        if (lastActive == curActive) {
+          changed = false;
+        }
+        break;
+      }
+    }
+    if (lastActive && changed) {
+      lastActive.classList.remove('active');
+    }
+    event.preventDefault();
+  });
+</script>
diff --git a/_includes/sidebar/category-list.html b/_includes/sidebar/category-list.html
new file mode 100644
index 0000000..12b26ec
--- /dev/null
+++ b/_includes/sidebar/category-list.html
@@ -0,0 +1,9 @@
+{%- include functions.html func='log' level='debug' msg='Get categories value' -%}
+
+{%- include functions.html func='get_categories' -%}
+{% assign categories = return %}
+
+{% assign keys = categories %}
+{% assign field = 'categories' %}
+{% assign url = '/categories.html' %}
+{% include sidebar/common-list.html %}
diff --git a/_includes/sidebar/common-list.html b/_includes/sidebar/common-list.html
new file mode 100644
index 0000000..7e7bf96
--- /dev/null
+++ b/_includes/sidebar/common-list.html
@@ -0,0 +1,25 @@
+{%- if include.keys -%}
+  {%- assign keys = include.keys -%}
+{%- endif -%}
+
+{%- if include.field -%}
+  {%- assign field = include.field -%}
+{%- endif -%}
+
+<div class="common-list">
+  <ul>
+    <li>
+      <a href="/index.html">
+        All<span>{{ site.posts.size }}</span>
+      </a>
+    </li>
+
+    {% for key in  keys %}
+      <li>
+        <a href="{{ url }}#h-{{ key }}">
+          {{ key }} <span>{{ site.posts | where: field, key | size }}</span>
+        </a>
+      </li>
+    {% endfor %}
+  </ul>
+</div>
diff --git a/_includes/sidebar/google-translate.html b/_includes/sidebar/google-translate.html
new file mode 100644
index 0000000..496e6e0
--- /dev/null
+++ b/_includes/sidebar/google-translate.html
@@ -0,0 +1,3 @@
+<div>
+{%- include extensions/google-translate.html -%}
+</div>
diff --git a/_includes/sidebar/tag-list.html b/_includes/sidebar/tag-list.html
new file mode 100644
index 0000000..dd7b37e
--- /dev/null
+++ b/_includes/sidebar/tag-list.html
@@ -0,0 +1,9 @@
+{%- include functions.html func='log' level='debug' msg='Get tags value' -%}
+
+{%- include functions.html func='get_tags' -%}
+{% assign tags = return %}
+
+{% assign keys = tags %}
+{% assign field = 'tags' %}
+{% assign url = '/tags.html' %}
+{%- include sidebar/common-list.html -%}