sidebar: redesign sections

2 files changed, 22 insertions, 5 deletions

diff --git a/_includes/jekyll-theme/sidebar/about.html b/_includes/jekyll-theme/sidebar/about.html
index 8bdf204..9ea927c 100644
--- a/_includes/jekyll-theme/sidebar/about.html
+++ b/_includes/jekyll-theme/sidebar/about.html
@@ -11,8 +11,20 @@
   {% capture project_desc %}{{ project_desc }}. {% endcapture %}
 {% endif %}
 {% capture project_desc %}{{ project_desc }}Feel free to contribute or contact me.{% endcapture %}
-<p>{{ project_desc }}</p>
+
+<div class="list-group wide-enough">
+  <div class="list-group-item disabled">
+    <h4 class="list-group-item-heading">about</h4>
+  </div>
+  <div class="list-group-item">
+    <p class="list-group-item-text">{{ project_desc }}</p>
+  </div>
+</div>
+
 <div class="list-group wide-enough">
+  <div class="list-group-item disabled">
+    <h4 class="list-group-item-heading">links</h4>
+  </div>
   {% if site.github %}
     {% assign github_link = site.settings.navbar.github.link | default: 'GitHub' %}
     {% assign github_icon = site.settings.navbar.github.icon | default: 'globe' %}
@@ -24,6 +36,6 @@
 </div>
 {% endcapture %}
 
-{% include jekyll-theme/sidebar/entry.html header='About' content=about_content %}
+{% include jekyll-theme/sidebar/entry.html content=about_content %}
 
 {% endunless %}
diff --git a/_includes/jekyll-theme/sidebar/latest-posts.html b/_includes/jekyll-theme/sidebar/latest-posts.html
index 2596569..a2ac843 100644
--- a/_includes/jekyll-theme/sidebar/latest-posts.html
+++ b/_includes/jekyll-theme/sidebar/latest-posts.html
@@ -3,16 +3,21 @@
 
 {% capture latest_posts_content %}
 <div class="list-group wide-enough">
+  <div class="list-group-item disabled">
+    <h4 class="list-group-item-heading">latest posts</h4>
+  </div>
   {% for post in site.posts limit: 5 %}
   <a class="list-group-item" href="{{ post.url | relative_url }}">
-    <span class="badge"><span class="glyphicon glyphicon-time"></span>&nbsp;{{ post.date | date: '%-d %b %Y' }}</span>
-    <span class="glyphicon glyphicon-file"></span>&nbsp;{{ post.title }}
+    <h5 class="list-group-item-heading post-header">
+      <span>{{ post.title }}</span>
+      <small><span class="glyphicon glyphicon-time"></span>&nbsp;{{ post.date | date: '%-d %b %Y' }}</small>
+    </h5>
   </a>
   {% endfor %}
 </div>
 {% endcapture %}
 
-{% include jekyll-theme/sidebar/entry.html header='Latest posts' content=latest_posts_content %}
+{% include jekyll-theme/sidebar/entry.html content=latest_posts_content %}
 
 {% endif %}
 {% endunless %}