concat

404.php

@@ -1,5 +1,5 @@
 <?php get_header(); ?>
-	<div id="container" class="one-column">
+	<div class="container">
 		<div id="content" role="main">
 			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 				<div class="entry-content">
@@ -10,14 +10,11 @@
 					<header class="page-header">
 						<h1 class="page-title"><?php printf( __( 'Search Results for: %s', 'dw' ), get_search_query() ); ?></h1>
 					</header>
-						<?php while ( have_posts() ) : the_post();
-								the_excerpt();
-							endwhile;
-							dw_paging_nav();
-							else :
-								get_search_form();
-							endif;
-					?>
+						<?php 	while ( have_posts() ) : the_post();the_excerpt();
+								endwhile; dw_paging_nav();
+								else :get_search_form();
+								endif; 
+						?>
 				</div>
 			</div>
 		</div>

comments.php

@@ -1,5 +1,5 @@
 <?php if ( comments_open() ): ?>
-<div class="commentbubble"><a href="#" class="toggle-comments"><?php comments_number('0', '1', '%'); ?> Comments</a></div>
+<div class="commentbubble"><a href="#" class="toggle-comments"><?php comments_number('0', '1', '%'); ?> Comments</a> <span class="fa fa-comment-o"></span></div>
 <?php endif;?>
 <div id="comments" class="comments-area">
 	<?php if ( have_comments() ) : ?>
@@ -7,7 +7,7 @@
 			<?php wp_list_comments( array( 
 				'callback' => 'dw_comment',
 				'style' => 'ul', 
-				'avatar_size' => 16,
+				'avatar_size' => 50,
 				'short_ping' => true
 				) ); 
 			?>

css/animate.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";
-/*!
+/*
 Animate.css - http://daneden.me/animate
 Licensed under the MIT license - http://opensource.org/licenses/MIT
 

css/bootstrap.css

@@ -1,12 +1,12 @@
 /* @override http://macs.local/david/wp-content/themes/dw/css/bootstrap.css */
 
-/*!
+/*
  * Bootstrap v3.2.0 (http://getbootstrap.com)
  * Copyright 2011-2014 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/* normalize.css v3.0.1 | MIT License | git.io/normalize */
 html {
   font-family: sans-serif;
   -webkit-text-size-adjust: 100%;

css/font-awesome.css

@@ -1,6 +1,6 @@
 /* @override http://macs.local/david/wp-content/themes/dw/css/font-awesome.css */
 
-/*!
+/*
  *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */
@@ -9,7 +9,10 @@
 @font-face {
   font-family: 'FontAwesome';
   src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
-  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), 
+  	url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), 
+	url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), 
+	url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
   font-weight: normal;
   font-style: normal;
 }

css/fullcalendar.css

@@ -1,6 +1,6 @@
 /* @override http://macs.local/david/wp-content/themes/dw/css/fullcalendar.css */
 
-/*!
+/*
  * FullCalendar v2.1.1 Stylesheet
  * Docs & License: http://arshaw.com/fullcalendar/
  * (c) 2013 Adam Shaw
@@ -417,7 +417,7 @@ temporary rendered events).
 --------------------------------------------------------------------------------------------------*/
 
 .fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
-	overflow-y: scroll;
+	overflow-y: hidden;
 	overflow-x: hidden;
 }
 
@@ -588,8 +588,8 @@ a.fc-more:hover {
 
 .fc-toolbar h2 {
 	margin: 0;
-	font-size: 24px;
-	color: #fff;
+	font-size: 21px;
+	color: #777;
 }
 
 /* button layering (for border precedence) */

footer-home.php

@@ -0,0 +1,81 @@
+<div class="container-fluid footer-home dark">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-8">
+				<div class="row">
+					<div class="col-md-2">
+						<ul>
+							<li><a href="<?php echo home_url( '/' ); ?>bio"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
+							<li><a href="<?php echo home_url( '/' ); ?>notebook"><span class="fa fa-pencil-square-o fa-fw"></span> Notebook</a></li>
+							<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-paint-brush fa-fw"></span> Studio</a></li>
+							<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-lightbulb-o fa-fw"></span> Projects</a></li>
+							<li><a href="#archives" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-folder-open-o fa-fw"></span> Archives</a>
+						</ul>
+					</div>
+					<div class="col-md-6">
+						<ul>
+							<li class="dim"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-home fa-fw"></span> Address</a>: South Carolina USA</li>
+							<li class="dim"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-phone fa-fw"></span> Phone</a>: 803-712-3283</li>
+							<li class="dim"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-envelope-o fa-fw"></span> Email</a>: 
+							<span class="email"><script type="text/javascript"> 
+								//<![CDATA[
+
+								function hiveware_enkoder(){var i,j,x,y,x=
+								"x=\"3.r87dx:7=\\\"57|A;7&;:7<7:7h6=767:7:7878767::<7:7:7:75777;7;7879767::" +
+								"=787:7:78797:7::5797;7;7:787:76:=797:7;787;7:7;75767;7:7;7=7:7;7=787:::797" +
+								"97:76787<7:767<767:77:5777:::787576:679747:7:777<7::;7:767:::787977::777:7" +
+								"6:7::787:79:57777:67976767::678767:7=7577::767=777::47777:;7668767::f;:7=7" +
+								"7:h657;6:7;787f::7::57j;;766:7<::7=7=7h7:74787f:87=747g;:7<687i::7g:579:;7" +
+								"i::7;;:78:=7<7:7f:87=6:7f757h7;766;7=;:7f;=7=6::f797h;:79:87i::79;<77::77:" +
+								"575;::4:87966:<697;6:79677;6::f;:7<6::i;877;7:9::76;;77;778;;76697<::7=667" +
+								"g7::6657=6:7=797f;:7h;77=&;7?}87A+7:+?87js;7v,67mA:74?97m@7:|257pi:7rk87xl" +
+								":7?m57/A;76-:7!}:7/A=7yr:7iw87ge:7ti57,+;7)+;7/|:72w=7yf::wx97v,:7m0876-:7" +
+								"-?<7#}:7\\\";57y=::''87;x6:=u97ne:7sc77ap::e(:7x)::;f87or9:(i77=067;i67<x;" +
+								"7.l87en:7gt=7h;;7i+87+)::{j77=x:7.c97ha7:rC87od9:eA77t(67i)67-4:7;i77f(::j" +
+								"<:732::)j97+=;79487;y:7+=57St:7ri77ng;7.f87ro9:mC77ha67rC67od7:e(97j):7}y\""+
+								";j=eval(x.charAt(0));x=x.substr(1);y='';for(i=0;i<x.length;i+=4){y+=x.subs" +
+								"tr(i,2);}for(i=2;i<x.length;i+=4){y+=x.substr(i,2);}y=y.substr(j);";
+								while(x=eval(x));}hiveware_enkoder();
+
+								//]]>
+								</script></span>
+							</li>
+							<li class="dim"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-group fa-fw"></span> Client</a>: sandbox.davidawindham.com</li>
+							<li class="dim"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-calculator fa-fw"></span> Billing</a>: billing.davidawindham.com</li>
+						</ul>
+					</div>
+					<div class="col-md-4">
+
+					</div>
+				</div>
+			</div>
+			<div class="col-md-2">
+				<ul class="social">
+					<li><a href="https://github.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
+					<li><a href="http://www.last.fm/user/windhamdavid" class=""><span class="fa fa-2x fa-lastfm-square"></span></a></li>
+					<li><a href="http://vimeo.com/windhamdavid" class=""><span class="fa fa-2x fa-vimeo-square"></span></a></li>
+					<li><a href="http://windhamdavid.tumblr.com/" class=""><span class="fa fa-2x fa-tumblr-square"></span></a></li>
+					<li><a href="https://davidawindham.com/feed" class="" rel="me"><span class="fa fa-2x fa-rss-square"></span></a></li>
+					<li><a href="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
+					<li><a href="https://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="https://plus.google.com/+DavidWindham1" class="" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
+					<li><a href="https://keybase.io/windhamdavid" class=""><span class="fa fa-15x fa-key"></span></a></li>
+					<li><a href="https://www.coinbase.com/windhamdavid" class=""><span class="fa fa-15x fa-bitcoin"></span></a></li>
+					<li><a href="https://angel.co/windhamdavid" class=""><span class="fa fa-15x fa-angellist"></span></a></li>
+				</ul>
+			</div>
+			<div class="col-md-2">
+				<!--<span class="right"><img src="<?php echo get_bloginfo('template_directory');?>/img/dog.png" class="avatar" alt="David Windham"/></span>-->
+				<p class="dim right"><a href="https://github.com/windhamdavid/dw"><span class="fa fa-15x fa-code-fork"></span> </a></p>
+				<p class="small dim right">&copy; 2005-2015<br />David A. Windham</p>
+				<p class="small dull right">This website uses cookies.</p>
+			</div>
+		</div>
+	</div>
+</div>
+<?php wp_footer(); ?>
+<!--[if lt IE 9]>
+	<script src="<?php echo get_template_directory_uri(); ?>/js/html5shiv.min.js"></script>
+<![endif]-->
+</body>
+</html>

footer.php

@@ -1,15 +1,13 @@
-<div class="container-fluid footer dark">
+<div class="container-fluid footer">
 	<div class="container">
 		<div class="row">
 			<div class="col-md-4">
-				
-				<p class="dim">Some Copy<p>
 			</div>
 			<div class="col-md-4">
 				<p class="dim"><p>
 			</div>
 			<div class="col-md-4">
-				<span class="right"><img src="<?php echo get_bloginfo('template_directory');?>/img/dog.png" class="avatar" alt="David Windham"/></span>
+				<!--<span class="right"><img src="<?php echo get_bloginfo('template_directory');?>/img/dog.png" class="avatar" alt="David Windham"/></span>-->
 				<p class="dim right"><a href="https://github.com/windhamdavid/dw"><span class="fa fa-15x fa-code-fork"></span> </a></p>
 				<p class="small dim right">&copy; 2005-2015<br />David A. Windham</p>
 			</div>

functions.php

@@ -20,25 +20,26 @@ add_image_size( 'post-large', 770, 577, true );
 
 function dw_scripts() {
 	global $post;
-	wp_enqueue_style( 'style', get_stylesheet_uri() );
-	//wp_enqueue_style( 'style-min', get_template_directory_uri() . '/css/style.min.css');
-	wp_enqueue_style( 'boot', get_template_directory_uri() . '/css/bootstrap.css');
+	//wp_enqueue_style( 'style', get_stylesheet_uri() );
+	wp_enqueue_style( 'style-min', get_template_directory_uri() . '/style.min.css');
+	//wp_enqueue_style( 'boot', get_template_directory_uri() . '/css/bootstrap.css');
 	//wp_enqueue_style( 'jasny', get_template_directory_uri() . '/css/jasny-bootstrap.css');
-	wp_enqueue_style( 'font', get_template_directory_uri() . '/css/font-awesome.css');
-	wp_enqueue_style( 'cal', get_template_directory_uri() . '/css/fullcalendar.css');
-	wp_enqueue_style( 'ani', get_template_directory_uri() . '/css/animate.css');
+	//wp_enqueue_style( 'font', get_template_directory_uri() . '/css/font-awesome.css');
+	//wp_enqueue_style( 'cal', get_template_directory_uri() . '/css/fullcalendar.css');
+	//wp_enqueue_style( 'ani', get_template_directory_uri() . '/css/animate.css');
 	
-	wp_deregister_script('jquery');
-	wp_enqueue_script('jquery', get_template_directory_uri() . '/js/jquery-2.1.1.min.js', array(), false, true);
-	wp_enqueue_script( 'boostrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', '', true );
-	wp_enqueue_script( 'offcanvas', get_template_directory_uri() . '/js/jasny-bootstrap.js', 'jquery', '', true );
-	wp_enqueue_script( 'time', get_template_directory_uri() . '/js/moment.min.js', 'jquery', '', true );
-	wp_enqueue_script( 'cal', get_template_directory_uri() . '/js/fullcalendar.min.js', 'jquery', '', true );
-	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/holder.js', 'jquery', '', true );
-	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/validate.js', 'jquery', '', true );
-	wp_enqueue_script( 'trans', get_template_directory_uri() . '/js/smooth.js', 'jquery', '', true );
-	wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
-	//wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.min.js', 'jquery', '', true );
+	//wp_deregister_script('jquery');
+	//wp_enqueue_script('jquery', get_template_directory_uri() . '/js/jquery-2.1.1.min.js', array(), false, true);
+	//wp_enqueue_script( 'modern', get_template_directory_uri() . '/js/modernizr.js', 'jquery', '', true );
+	//wp_enqueue_script( 'boostrap', get_template_directory_uri() . '/js/bootstrap.min.js', 'jquery', '', true );
+	//wp_enqueue_script( 'offcanvas', get_template_directory_uri() . '/js/jasny-bootstrap.js', 'jquery', '', true );
+	//wp_enqueue_script( 'time', get_template_directory_uri() . '/js/moment.min.js', 'jquery', '', true );
+	//wp_enqueue_script( 'cal', get_template_directory_uri() . '/js/fullcalendar.min.js', 'jquery', '', true );
+	//wp_enqueue_script( 'holder', get_template_directory_uri() . '/js/holder.js', 'jquery', '', true );
+	//wp_enqueue_script( 'valid', get_template_directory_uri() . '/js/validate.min.js', 'jquery', '', true );
+	//wp_enqueue_script( 'smooth', get_template_directory_uri() . '/js/smooth.js', 'jquery', '', true );
+	//wp_enqueue_script( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
+	wp_enqueue_script( 'scriptmin', get_template_directory_uri() . '/js/script.min.js', 'jquery', '', true );
 	//wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', 'jquery', '', true );
 
 

gruntfile.js

@@ -13,7 +13,7 @@ module.exports = function(grunt) {
 		cssmin: {
 		  combine: {
 		    files: {
-		      'css/style.min.css': ['style.css', 'css/bootstrap.css', 'css/font-awesome.css', 'css/fullcalendar.css', 'css/animate.css']
+		      'style.min.css': ['style.css', 'css/bootstrap.css', 'css/font-awesome.css', 'css/fullcalendar.css', 'css/animate.css']
 		    }
 		  }
 		},
@@ -23,7 +23,7 @@ module.exports = function(grunt) {
 				separator: ';',
 			},
 			dist: {
-				src: ['js/jquery-2.1.1.min.js', 'js/bootstrap.min.js', 'js/jasny-canvas.js', 'js/moment.min.js', 'js/fullcalendar.min.js', 'js/validate.js', 'js/scripts.js', ],
+				src: ['js/jquery-2.1.1.min.js', 'js/bootstrap.min.js', 'js/jasny-bootstrap.js', 'js/moment.min.js', 'js/fullcalendar.min.js', 'js/validate.min.js', 'js/scripts.js', ],
 				dest: 'js/script.js',
 			},
 		},
@@ -50,7 +50,7 @@ module.exports = function(grunt) {
 	grunt.loadNpmTasks('grunt-contrib-jshint');
 	grunt.loadNpmTasks('grunt-contrib-uglify');
 	
-	grunt.registerTask('jshint', [ 'jshint' ]);
+	grunt.registerTask('js', [ 'jshint' ]);
 	grunt.registerTask('default', [ 'cssmin', 'concat', 'uglify' ]);
 
 };

header-home.php

@@ -30,6 +30,10 @@
 			</div>
 		</div>
 	</div>
+	<div class="container-full top-lead">
+		<div class="container">
+		</div>
+	</div>
 </div>
 <div class="modal fade terminal" tabindex="-1" role="dialog" aria-labelledby="welcomeback" aria-hidden="true">
   <div class="modal-dialog modal-lg">
@@ -43,29 +47,26 @@
 		<div class="navbar navbar-fixed-top">
 			<div class="container">
 				<div class="site-title">
-					<a href="http://davidawindham.com" title="David Windham"><img class="dw" title="David Windham" src="<?php echo get_bloginfo('template_directory');?>/img/dw.png" width="17"/></a>
-					<a href="<?php echo home_url( '/' ); ?>" class="navbar-brand navbar-right" title="David A. Windham" rel="home">David A. Windham</a>			
+					<a href="#" class="navbar-brand navbar-right"  data-toggle="offcanvas" data-target=".navmenu" title="David A. Windham" rel="home">David A. Windham</a>			
 				</div>
 			</div>
-			<a href="#" class="nav-toggle navbar-right" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body"><span></span></a>
 		</div>
 	</div>
 </header>
-<nav id="site-menu" class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
+<nav id="site-menu" class="slide-menu-left navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
 	<ul class="nav nav-stacked">
 		<li><a href="<?php echo home_url( '/' ); ?>bio" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>notebook" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Notebook</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>studio" class="list-group-item"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>contact" class="list-group-item"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
 		<li><a href="#archives" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-folder-open-o fa-fw"></span> Archives</a>
+		<li><a href="#social" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-external-link fa-fw"></span> Connect</a></li>
 	</ul>
 	<div class="collapse" id="archives">
 		<ul>
 			<?php wp_get_archives( array( 'type' => 'yearly') ); ?>
 		</ul>
 	</div>
-	<div class="clear"></div>
-	<a href="#social" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-external-link fa-fw"></span> Connect</a>
 	<div class="collapse" id="social">
 		<ul class="social">
 			<li><a href="https://davidawindham.com/feed" class="" rel="me"><span class="fa fa-2x fa-rss-square"></span></a></li>

header.php

@@ -16,16 +16,15 @@
 <header id="header">
 	<div class="navbar navbar-fixed-top">
 		<div class="container">
-		<div class="site-title">
-			<a href="http://davidawindham.com" title="David Windham"><img class="dw" title="David Windham" alt="David Windham" src="<?php echo get_bloginfo('template_directory');?>/img/dw.png" width="17"/></a>
-			<a href="<?php echo home_url( '/' ); ?>" class="navbar-brand navbar-right" title="David A. Windham" rel="home">David A. Windham</a>			
+			<div class="site-title">
+				<a href="#" class="navbar-brand navbar-right"  data-toggle="offcanvas" data-target=".navmenu" title="David A. Windham" rel="home">David A. Windham</a>			
+			</div>
 		</div>
-		</div>
-		<a href="#" class="nav-toggle navbar-right" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body"><span></span></a>
 	</div>
 </header>
 <nav class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
 	<ul class="nav nav-stacked">
+		<li><a href="<?php echo home_url( '/' ); ?>" class="list-group-item"><span class="fa fa-home fa-fw"></span> Home</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>bio" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>notebook" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Notebook</a></li>
 		<li><a href="<?php echo home_url( '/' ); ?>studio" class="list-group-item"><span class="fa fa-flask fa-fw"></span> Studio</a></li>

index.php

@@ -1,7 +1,7 @@
 <?php get_header('home'); ?>
-	<div class="container-full">
+	<div class="container-full leader">
 		<div class="container">
-			<div class="row m-scene scene_element scene_element--fadeinright">
+			<div class="row">
 				<div class="col-xs-5">
 					<h1 class="didot">David A. Windham</h1>
 					
@@ -29,6 +29,7 @@
 						</ul>
 					</div>
 				</div>
+			</div>
 		</div>
 	</div>
 	<video id="tv" class="sat" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
@@ -49,7 +50,7 @@
 				</div>
 			    <div class="item">
 					<div class="container">
-						<h1 class="light super cm-sanswow wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
+						<h1 class="light super cm-sans wow fadeIn" data-wow-duration="4s">This Is Another Title - 2</h1>
 						<h3 class="light cm-concrete">Another line about that Essay</h3>
 					</div>
 					<div class="carousel-caption">
@@ -70,10 +71,10 @@
 		</div>
 	</div>
 	<div class="container-fluid posts">
-		<div class="container2">
+		<div class="container">
 			<div class="row">
 				<div class="col-sm-4 wow fadeInLeft">
-					<article id="main">
+					<article id="main" class="home">
 						<?php query_posts('showposts=1'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
@@ -89,7 +90,7 @@
 					</article>
 				</div>
 				<div class="col-sm-4 wow fadeInUp" data-wow-duration="1s">
-					<article id="main">
+					<article id="main" class="home">
 						<?php query_posts('showposts=1&offset=1'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
@@ -105,7 +106,7 @@
 					</article>
 				</div>
 				<div class="col-sm-4 wow fadeInRight">
-					<article id="main">
+					<article id="main" class="home">
 						<?php query_posts('showposts=1&offset=2'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
@@ -123,12 +124,22 @@
 			</div>
 		</div>
 	</div>
-	<div class="container">
-		<div class="row">
-			
+	<div class="container-full dark">
+		<div class="container">
+			<div class="row">
+				<div class="col-xs-5">
+
+				</div>
+				<div class="col-xs-4">
+					
+				</div>
+				<div class="col-xs-3 front-nav">
+					
+				</div>
+			</div>
 		</div>
 	</div>
-	<div class="container-full leader dark">
+	<div class="container-full dark">
 		<div class="container">
 			<div class="row">
 				<div class="col-sm-8">
@@ -180,4 +191,4 @@
 			</div>
 		</div>
 	</div>
-<?php get_footer(); ?>
+<?php get_footer('home'); ?>

js/drawfillsvg.js

@@ -0,0 +1,157 @@
+/**
+ * Draw Fill SVG
+ *
+ * A plugin that simulates a "draw" effect on the stroke of an SVG, fades out
+ * the stroke, and fades in a fill colour.
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Copyright 2014, Call Me Nick
+ * http://callmenick.com
+ */
+
+(function( window ){
+
+  'use strict';
+
+  /**
+   * Cross browser transition end events
+   *
+   * Use modernizr to detect cross browser transition end events. Make sure
+   * to include Modernizr in your doc and have "Modernizr.prefixed()" checked
+   * off in the extensibility section.
+   */
+
+  var transEndEventNames = {
+    "WebkitTransition" : "webkitTransitionEnd",
+    "MozTransition"    : "transitionend",
+    "OTransition"      : "oTransitionEnd",
+    "msTransition"     : "MSTransitionEnd",
+    "transition"       : "transitionend"
+  },
+  transEndEventName = transEndEventNames[ Modernizr.prefixed('transition') ];
+
+  /**
+   * Extend obj function
+   *
+   */
+
+  function extend( a, b ) {
+    for( var key in b ) { 
+      if( b.hasOwnProperty( key ) ) {
+        a[key] = b[key];
+      }
+    }
+    return a;
+  }
+
+  /**
+   * DrawFillSVG constructor
+   *
+   */
+
+  function DrawFillSVG( options ) {
+    this.options = extend( {}, this.options );
+    extend( this.options, options );
+    this._init();
+  }
+
+  /**
+   * DrawFillSVG options
+   *
+   * Available options:
+   * elementId - the ID of the element to draw
+   */
+
+  DrawFillSVG.prototype.options = {
+    elementId : "svg"
+  }
+
+  /**
+   * DrawFillSVG _init
+   *
+   * Initialise DrawFillSVG
+   */
+
+  DrawFillSVG.prototype._init = function() {
+    this.svg = document.getElementById(this.options.elementId);
+    this.paths = this.svg.querySelectorAll("path");
+    this._initAnimation();
+  }
+
+  /**
+   * DrawFillSVG _initAnimation()
+   *
+   * Reset some style properties on our paths, add some transitions, set the
+   * stroke-dasharray to the length of the path, and the stroke-dashoffset to
+   * the length of the path pushing it out of view initially. Then, set the 
+   * stroke-dashoffset to 0, animating the strokes in a drawing manner. Then,
+   * run the path filler sequence.
+   */
+
+  DrawFillSVG.prototype._initAnimation = function() {
+    for ( var i = 0; i < this.paths.length; i++ ) {
+      var path = this.paths[i];
+      var length = path.getTotalLength();
+
+      // reset opacities
+      path.style.fillOpacity = 0;
+      path.style.strokeOpacity = 1;
+
+      // reset transitions
+      path.style.transition = path.style.WebkitTransition = "none";
+
+      // reset stroke dash array and stroke dash offset
+      path.style.strokeDasharray = length + " " + length;
+      path.style.strokeDashoffset = length;
+      path.getBoundingClientRect();
+
+      // apply new transitions
+      path.style.transition = path.style.WebkitTransition = "stroke-dashoffset 2s ease-in-out";
+
+      // go baby go
+      path.style.strokeDashoffset = 0;
+
+      // fill the path
+      this._fillPath( path );
+    }
+  }
+
+  /**
+   * DrawFillSVG _fillPath()
+   *
+   * Resets the transition props, then fills the path and fades out the stroke
+   * by updating the styles.
+   */
+
+  DrawFillSVG.prototype._fillPath = function( path ) {
+    path.addEventListener( transEndEventName, function() {
+      // reset transitions
+      path.style.transition = path.style.WebkitTransition = "none";
+      path.style.transition = path.style.WebkitTransition = "fill-opacity 1s ease-in-out, stroke-opacity 1s ease-in-out";
+
+      // edit props
+      path.style.fillOpacity = 1;
+      path.style.strokeOpacity = 0;
+    } );
+  }
+
+  /**
+   * DrawFillSVG replay
+   *
+   * A public function that allows you to replay the animation if you want. For
+   * example, click a button, and replay the animation.
+   */
+
+  DrawFillSVG.prototype.replay = function() {
+    this._initAnimation();
+  }
+
+  /**
+   * Add to global namespace
+   */
+
+  window.DrawFillSVG = DrawFillSVG;
+
+})( window );

js/init.js

@@ -1,16 +1,23 @@
-jQuery(document).ready(function($) {
+new WOW().init();
 
-$(window).bind("load", function () {
+jQuery(document).ready(function($) {
+	
+$(window).bind('load', function() {
 	$('#loader').fadeOut(700);
 });
 
-$(function cookieset(){	
+
+/*============================================
+		      Welcome Cookies
+==============================================*/
+
+$(function dw_set_cookie() {
 	var COOKIE = 'windhamdavid-cookie';
-	$go = $.cookie(COOKIE);
-	if ($go == null) {
-		$.cookie(COOKIE, 'yum-cookies', { expires: 7, path: '/', expires: 6 });	
-		$(".welcome").typed({
-			strings: ["Hey,", "Hello,\n^10Welcome to ^10my domain ^10...^10", "Hello, \nWelcome to my little corner of the internet. \n^10It's nice to ", "Hello, \nWelcome to my little corner of the internet. \nIt's very nice to have you here!^10\n"],
+	var dwcookie = $.cookie(COOKIE);
+	if (dwcookie == null) {
+		$.cookie(COOKIE, 'yum-cookies', { expires: 7, path: '/'});	
+		$('.welcome').typed({
+			strings: ['Hey,', 'Hello,\n^10Welcome to ^10my domain ^10...^10', 'Hello, \nWelcome to my little corner of the internet. \n^10It is nice to ', 'Hello, \nWelcome to my little corner of the internet. \nIt is very nice to have you here!^10\n'],
 			typeSpeed: -40,
 			backSpeed: -70,
 			startDelay: 0,
@@ -19,15 +26,15 @@ $(function cookieset(){
 			loopCount: false,
 			attr: null,
 			callback: function(){
-			 	shift();
+			 	dw_shift();
 			 }
 		});	
 	}
 	else {
 		$('.intro').collapse('hide');
 		$('.terminal').modal('show');
-		$(".welcome-back").typed({
-			strings: ["Hey...", "Welcome back..."],
+		$('.welcome-back').typed({
+			strings: ['Hey...', 'Welcome back...'],
 			typeSpeed: -40,
 			backSpeed: -70,
 			startDelay: 0,
@@ -36,178 +43,204 @@ $(function cookieset(){
 			loopCount: false,
 			attr: null,
 			callback: function(){
-			 	thecollapse();
+			 	dw_collapse();
 			 }
 		});	
 	}
 });
 	
-function shift(){
+function dw_shift() {
+	var collapseh = $('.intro').height();
 	$('.leader').ScrollTo({
+		offset: -(collapseh),
 	    duration: 1500,
 		easing: 'linear',
-	    durationMode: 'all',
 		callback: function(){
-			thecollapse();
+			dw_collapse();
 		}
 	});
-};
+	$('.intro').slideToggle({
+		duration: 1000,
+		easing: 'linear'
+	});
+}
 
-function thecollapse(){
-	$('.intro').collapse('hide')
-	$('.terminal').modal('hide')
-};
+function dw_collapse() {
+	//$('.intro').collapse('hide');
+	$('.terminal').modal('hide');
+}
+
+
+/*============================================
+		     Navigation 
+==============================================*/
+
+$('.nav-toggle').on('touchstart click', function(e) {
+	e.preventDefault();
+	$( this ).toggleClass( 'active' );
+});
 
 $('#nav').affix({
-	offset: {top: $('.intro').height()-$('#nav').height()}
+	offset: {top: $('.intro').height()-$('.navbar').height()}
 });	
 
-$('.nav-toggle').on( 'click', function() {
-	$( this ).toggleClass( 'active' );
+$(function dw_hidenav() {
+	var headerHeight = $('.navbar').height();
+	$(window).on('scroll', { previousTop: 0 },
+		function() {
+		var currentTop = $(window).scrollTop();
+		if (currentTop < this.previousTop) {
+			if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
+					$('.navbar').addClass('visible');
+				} else {
+					$('.navbar').removeClass('visible fixed');
+				}
+		} 
+		else {
+			$('.navbar').removeClass('visible');
+			if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
+		}
+		this.previousTop = currentTop;
+		}  
+	);
 });
 
+
+/*============================================
+		      Carousel 
+==============================================*/
+
 $('.carousel').carousel({
 	interval: 4200
 });
 
-$('.carousel').on('slide.bs.carousel', function () {
-	$('.carousel-caption').fadeIn(600)
+$('.carousel').on('slide.bs.carousel', function() {
+	$('.carousel-caption').fadeIn(600);
 	//$('#tv').removeClass('invert');
-})
+});
 
-$('.carousel').on('slid.bs.carousel', function () {
-	$('.carousel-caption').fadeOut(600)
+$('.carousel').on('slid.bs.carousel', function() {
+	$('.carousel-caption').fadeOut(600);
 	//$('#tv').addClass('invert');
-})
-
-$(function(){
-	$('.calendar').fullCalendar ({
-		firstDay : 1,
-		height: 345,
-		events: [
-				{
-					title: 'Project',
-					start: '2014-09-27',
-					end: '2014-10-02'
-				},
-				{
-					title: 'Conf',
-					start: '2014-10-11',
-					end: '2014-10-13',
-					borderColor: 'red'
-				},
-				{
-					title: 'off',
-					start: '2014-10-13',
-					end: '2014-10-16'	
-				},
-				{
-					title: 'Contract',
-					start: '2014-10-16',
-					end: '2014-10-31'
-				},
-				{
-					title: 'Contract',
-					start: '2014-11-03',
-					end: '2014-11-22'
-				},
-				{
-					title: 'Project',
-					start: '2014-12-01',
-					end: '2014-12-06'
-				},
-				{
-					title: 'Project',
-					start: '2014-12-08',
-					end: '2014-12-13'
-				},
-				{
-					title: 'Holiday',
-					start: '2014-12-22',
-					end: '2015-01-05',
-					borderColor: 'red'
-				},
-				{
-					title: 'Project',
-					start: '2015-01-06',
-					end: '2015-01-25'
-				},
-				{
-					title: 'Project',
-					start: '2015-02-02',
-					end: '2015-02-14'
-				},
-				{
-					title: 'Holiday',
-					start: '2015-02-14',
-					end: '2015-02-19',
-					borderColor: 'red'
-				},
-		]
-    })
 });
 
 
-;(function ($) {
-  'use strict';
-  var content  = $('.transit').smoothState({
-        onStart : {
-          duration: 250,
-          render: function () {
-            content.toggleAnimationClass('is-exiting');
-          }
-        }
-      }).data('smoothState');
-})(jQuery);
-
-
-var headerHeight = $('.navbar').height();
-$(window).on('scroll', { previousTop: 0 },
-function() {
-    var currentTop = $(window).scrollTop();
-    if (currentTop < this.previousTop) {
-        if (currentTop > 0 && $('.navbar').hasClass('fixed')) {
-            $('.navbar').addClass('visible');
-        } else {
-            $('.navbar').removeClass('visible fixed');
-        }
-    } else {
-        $('.navbar').removeClass('visible');
-        if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
-    }
-    this.previousTop = currentTop;
+/*============================================
+		      Comments
+==============================================*/
+
+$('#comments').hide();
+
+$('.toggle-comments').on('touchstart click', function(e) {
+	e.preventDefault();
+	$('#comments').toggle('slow', function() {
+		var anchor = $('.toggle-comments');
+		var anchorText = anchor.text() === 'Hide Comments' ? 'Show Comments' : 'Hide Comments';
+		$(anchor).text(anchorText);
+	});
 });
 
-var commentsDiv = $('#comments');
-	if (commentsDiv.length) {
-		$(commentsDiv).hide();
-		$('.toggle-comments').on('click', function(e) {
-			e.preventDefault();
-			$(commentsDiv).toggle('slow', function() {
-				var anchor = $('.toggle-comments');
-				var anchorText = anchor.text() === 'Hide Comments' ? 'Show Comments' : 'Hide Comments';
-				$(anchor).text(anchorText);
-			});
-		});
-	}
+$('#commentform').validate({
+	rules: {
+		author: {
+			required: true,
+			minlength: 2
+		},
+		email: {
+			required: true,
+			email: true
+		},
+		comment: {
+			required: true,
+			minlength: 20
+		}
+	},
+	messages: {
+		author: "Please enter in your name.",
+		email: "Please enter a valid email address.",
+		comment: "Message box can't be empty!"
+	},
+	errorElement: "div",
+	errorPlacement: function(error, element) {
+		element.before(error);
+	} 
 });
 
-;(function ($) {
- 	'use strict';
-    var $body    = $('html, body'),
-        content  = $('#big-top').smoothState({
-            prefetch: true,
-            pageCacheSize: 4,
-            onStart: {
-                duration: 250,
-                render: function (url, $container) {
-                    content.toggleAnimationClass('is-exiting');
-                    $body.animate({
-                        scrollTop: 0
-                    });
-                }
-            }
-        }).data('smoothState');
-})(jQuery);
-
-new WOW().init();
+/*============================================
+		      SmoothState 
+==============================================*/
+
+
+		
+/*============================================
+		      Calendar
+==============================================*/	
+
+$('.calendar').fullCalendar ({
+	firstDay : 1,
+	height: 345,
+	events: [
+			{
+				title: 'Project',
+				start: '2014-09-27',
+				end: '2014-10-02'
+			},
+			{
+				title: 'Conf',
+				start: '2014-10-11',
+				end: '2014-10-13',
+				borderColor: 'red'
+			},
+			{
+				title: 'off',
+				start: '2014-10-13',
+				end: '2014-10-16'	
+			},
+			{
+				title: 'Contract',
+				start: '2014-10-16',
+				end: '2014-10-31'
+			},
+			{
+				title: 'Contract',
+				start: '2014-11-03',
+				end: '2014-11-22'
+			},
+			{
+				title: 'Project',
+				start: '2014-12-01',
+				end: '2014-12-06'
+			},
+			{
+				title: 'Project',
+				start: '2014-12-08',
+				end: '2014-12-13'
+			},
+			{
+				title: 'Holiday',
+				start: '2014-12-22',
+				end: '2015-01-05',
+				borderColor: 'red'
+			},
+			{
+				title: 'Project',
+				start: '2015-01-06',
+				end: '2015-01-25'
+			},
+			{
+				title: 'Project',
+				start: '2015-02-02',
+				end: '2015-02-14'
+			},
+			{
+				title: 'Holiday',
+				start: '2015-02-14',
+				end: '2015-02-19',
+				borderColor: 'red'
+			}
+	]
+});
+
+
+		
+});

js/jasny-bootstrap.js

@@ -316,54 +316,3 @@
   })
 
 }(window.jQuery);
-
-/* ========================================================================
- * Bootstrap: transition.js v3.1.3
- * http://getbootstrap.com/javascript/#transitions
- * ========================================================================
- * Copyright 2011-2014 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- * ======================================================================== */
-
-
-+function ($) {
-  'use strict';
-
-  // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
-  // ============================================================
-
-  function transitionEnd() {
-    var el = document.createElement('bootstrap')
-
-    var transEndEventNames = {
-      WebkitTransition : 'webkitTransitionEnd',
-      MozTransition    : 'transitionend',
-      OTransition      : 'oTransitionEnd otransitionend',
-      transition       : 'transitionend'
-    }
-
-    for (var name in transEndEventNames) {
-      if (el.style[name] !== undefined) {
-        return { end: transEndEventNames[name] }
-      }
-    }
-
-    return false // explicit for ie8 (  ._.)
-  }
-
-  if ($.support.transition !== undefined) return  // Prevent conflict with Twitter Bootstrap
-
-  // http://blog.alexmaccaw.com/css-transitions
-  $.fn.emulateTransitionEnd = function (duration) {
-    var called = false, $el = this
-    $(this).one($.support.transition.end, function () { called = true })
-    var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
-    setTimeout(callback, duration)
-    return this
-  }
-
-  $(function () {
-    $.support.transition = transitionEnd()
-  })
-
-}(window.jQuery);

single.php

@@ -1,15 +1,12 @@
 <?php get_header(); ?>
+
 	<div class="container">
-		<div id="content" role="main">
+		<article id="content" class="single" role="main">
 			<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 			<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 				<div class="entry-content">
 					<div class="date">
-						<?php the_date('M j, Y g:i a '); ?>		
-						<div class="meta">
-							<?php dw_posted_at(); ?>
-							<p><small><?php edit_post_link('Edit');?></small><p>
-						</div>
+						<?php the_time('n/j/Y'); ?>	
 					</div>
 					<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'daw' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>
 					<?php the_content(); ?>
@@ -22,6 +19,7 @@
 				</div>
 			</div>
 			<?php endwhile; ?>
-		</div>
+		</article>
 	</div>
+	
 <?php get_footer(); ?>