Improve multiaccount support

assets/scss/components/_aside.scss

@@ -50,7 +50,6 @@
     > img {
       width: 7rem;
       border: 2px solid rgba($primary-color, .1);
-      border-radius: 50%;
       box-shadow: 0 0 1px 1px rgba(000, 000, 000, .3);
     }
   }

assets/scss/components/_media-queries.scss

@@ -171,14 +171,13 @@
   #post-title {
     margin: 2.5rem 0;
   }
-  body[data-page='post'] {
-    .post.tags {
-      > a {
-        display: inline-block;
-        margin: .2rem 0;
-      }
-    }
+
+  .post .tags,
+  .post .meta > time,
+  .pagination > span {
+      display: none;
   }
+
   .post {
     &.newer,
     &.older {
@@ -191,11 +190,7 @@
       margin: 0 0 10px;
     }
   }
-  .pagination {
-    > span {
-      display: none;
-    }
-  }
+
   blockquote {
     > p {
       margin: 2rem -1rem;

assets/scss/components/_post.scss

@@ -84,9 +84,8 @@
     }
   }
   &.author {
-    margin-left: 1.2em;
-
     img {
+      margin: 0 0.5rem;
       display: inline-block;
       height: 22px;
       vertical-align: middle;

assets/scss/components/_search.scss

@@ -8,8 +8,12 @@
   width: 12.5rem;
   height: .4rem;
   padding: 5% 5px 5% 18px;
-  border: 1.5px solid lighten($hover-color, 5%);
   border-radius: 1.68rem;
+  transition: border .3s ease-in;
+
+  &:hover {
+    border: 1.5px solid lighten($hover-color, 5%);
+  }
 }
 #search-results {
   text-align: center;

assets/scss/modules/_buttons.scss

@@ -1,3 +1,14 @@
+img, .btn {
+
+  &.square {
+    border-radius: 0;
+  }
+
+  &.rounded {
+    border-radius: 50%;
+  }
+}
+
 .btn {
   padding: 10px 20px;
   font-size: .9em;
@@ -9,9 +20,6 @@
   border-radius: 20px;
   -webkit-font-smoothing: antialiased;
 
-  &.square {
-    border-radius: 0;
-  }
   &:hover {
     color: darken($primary-color, 15%);
     border-color: darken($primary-color, 15%);

partials/aside.hbs

@@ -4,7 +4,7 @@
     <div class="profile">
       {{#if @blog.logo}}
       <a id="avatar-link" title="link to homepage for {{@blog.title}}" href="{{@blog.url}}/#open">
-        <img src="{{@blog.logo}}" alt="{{@blog.title}} avatar" class="profile avatar hvr-buzz-out" />
+        <img src="{{@blog.logo}}" alt="{{@blog.title}} avatar" class="profile avatar rounded hvr-buzz-out" />
         <h1>{{@blog.title}}</h1>
         <h3 id="profile-resume"></h3>
       </a>

post.hbs

@@ -7,9 +7,11 @@
       <div class="post meta">
         <time datetime="{{date format="DD MMM YYYY"}}">{{date format="DD MMM YYYY"}}</time>
         <span class="post tags">{{tags prefix="in " separator=" "}}</span>
-        {{!-- <span class="post author">
-          <img src="{{author.image}}" alt="profile image for {{author.name}}"/> by {{author.name}}
-        </span> --}}
+
+        <span class="post author">
+          <img src="{{author.image}}" class="rounded" alt="profile image for {{author.name}}"/> by {{author.name}}
+        </span>
+
         <span class="post reading-time"> ~ <span></span> read.</span>
       </div>