feat(styles): Add more author info on post. Close #18

oswaldoacauan · Dec 8, 2013 · c0e6085 · c0e6085
1 parent dc02d8a
commit c0e6085
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 4 deletions.
diff --git a/src/assets/_scss/partials/_post-single.scss b/src/assets/_scss/partials/_post-single.scss
@@ -83,6 +83,17 @@
   .post-footer & {
     overflow: hidden;
   }
+
+  p {
+    font-size: 12px;
+    font-style: italic;
+    color: $muted-text-color;
+    margin-bottom: 0;
+
+    a {
+      color: $muted-text-color;
+    }
+  }
 }
 
 .post-author-name {
@@ -95,13 +106,20 @@
   font-weight: 700;
 }
 
-.post-author-bio {
-  font-size: 12px;
-  font-style: italic;
-  color: $muted-text-color;
+.post-info {
+  margin-top: 10px;
+}
+
+.post-info-title {
+  @extend .post-author-name;
+  letter-spacing: -.5px;
+  font-style: normal;
+  color: $text-color;
+  font-size: 13px;
   margin-bottom: 0;
 }
 
+
 .post-side {
   position: absolute;
   top: 0;

diff --git a/src/post.hbs b/src/post.hbs
@@ -58,6 +58,18 @@
                   <span itemprop="name">{{author.name}}</span>
                 </a>
                 <p itemprop="description" class="post-author-bio">{{author.bio}}</p>
+                {{#if author.location}}
+                  <p class="post-author-location">{{author.location}}</p>
+                {{/if}}
+                {{#if author.website}}
+                  <p class="post-author-website">
+                    <a href="{{author.website}}" rel="nofollow">{{author.website}}</a>
+                  </p>
+                {{/if}}
+                <p class="post-info">
+                  <b class="post-info-title">Published on</b>
+                  <time class="post-date">{{date format='MMMM DD, YYYY'}}</time>
+                </p>
               </div>
             </div>
             <div class="post-social">