updated bunch of file paths and changed the way posts are loaded

public/css/style.css

@@ -11,19 +11,19 @@ a {
 }
 
 .textCenter {
-	text-align: center;
+  text-align: center;
 }
 
 .header {
-	height: 400px;
-	background: url("../images/headerBackground.jpg") center no-repeat;
+  height: 400px;
+  background: url("../images/headerBackground.jpg") center no-repeat;
   background-size: cover;
 }
 
 .headerText{
-	font-size: 80px;
-	color: white;
-	margin-top: 0px;
+  font-size: 80px;
+  color: white;
+  margin-top: 0px;
 }
 
 .large-text{
@@ -31,9 +31,9 @@ a {
 }
 
 .centerDiv{
-	position: relative;
-  	top: 50%;
-  	transform: translateY(-50%);
+  position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
 
 .form-signin {
@@ -51,8 +51,23 @@ a {
   font-size: 16px;
 }
 
+.form-file {
+  max-width: 500px;
+  padding: 15px;
+  margin: 0 auto;
+}
+.form-file .form-control {
+  position: relative;
+  height: 34px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+  padding: 10px;
+  font-size: 16px;
+}
+
 .colorRed {
-	color: red;
+  color: red;
 }
 .colorGreen {
   color: green;
@@ -221,10 +236,11 @@ a {
 
 
 .lowerLeft{
+    color: white;
     display: table-cell;
     vertical-align: bottom;
     height: 400px;
-    width: 300px;
+    width: 800px;
 }
 
 .colorWhite{
@@ -281,4 +297,30 @@ body.loading {
    modal element will be visible */
 body.loading .modal {
     display: block;
+}
+
+.btn-file {
+    position: relative;
+    overflow: hidden;
+}
+
+.btn-file input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 100%;
+    min-height: 100%;
+    font-size: 100px;
+    text-align: right;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    outline: none;
+    background: white;
+    cursor: inherit;
+    display: block;
+}
+
+input[readonly] {
+    background-color: white !important;
+    cursor: text !important;
 }

public/html/header.html

@@ -0,0 +1,12 @@
+<div class="header">
+	
+		<div class="container">
+
+			<div class="lowerLeft">
+				<h1 class="">mitchellG.me</h1>
+				<p class="">A site in which I share information about my personal projects.</p>
+			</div>
+
+		</div>	
+	
+</div>

public/javascript/custom.js

@@ -0,0 +1,28 @@
+$(document).ready(function(){
+	
+	var date = new Date();
+	var offset = new Date().getTimezoneOffset();
+	$("#timeZone").val(offset);
+
+	console.log("offset - " + offset);
+
+	$(function() {
+	    $( "#dpicker" ).datepicker();
+ 	 });
+
+	$(function() {
+	    $( "#datepicker" ).datepicker();
+ 	 });
+
+	$('.btn-file :file').on('fileselect', function(event, label) {
+        console.log(label);
+        $('#input_file').val(label);
+    });
+});
+
+
+$(document).on('change', '.btn-file :file', function() {
+    var input = $(this),
+        label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
+    input.trigger('fileselect', label);
+});

public/javascripts/custom.js

@@ -1,17 +0,0 @@
-$(document).ready(function(){
-	
-	var date = new Date();
-	var offset = new Date().getTimezoneOffset();
-	$("#timeZone").val(offset);
-
-	console.log("offset - " + offset);
-
-	$(function() {
-	    $( "#dpicker" ).datepicker();
- 	 });
-
-	$(function() {
-	    $( "#datepicker" ).datepicker();
- 	 });
-	
-});