Move home header image to inline img / refactor headings

assets/css/screen.css

@@ -56,13 +56,26 @@ h1 {
     letter-spacing: -1px;
 }
 
-p, ul, ol {
+h2 {
-    margin: 1.6em 0;
+    font-size: 4rem;
+    line-height: 1.2em;
+    letter-spacing: -1px;
 }
 
-ol ol, ul ul,
+h3 {
-ul ol, ol ul {
+    font-size: 3.5rem;
-    margin: 0.4em 0;
+}
+
+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: #222;
-    background-size: cover;
     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 {

assets/js/index.js

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

index.hbs

@@ -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>