Move home header image to inline img / refactor headings

This commit is contained in:
John O'Nolan 2013-08-21 16:44:09 +02:00 committed by Hannah Wolfe
parent 4f1ff59839
commit 701746c102
3 changed files with 44 additions and 20 deletions

View file

@ -56,13 +56,26 @@ h1 {
letter-spacing: -1px;
}
p, ul, ol {
margin: 1.6em 0;
h2 {
font-size: 4rem;
line-height: 1.2em;
letter-spacing: -1px;
}
ol ol, ul ul,
ul ol, ol ul {
margin: 0.4em 0;
h3 {
font-size: 3.5rem;
}
h4 {
font-size: 3rem;
}
h5 {
font-size: 2.5rem;
}
h6 {
font-size: 2rem;
}
a {
@ -73,6 +86,21 @@ a:hover {
color: #57A3E8;
}
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a {
color: #50585D;
}
p, ul, ol {
margin: 1.6em 0;
}
ol ol, ul ul,
ul ol, ol ul {
margin: 0.4em 0;
}
hr {
display: block;
height: 1px;
@ -237,15 +265,18 @@ table.plain {
========================================================================== */
#sitehead {
width: 100%;
height: 700px;
text-align: center;
color: #fff;
background: #4a4a4a url(http: //cdn.travelllll.com/wp-content/uploads/2013/04/index.jpg) center center;
background-size: cover;
background: #222;
position: relative;
}
#sitehead img {
display: block;
width: 100%;
height: auto;
}
#sitehead .wrap {
display: inline-block;
position: absolute;
@ -256,7 +287,8 @@ table.plain {
}
#sitehead h1 {
font-size: 8rem;
margin:0;
font-size: 10rem;
font-family: Lato, "Open Sans", sans-serif;
font-weight: 100;
}
@ -280,7 +312,7 @@ table.plain {
}
.post-title {
margin:0;
}
.post-title a {

View file

@ -8,14 +8,6 @@
$(document).ready(function(){
sizeContent();
$(window).resize(sizeContent);
function sizeContent() {
var newHeight = $(window).height() - 30;
$("#sitehead").css("height", newHeight);
}
});
}(jQuery));

View file

@ -1,7 +1,7 @@
{{!< default}}
<header id="sitehead">
<img src="http://f.cl.ly/items/1N2205280l2u1l0h190o/bg.jpg" alt="" />
<div class="wrap">
<h1>John O'Nolan</h1>
<h2>A designer, developer and entrepreneur. Spends his time travelling the world with a bag of kites. Likes to write.</h2>