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;
}
.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.
Doing it like this means it's easier for the author bio
to be flexible at smaller screen sizes while the share
@ -931,7 +940,7 @@ body:not(.post-template) .post-title {
.tooltip {
opacity: 0;
display: block;
width: 52px;
width: 53px;
padding: 4px 8px 5px 8px;
position:absolute;
top: -23px;
@ -1049,19 +1058,22 @@ body:not(.post-template) .post-title {
text-indent: 0;
}
.author-meta {
margin: 1.6rem 0;
}
/* Location, website, and link */
.author-profile .author-meta {
margin: 2rem 0;
font-family: "Noto Serif", serif;
font-size: 1.7rem;
}
.author-profile .author-meta span {
.author-meta span {
margin-left: 2rem;
}
.author-profile .author-meta span:first-child {
.author-meta span:first-child {
margin-left: 0;
}
.author-profile .author-meta a {
.author-meta a {
text-decoration: none;
}
@ -1371,9 +1383,11 @@ body:not(.post-template) .post-title {
font-size: 1.6rem;
}
.author-profile .author-meta span {
.author-meta span {
display: block;
margin: 1.5rem 0;
}
.author-profile .author-meta span {
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>
<section class="author">
<h4>{{author.name}}</h4>
<h4><a href="{{@blog.url}}/author/{{author.slug}}">{{author.name}}</a></h4>
<p>{{author.bio}}</p>
<ul class="author-meta clearfix">
{{#if author.location}}<li>{{author.location}}</li>{{/if}}
{{#if author.website}}<li><a href="{{author.website}}">{{author.website}}</a></li>{{/if}}
</ul>
<div class="author-meta">
{{#if author.location}}<span class="author-location"><i class="icon-location"></i> {{author.location}}</span>{{/if}}
{{#if author.website}}<span class="author-link"><i class="icon-link"></i> <a href="{{author.website}}">{{author.website}}</a></span>{{/if}}
</div>
</section>
<section class="share">