little improvements

assets/scss/components/_aside.scss

@@ -29,19 +29,20 @@
     font-size: .9rem;
   }
   > a {
-    > img {
-      width: 10rem;
-      margin-bottom: 1.2rem;
-      border: 2px solid $primary-color;
-      border-radius: 50%;
-      box-shadow: 0 0 1px 1px rgba(000, 000, 000, .3);
-    }
     > h1 {
       margin: 0;
       font-family: $sans-font;
       font-size: $font-size-big;
       font-weight: $font-weight-bold;
       color: $gray-lightest;
+      font-size: 1.6rem;
+    }
+
+    > img {
+      width: 7rem;
+      border: 2px solid $primary-color;
+      border-radius: 50%;
+      box-shadow: 0 0 1px 1px rgba(000, 000, 000, .3);
     }
   }
   &.contact {

assets/scss/components/_post.scss

@@ -6,24 +6,20 @@
 
   > li {
     > a {
-      > *:hover {
-        color: $hover-color;
-        transition: all $aside-animation-time;
-      }
       > h2 {
         margin-bottom: 1rem;
         transition: all $aside-animation-time;
 
+        &:hover {
+          color: $hover-color;
+          transition: all $aside-animation-time;
+        }
+
         &:first-child {
           margin-top: 0;
         }
       }
     }
-    > p {
-      margin-bottom: 1rem;
-      font-size: .9em;
-      color: $gray-dark;
-    }
   }
 }
 .post {
@@ -63,6 +59,11 @@
   > header {
     text-align: center;
   }
+  &.description {
+    margin-bottom: 1rem;
+    font-size: .9em;
+    color: $gray-dark;
+  }
   &.meta {
     margin: .7em 0;
     font-size: .85rem;

assets/scss/modules/_global.scss

@@ -192,7 +192,7 @@ pre:hover {
   padding: 2rem 3rem;
 
   > .content {
-    padding: 3rem 0;
+    padding: 4rem 0;
     margin: 0 3.7rem;
 
     > h1 {
@@ -222,11 +222,8 @@ pre:hover {
   }
 }
 .divider {
-  margin: 15px auto;
-  border-top: 1px solid rgba(255,
-  255,
-  255,
-  .14);
+  margin: 10px auto;
+  border-top: 1px solid rgba(255, 255, 255, .14);
 
   &.long {
     width: 50%;

index.hbs

@@ -2,8 +2,10 @@
 <ol class="posts">
   {{#foreach posts}}
   <li>
-    <a href="{{url}}" title="link to {{{title}}}"><h2>{{{title}}}</h2></a>
-    <p>{{excerpt}}&hellip;</p>
+    <a href="{{url}}" title="link to {{{title}}}">
+      <h2>{{{title}}}</h2>
+      <p class="post description">{{excerpt}}&hellip;</p>
+    </a>
     <div class="post meta">
       <time datetime="{{date format="DD MMM YYYY"}}">{{date format="DD MMM YYYY"}}</time>
       <span class="post tags">{{tags prefix="on " separator=" "}}</span>

partials/footer.hbs

@@ -1,5 +1,5 @@
 <footer>
   <span class="copyright">
-    &copy; {{date format="YYYY"}}. All rights reserved. Built with Ghost + Uno Zen theme.
+    &copy; {{date format="YYYY"}}. All rights reserved. Built with <a href="https://ghost.org/" target="_blank">Ghost</a> and <a href="https://github.com/Kikobeats/uno-zen" target="_blank">Uno Zen</a> theme.
   </span>
 </footer>

partials/links.hbs

@@ -2,6 +2,7 @@
   <ul class="links">
     <li class="links item">
       <a href="/#open" title="link to {{@blog.title}} blog" id="blog-button">Blog</a>
+      <a href="/#open" title="link to {{@blog.title}} blog" id="blog-button">About</a>
     </li>
   </ul>
 </nav>