From 1e908eb2bd9d7aeb2b0060d7123e16bfee6c302f Mon Sep 17 00:00:00 2001
From: iissnan <iissnan@gmail.com>
Date: Sun, 1 Feb 2015 02:11:07 +0800
Subject: [PATCH] Release: 0.1.3

---
 _config.yml                               |  2 +-
 bower.json                                |  2 +-
 layout/archive.swig                       |  4 ++++
 layout/page.swig                          |  2 +-
 source/css/_component/posts-collapse.styl |  8 +++----
 source/css/_core/mixins.styl              |  4 ++++
 source/css/_page/archive.styl             | 26 ++++++++++++++++++++++-
 7 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/_config.yml b/_config.yml
index 1be90829f..ff1a3c6a9 100755
--- a/_config.yml
+++ b/_config.yml
@@ -21,4 +21,4 @@ fancybox: true
 # Specify the date when the site was setup
 since: 2015
 
-version: 0.1.2
\ No newline at end of file
+version: 0.1.3
\ No newline at end of file
diff --git a/bower.json b/bower.json
index 2789b96f1..d5edd943c 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "isn-next",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "homepage": "https://github.com/iissnan/hexo-theme-next",
   "authors": [
     "iissnan <iissnan@gmail.com>"
diff --git a/layout/archive.swig b/layout/archive.swig
index 3226ea6e6..a001315be 100644
--- a/layout/archive.swig
+++ b/layout/archive.swig
@@ -8,6 +8,10 @@
 {% block content %}
 
   <span class="archive-move-on"></span>
+  <span class="archive-page-counter">
+    Great! {{ site.posts.length }} posts in total. <br />
+    Keep on posting.
+  </span>
 
   {% for post in page.posts %}
 
diff --git a/layout/page.swig b/layout/page.swig
index 7d99efb8d..3efd645b8 100644
--- a/layout/page.swig
+++ b/layout/page.swig
@@ -10,7 +10,7 @@
   {% if page.type === "tags" %}
     <div class="tag-cloud">
       <div class="tag-cloud-title">
-        Totally {{ site.tags.length }} tags
+        <div class="collection-title">Totally {{ site.tags.length }} tags</div>
       </div>
       <div class="tag-cloud-tags">
         {{ tagcloud({min_font: 12, max_font: 30, amount: 200, color: true, start_color: '#ccc', end_color: '#111'}) }}
diff --git a/source/css/_component/posts-collapse.styl b/source/css/_component/posts-collapse.styl
index 48e15be3e..826788826 100644
--- a/source/css/_component/posts-collapse.styl
+++ b/source/css/_component/posts-collapse.styl
@@ -12,11 +12,11 @@
 
 .posts-collapse .collection-title {
   display: inline-block;
-  margin: 30px 0;
-  padding: 5px;
-  color: white;
+  margin: 30px 0 70px;
+  padding: 5px 30px;
+  color: $colorDeepBlack;
   font-family: $fontFamilyPost;
-  background: $colorDeepBlack;
+  border: 2px solid $colorDeepBlack;
 }
 
 .posts-collapse .post {
diff --git a/source/css/_core/mixins.styl b/source/css/_core/mixins.styl
index 456097cea..fb15d6fc1 100644
--- a/source/css/_core/mixins.styl
+++ b/source/css/_core/mixins.styl
@@ -33,4 +33,8 @@ the-transition() {
   transition-duration: 0.2s;
   transition-timing-function: ease-in-out;
   transition-delay: 0s;
+}
+
+mobile() {
+  {block}
 }
\ No newline at end of file
diff --git a/source/css/_page/archive.styl b/source/css/_page/archive.styl
index 22aa071e1..2e5f789ae 100644
--- a/source/css/_page/archive.styl
+++ b/source/css/_page/archive.styl
@@ -1,6 +1,13 @@
 .page-archive {
 
   $left = 55px;
+  $left-mobile = 30px;
+
+  .archive-page-counter {
+    position: relative;
+    top: -20px;
+    left: 50px;
+  }
 
   .posts-collapse {
     position: relative;
@@ -13,6 +20,10 @@
       height: 100%;
       background: $colorWhiteSmoke;
       z-index: -1;
+
+      +mobile() {
+        left: $left-mobile;
+      }
     }
 
     .archive-move-on {
@@ -24,10 +35,18 @@
       height: 12px;
       opacity: 0.5;
       background: $colorLightBlack;
+
+      +mobile() {
+        left: $left-mobile;
+      }
     }
 
     .post {
       margin: 30px 0 30px $left;
+
+      +mobile() {
+        margin-left: $left-mobile;
+      }
     }
 
     &::before, &::after {
@@ -40,6 +59,10 @@
       text-align: center;
       margin-left: $left;
 
+      +mobile() {
+        margin-left: $left-mobile;
+      }
+
       &::before {
         content: " ";
         position: absolute;
@@ -66,7 +89,8 @@
     }
 
     .collection-title {
-      margin-left: -34px;
+      margin: 30px 0;
+      margin-left: -54px;
       padding: 5px 30px;
       background: white;
       border: 2px solid $colorDimGray;