Link post.hbs author to new author profile page, add icons to meta data

This commit is contained in:
John O'Nolan 2014-07-21 19:52:45 +02:00
parent 48164cc3cd
commit 91ca337fe6
2 changed files with 24 additions and 10 deletions

View file

@ -867,6 +867,15 @@ body:not(.post-template) .post-title {
margin-right: 180px; margin-right: 180px;
} }
.post-footer h4 a {
color: #2e2e2e;
text-decoration: none;
}
.post-footer h4 a:hover {
text-decoration: underline;
}
/* Drop the share links in the space to the right. /* Drop the share links in the space to the right.
Doing it like this means it's easier for the author bio Doing it like this means it's easier for the author bio
to be flexible at smaller screen sizes while the share to be flexible at smaller screen sizes while the share
@ -931,7 +940,7 @@ body:not(.post-template) .post-title {
.tooltip { .tooltip {
opacity: 0; opacity: 0;
display: block; display: block;
width: 52px; width: 53px;
padding: 4px 8px 5px 8px; padding: 4px 8px 5px 8px;
position:absolute; position:absolute;
top: -23px; top: -23px;
@ -1049,19 +1058,22 @@ body:not(.post-template) .post-title {
text-indent: 0; text-indent: 0;
} }
.author-meta {
margin: 1.6rem 0;
}
/* Location, website, and link */ /* Location, website, and link */
.author-profile .author-meta { .author-profile .author-meta {
margin: 2rem 0; margin: 2rem 0;
font-family: "Noto Serif", serif; font-family: "Noto Serif", serif;
font-size: 1.7rem; font-size: 1.7rem;
} }
.author-profile .author-meta span { .author-meta span {
margin-left: 2rem; margin-left: 2rem;
} }
.author-profile .author-meta span:first-child { .author-meta span:first-child {
margin-left: 0; margin-left: 0;
} }
.author-profile .author-meta a { .author-meta a {
text-decoration: none; text-decoration: none;
} }
@ -1371,9 +1383,11 @@ body:not(.post-template) .post-title {
font-size: 1.6rem; font-size: 1.6rem;
} }
.author-profile .author-meta span { .author-meta span {
display: block; display: block;
margin: 1.5rem 0; margin: 1.5rem 0;
}
.author-profile .author-meta span {
font-size: 1.6rem; font-size: 1.6rem;
} }

View file

@ -24,12 +24,12 @@
<a class="subscribe icon-feed" href="{{@blog.url}}/rss/"><span class="tooltip">Subscribe!</span></a> <a class="subscribe icon-feed" href="{{@blog.url}}/rss/"><span class="tooltip">Subscribe!</span></a>
<section class="author"> <section class="author">
<h4>{{author.name}}</h4> <h4><a href="{{@blog.url}}/author/{{author.slug}}">{{author.name}}</a></h4>
<p>{{author.bio}}</p> <p>{{author.bio}}</p>
<ul class="author-meta clearfix"> <div class="author-meta">
{{#if author.location}}<li>{{author.location}}</li>{{/if}} {{#if author.location}}<span class="author-location"><i class="icon-location"></i> {{author.location}}</span>{{/if}}
{{#if author.website}}<li><a href="{{author.website}}">{{author.website}}</a></li>{{/if}} {{#if author.website}}<span class="author-link"><i class="icon-link"></i> <a href="{{author.website}}">{{author.website}}</a></span>{{/if}}
</ul> </div>
</section> </section>
<section class="share"> <section class="share">