Add subscribe button

This commit is contained in:
Keichi Takahashi 2015-02-09 15:51:06 +09:00
parent 4e1e9740a9
commit 3cdfa0bd5b
2 changed files with 26 additions and 0 deletions

View File

@ -42,6 +42,12 @@
</div> </div>
{{ end }} {{ end }}
{{ partial "link.html" . }} {{ partial "link.html" . }}
{{ with .RSSLink }}
<a href="{{ . }}" class="btn-subscribe hidden-xs">
<i class="fa fa-rss"></i>
Subscribe
</a>
{{ end }}
</section> </section>
</header> </header>
<main class="container"> <main class="container">

View File

@ -10,6 +10,7 @@ main {
} }
.header-text { .header-text {
position: relative;
height: 100%; height: 100%;
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
color: rgba(255, 255, 255, 0.9); color: rgba(255, 255, 255, 0.9);
@ -60,6 +61,25 @@ main {
text-decoration: none; text-decoration: none;
} }
a.btn-subscribe {
position: absolute;
top: 20px;
right: 20px;
padding: 7px 16px;
border: 1px solid rgba(255, 255, 255, 1.0);
border-radius: 3px;
color: rgba(255, 255, 255, 1.0);
text-decoration: none;
font-weight: 300;
font-size: 13px;
transition: color,background-color 0.1s linear;
}
a.btn-subscribe:hover {
background-color: rgba(255, 255, 255, 1.0);
color: rgba(0, 0, 0, 1.0);
}
/* Footer */ /* Footer */
.global-footer { .global-footer {