Add author contact button

This commit is contained in:
Keichi Takahashi 2015-02-23 22:10:35 +09:00
parent d3bc7876fe
commit 9e14c071b3
2 changed files with 41 additions and 6 deletions

View File

@ -28,13 +28,21 @@
{{ end }} {{ end }}
</div> </div>
<div class="author-meta col-md-6"> <div class="author-meta col-md-6">
{{ with .Site.Params.author }} {{ with .Site.Params.author }}
<h1 class="author-name text-primary">{{ . }}</h1> <h1 class="author-name text-primary">{{ . }}</h1>
{{ end }} {{ end }}
{{ with .Site.Params.bio }} {{ with .Site.Params.bio }}
<div class="author-bio">{{ . }}</div> <div class="author-bio">{{ . }}</div>
{{ end }} {{ end }}
</div> </div>
{{ with .Site.Params.contact }}
<div class="author-contact col-md-4">
<a href="{{ . }}">
<i class="fa fa-envelope-o"></i>
&nbsp;Contact me
</a>
</div>
{{ end }}
</section> </section>
<ul class="pager"> <ul class="pager">
{{ if .Next }} {{ if .Next }}

View File

@ -185,6 +185,33 @@ a.btn-back {
height: 100px; height: 100px;
border-radius: 50px; border-radius: 50px;
} }
.author-contact {
position: relative;
display: inline-block;
height: 100px;
text-align: center;
padding-top: 10px;
}
.author-contact a {
display: inline-block;
padding: 7px 16px;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 3px;
color: rgba(0, 0, 0, 0.7);
text-decoration: none;
font-weight: 300;
font-size: 13px;
transition: background-color,border-color,color 0.1s linear
}
.author-contact a:hover {
background-color: rgba(51, 122, 183, 1.0);
border: 1px solid rgba(51, 122, 182, 1.0);
color: rgba(255, 255, 255, 1.0);
}
/* Override some of Bootstrap's styles */ /* Override some of Bootstrap's styles */
pre { pre {