Move site title to H1 tag, wrap header in header tag.

This commit is contained in:
Benjamin J. Balter 2013-04-15 16:50:01 -04:00
parent 223dbdc155
commit 55b890b407
2 changed files with 14 additions and 10 deletions

View File

@ -17,10 +17,10 @@
<div class="container"> <div class="container">
<div class="site"> <div class="site">
<div class="title"> <header>
<a href="/">{{ site.name }}</a> <h1 class="title"><a href="/">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a> <a class="extra" href="/">home</a>
</div> </header>
{{ content }} {{ content }}

View File

@ -101,13 +101,17 @@ ul.posts {
color: black; color: black;
} }
.site .title a.extra { .site header h1.title {
display: inline;
}
.site header a.extra {
color: #aaa; color: #aaa;
text-decoration: none; text-decoration: none;
margin-left: 1em; margin-left: 1em;
} }
.site .title a.extra:hover { .site header a.extra:hover {
color: black; color: black;
} }
@ -115,7 +119,7 @@ ul.posts {
color: #aaa; color: #aaa;
} }
.site footer { .site .footer {
font-size: 80%; font-size: 80%;
color: #666; color: #666;
border-top: 4px solid #eee; border-top: 4px solid #eee;
@ -123,22 +127,22 @@ ul.posts {
overflow: hidden; overflow: hidden;
} }
.site footer .contact { .site .footer .contact {
float: left; float: left;
margin-right: 3em; margin-right: 3em;
} }
.site footer .contact a { .site .footer .contact a {
color: #8085C1; color: #8085C1;
} }
.site footer .rss { .site .footer .rss {
margin-top: 1.1em; margin-top: 1.1em;
margin-right: -.2em; margin-right: -.2em;
float: right; float: right;
} }
.site footer .rss img { .site .footer .rss img {
border: 0; border: 0;
} }