update aside nav

static/script.js

@@ -19,9 +19,19 @@ $(function() {
   });
 
   function slideToggleCode(item) {
-    $(item).find('.highlight').slideToggle();
+    $(item).find('.highlight').animate({
+      height: 'toggle',
+      opacity: 'toggle'
+    }, 150);
   }
 
+  $('.aside-container li h4').click(function() {
+    $(this).next().animate({
+      height: 'toggle',
+      opacity: 'toggle'
+    }, 150);
+  });
+
   var navFunc={
     navStrArr: [],
     init:function (){

static/style.css

@@ -73,6 +73,10 @@ a:hover {
   content: '';
 }
 
+.fn-hide {
+  display: none;
+}
+
 header {
   width: 100%;
   background: #fff;
@@ -368,10 +372,11 @@ footer ul li > a {
   display: block;
   margin: 5px auto;
 }
+
 .aside-container {
   width: 260px;
   background: #F9F9F9;
-  padding-top: 15px;
+  padding-top: 10px;
 }
 
 .aside-container li h4 {
@@ -380,11 +385,12 @@ footer ul li > a {
   padding-left: 50px;
   margin: 10px 0;
   color: #5C6B77;
+  cursor: pointer;
 }
 
 .aside-container li a {
-  line-height: 44px;
-  height: 44px;
+  line-height: 40px;
+  height: 40px;
   display: block;
   padding-left: 60px;
   font-size: 14px;

theme/templates/page.html

@@ -2,7 +2,7 @@
 
 {% block title %}
 {%- if post.title !== config.site.name %}
-{{post.title}} - {{config.site.name}}
+{{post.title}} {{ post.meta.chinese }} - {{config.site.name}}
 {%- else %}
 {{config.site.name}}
 {%- endif %}