diff --git a/assets/css/screen.css b/assets/css/screen.css
index 6a18da1..2695161 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -67,8 +67,42 @@ a:hover {
1. General
========================================================================== */
+#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;
+ position: relative;
+}
+
+#sitehead .wrap {
+ display: inline-block;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ right: 0;
+ margin-top: -100px;
+}
+
+#sitehead h1 {
+ font-size: 8rem;
+ font-family: Lato, "Open Sans", sans-serif;
+ font-weight: 100;
+}
+
+#sitehead h2 {
+ font-size: 1.8rem;
+ line-height: 1.5em;
+ font-weight: 300;
+ opacity: 0.6;
+ max-width: 700px;
+ margin: 0 auto;
+}
+
.content {
- padding-top:120px;
+ padding-top: 120px;
}
.post {
@@ -84,6 +118,10 @@ a:hover {
hyphens: auto;
}
+.post-title a {
+ text-decoration: none;
+}
+
.post-content {
/* Breaking for long words in preview region */
word-break: break-word;
diff --git a/assets/js/index.js b/assets/js/index.js
index 5f3e8ef..682e621 100644
--- a/assets/js/index.js
+++ b/assets/js/index.js
@@ -6,7 +6,16 @@
(function ($) {
"use strict";
- $(document).ready(function () {
- // code goes here
+ $(document).ready(function(){
+
+ sizeContent();
+ $(window).resize(sizeContent);
+
+ function sizeContent() {
+ var newHeight = $(window).height() - 30;
+ $("#sitehead").css("height", newHeight);
+ }
+
});
+
}(jQuery));
\ No newline at end of file
diff --git a/default.hbs b/default.hbs
index 2d104a3..ff5677f 100644
--- a/default.hbs
+++ b/default.hbs
@@ -11,13 +11,14 @@
{{! Styles'n'Scripts }}
-
-
+
{{! This is where shit gets real }}
{{{body}}}
+
+