Release: 0.1.3

_config.yml

@@ -21,4 +21,4 @@ fancybox: true
 # Specify the date when the site was setup
 since: 2015
 
-version: 0.1.2
+version: 0.1.3

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>"

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 %}
 

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'}) }}

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 {

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}
 }

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;