weriwas

css/fullcalendar.css

@@ -649,7 +649,7 @@ a.fc-more:hover {
 }
 
 .fc-basic-view tbody .fc-row {
-	min-height: 4em; /* ensure that all rows are at least this tall */
+	min-height: 3em; /* ensure that all rows are at least this tall */
 }
 
 /* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */

footer-home.php

@@ -1,7 +1,30 @@
 <div class="container-fluid footer-home dark">
 	<div class="container">
 		<div class="row">
-			<div class="col-md-3 col-sm-offset-9">
+			<div class="col-sm-3">
+				<ul style="float:left;margin-right:10px;">
+					<li><a href="<?php echo home_url( '/' ); ?>about"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
+					<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
+				</ul>
+				<ul>
+					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-lightbulb-o fa-fw"></span> Studio</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-4">
+				<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="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-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://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="http://windhamdavid.tumblr.com/" class=""><span class="fa fa-2x fa-tumblr-square"></span></a></li>		
+				</ul>
+			</div>
+			<div class="col-md-3 col-sm-offset-5">
 				<p class="small dim right">&copy; 2005-2015<br />
 				<span class="small dull right">This website uses cookies</span></p>
 			</div>

footer-studio.php

@@ -0,0 +1,36 @@
+<div class="container-fluid footer-home dark">
+	<div class="container">
+		<div class="row">
+			<div class="col-sm-3">
+				<ul style="float:left;margin-right:10px;">
+					<li><a href="<?php echo home_url( '/' ); ?>about"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
+					<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
+				</ul>
+				<ul>
+					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-lightbulb-o fa-fw"></span> Studio</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
+					<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
+				</ul>
+			</div>
+		</div>
+		<div class="row">
+			<div class="col-md-4">
+				<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="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-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://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="http://windhamdavid.tumblr.com/" class=""><span class="fa fa-2x fa-tumblr-square"></span></a></li>		
+				</ul>
+			</div>
+			<div class="col-md-3 col-sm-offset-5">
+				<p class="small dim right">&copy; 2005-2015<br />
+				<span class="small dull right">This website uses cookies</span></p>
+			</div>
+		</div>
+	</div>
+</div>
+<?php wp_footer(); ?>
+</body>
+</html>

front-page.php

@@ -13,7 +13,7 @@
 <meta name="description" content="David A. Windham - Zeken Woozer Enterprises, Un-Ltd. South Carolina USA" />
 <meta name="author" content="David Windham">
 <link rel='canonical' href='https://davidawindham.com/' />
-<style>address,article,aside,audio,blockquote,body,canvas,del,dfn,div,em,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,label,li,menu,nav,object,ol,p,pre,section,small,span,strong,sub,sup,table,time,ul,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{padding:0;margin:0;background:rgba(242,242,242,.7);color:#666;font-size:12px;line-height:18px}h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}p{font-size:14px;margin-bottom:8px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px;margin-bottom:15px}a:link,a:visited{color:#000;text-decoration:none}a:active,a:hover{color:#757576;text-decoration:none}a:active,a:focus,input{outline:0}.screen-reader-text{position:absolute;left:-9000px}.header{margin:0 0 50px}.container{margin:0 auto;text-align:center}.card .content{margin:100px auto;width:450px;background:#fff;padding:70px 20px 40px;-webkit-animation-name:none;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-duration:400s;border-top:1px solid #fff;box-shadow:0 3px 5px #cbcbcb;border-radius:4px}#icon{display:block;box-sizing:border-box;margin:0 0 -34px 50px;padding:0;width:50px;height:50px;background:#FFF}.card .search{margin:10px}.card-bottom{margin-top:20px}.contact-info{font-size:12px}@media (max-width:480px){.card .content{margin:50px auto;-webkit-animation-name:none;width:85%}.header{margin:0 0 55px}#icon{display:inline;box-sizing:border-box;margin:0;padding:0;width:50px;height:50px;background:#FFF}}[data-action="retry"]{display:inline!important;}</style>
+<style>address,article,aside,audio,blockquote,body,canvas,del,dfn,div,em,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,label,li,menu,nav,object,ol,p,pre,section,small,span,strong,sub,sup,table,time,ul,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}body{padding:0;margin:0;background:rgba(242,242,242,.7);color:#666;font-size:12px;line-height:18px}h1,h2,h3,h4,h5,h6{clear:both;font-weight:400}p{font-size:14px;margin-bottom:8px}h2{font-size:16px}h3{font-size:14px}h4{font-size:13px;margin-bottom:15px}a:link,a:visited{color:#000;text-decoration:none}a:active,a:hover{color:#2a6496;text-decoration:none}a:active,a:focus,input{outline:0}.screen-reader-text{position:absolute;left:-9000px}.header{margin:0 0 50px}.container{margin:0 auto;text-align:center}.card .content{margin:100px auto;width:450px;background:#fff;padding:70px 20px 40px;-webkit-animation-name:none;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-webkit-animation-duration:400s;border-top:1px solid #fff;box-shadow:0 3px 5px #cbcbcb;border-radius:4px}#icon{display:block;box-sizing:border-box;margin:0 0 -34px 50px;padding:0;width:50px;height:50px;background:#FFF}.card .search{margin:10px}.card-bottom{margin-top:20px}.contact-info{font-size:12px}@media (max-width:480px){.card .content{margin:50px auto;-webkit-animation-name:none;width:85%}.header{margin:0 0 55px}#icon{display:inline;box-sizing:border-box;margin:0;padding:0;width:50px;height:50px;background:#FFF}}[data-action="retry"]{display:inline!important;}</style>
 </head>
 <body>
 <div class="container card">

functions.php

@@ -63,13 +63,10 @@ function dw_scripts() {
 	}
 	
 	elseif ( is_page('studio') ) {
-		wp_enqueue_style( 'cal', get_template_directory_uri() . '/css/fullcalendar.css');
 		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( 'scripts', get_template_directory_uri() . '/js/scripts.js', 'jquery', '', true );
 		wp_enqueue_script( 'init', get_template_directory_uri() . '/js/studio.js', 'jquery', '', true );
 	}

header-studio.php

@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en-US">
+<head>
+<!--
+	     .     . .              .       .  . 
+	. . ...-..-| |-. .-. .-.-..-| .-.. ...-| 
+	 ` ` '' '`-'-' '-`-`-' ' '`-'-`-`-` '`-'-
+-->
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="description" content="Studio | David A. Windham" />
+<title><?php dw_page_title();?></title>
+<?php wp_head(); ?>
+</head>
+<body>
+<?php get_template_part('loader') ?>
+<header id="header">
+	<div id="nav">
+		<div class="navbar navbar-fixed-top">
+			<div class="container">
+				<div class="site-title">
+					<a href="#" class="navbar-brand navbar-right light"  data-toggle="offcanvas" data-target=".navmenu" title="David A. Windham" rel="home">David A. Windham</a>			
+				</div>
+			</div>
+		</div>
+	</div>
+</header>
+<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( '/' ); ?>" class="list-group-item"><span class="fa fa-home fa-fw"></span> Home</a></li>
+		<li><a href="<?php echo home_url( '/' ); ?>about" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
+		<li><a href="<?php echo home_url( '/' ); ?>desk" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</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>
+	</ul>
+</nav>

inc/tweaks.php

@@ -35,6 +35,11 @@ function dw_hide() {
     </style>
 <?php }
 
+function custom_excerpt_length( $length ) {
+	return 20;
+}
+add_filter( 'excerpt_length', 'custom_excerpt_length', 999 );
+
 add_filter('wp_mail_from', 'dw_fromemail');
 function dw_fromemail($email) {
 	$wpfrom = get_option('admin_email');

js/front-page.js

@@ -29,8 +29,12 @@
 
 
 $(document).ready(function(){
-    $('a.swap').swapAttr().css({'color':'#ccc'});
-    $('#link2').swapAttr('rel');
+	$("a").hover(function() {
+		var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
+		$(this).stop().animate({ color: col}, 600); },
+		function() {
+			$(this).stop().animate({ color: col}, 400);
+	});
 	
 	var iconmorph = new SVGMorpheus('#icon')
 	$( "a.zw-card" ).hover(function() {

js/studio.js

@@ -2,324 +2,98 @@ new WOW().init();
 
 jQuery(document).ready(function($) {
 	
-$(window).bind('load', function() {
-	$('#loader').fadeOut(700);
-});
-
-
-/*============================================
-		      Welcome Cookies
-==============================================*/
-
-$(function dw_set_cookie() {
-	var COOKIE = 'windhamdavid-cookie';
-	var dwcookie = $.cookie(COOKIE);
-	if (dwcookie == null) {
-		$.cookie(COOKIE, 'yum-cookies', { expires: 7, path: '/'});
-		$('.terminal-welcome').modal('show');	
-		$('.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. \nWhat is your name?^200\n'],
-			typeSpeed: 30,
-			backSpeed: 50,
-			startDelay: 0,
-			backDelay: 0,
-			loop: false,
-			loopCount: false,
-			attr: null,
-			callback: function(){
-				dw_terminal();
-			 }
-		});
-		$('.first-slide').css('visibility','hidden');	
-	}
-	else {
-		$('.terminal').modal('show');
-		if (localStorage.getItem('person') === null) {
-			var person = 'anonymous person';
-		}
-		else {
-			var person = localStorage.getItem('person');
-		}
-		$('.welcome-back-text').typed({
-			strings: ['...', 'Welcome back ' +person],
-			typeSpeed: 30,
-			backSpeed: 50,
-			startDelay: 0,
-			backDelay: 0,
-			loop: false,
-			loopCount: false,
-			attr: null,
-			callback: function(){	
-				dw_terminal();	
-			 }
-		});
-		$('.first-slide').css('visibility','hidden');
-		$('.terminal').on('hidden.bs.modal', function () {
-		    dw_caro();
-			$('.first-slide').css('visibility','visible');
-		});
-	}
-});
-	
-function dw_shift() {
-	$('.terminal-welcome').modal('hide');
-	$('.terminal-welcome').on('hidden.bs.modal', function () {
-	    dw_caro();
-		$('.first-slide').css('visibility','visible');
+	$(window).bind('load', function() {
+		$('#loader').fadeOut(100);
 	});
-}
 
+	$('.nav-toggle').on('touchstart click', function(e) {
+		e.preventDefault();
+		$( this ).toggleClass( 'active' );
+	});
 
-/*============================================
-		      Terminal
-==============================================*/
-(function ($){
-	$.fn.cli = function(handler, prompt, effect){
-		if (!prompt) prompt = '<span class="u">you</span><span class="at">@</span><span class="mee">david</span>&nbsp;&gt;&nbsp;';
-		if (!effect) effect = $.fn.text;
-		return this.each(function(){
-			var self = $(this);
-			function newline(){
-				self.
-				 append('<p class=input><span class=prompt>'+prompt+'</span><span  style=outline:none contenteditable></span></p>');
-				try {
-					$('[contenteditable]', self)[0].focus();
-				}catch(e){
-				}
+	$(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');
+						$('.site-title a').removeClass('light');
+					} else {
+						$('.navbar').removeClass('visible fixed');
+						$('.site-title a').addClass('light');
+					}
+			} 
+			else {
+				$('.navbar').removeClass('visible');
+				if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
 			}
-			newline();
-			self.on('keydown', '[contenteditable]', function(evt){
-				if (evt.keyCode === 13){
-					$(this).removeAttr('contenteditable');
-					effect.call($('<p class=response>').appendTo(self),handler(this.textContent || this.innerText));
-					newline();
-					return false;
-				}
-			});
+			this.previousTop = currentTop;
+			}  
+		);
+	});
+
+	$('.caro-grad').appear();
+	$('.caro-grad').one('appear', dw_appear);
+	function dw_appear() {
+		$('#caro').carousel({
+			interval: 7000,
+			wrap: true,
+			pause: false,
+			keyboard: true
 		});
+		var anima = new DrawFillSVG({elementId: 'svg-imac'});
+		anima.replay();
 	};
-})(jQuery);
 
-function dw_terminal(){
-	function type(text){
-		var span = $('<span>').appendTo(this).after('<span id="blinker" style="background:green">&nbsp;&nbsp;</span>');
-		var style = $('<style>p.input {visibility: hidden} p.input.old {visibility: visible}</style>').appendTo('head');
-		$('p.input').addClass('old');
-		var progress = 0;
-		var timer = setInterval (function(){
-			span.text(text.substr(0, progress++));
-			if (progress > text.length){
-				$('#blinker').remove();
-				style.remove();
-				$('[contenteditable]')[0].focus();
-				clearInterval(timer);
-			}
-		},100);
-	}
-	$('.thermo-intro').cli(function(text){
-		if (text.length > 1) {
-			localStorage.setItem('person', text),
-			dw_shift();
-		};
-		return '';
-		}, null, type);
-	$('.thermo').cli(function(text){
-		if (/exit/i.test(text)) {
-			$('.terminal').modal('hide');
-		}
-		if (/help/i.test(text)) return "I need somebody. Type 'exit' to close";
-		if (/hello/i.test(text)) return "Hello to you!";
-		if (/what/i.test(text)) return "This is a website silly human";
-		if (/and/i.test(text)) return "and what?";
-		if (/who/i.test(text)) return "David A. Windham";
-		if (/when/i.test(text)) return "Yesterday";
-		if (/how/i.test(text)) return "JavaScript is a dynamic computer programming language";
-		if (/why/i.test(text)) return "For fun";
-		if (/you/i.test(text)) return "your mama";
-		if (/cd ../i.test(text)) return "Oh, I see";
-		if (/thermonuclear/i.test(text)) return "Wouldn't you prefer a nice game of chess?";
-		if (text.length < 3) return "type 'exit' to close";
-		return 'command not found: '+text;
-		}, null, type);
-	$('p.input').on('touchstart click', function(e) {
-		e.preventDefault();
-		$('[contenteditable]')[0].focus();
+	$(document).bind('keyup', function(e) {
+	    if(e.which === 39){
+			$('#caro').carousel('next');
+	    }
+	    else if(e.which === 37){
+			$('#caro').carousel('prev');
+	    }
 	});
-}
-
-
-/*============================================
-		     Navigation 
-==============================================*/
-
-$('.nav-toggle').on('touchstart click', function(e) {
-	e.preventDefault();
-	$( this ).toggleClass( 'active' );
-});
-
-$('#nav').affix({
-	//offset: {top: $('.intro').height()-$('.navbar').height()}
-});	
-
-$(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');
-					$('.site-title a').removeClass('light');
-				} else {
-					$('.navbar').removeClass('visible fixed');
-					$('.site-title a').addClass('light');
-				}
-		} 
-		else {
-			$('.navbar').removeClass('visible');
-			if (currentTop > headerHeight && !$('.navbar').hasClass('fixed')) $('.navbar').addClass('fixed');
-		}
-		this.previousTop = currentTop;
-		}  
-	);
-});
-
 
-/*============================================
-		      Carousel 
-==============================================*/
-
-$('.caro-grad').appear();
-$('.caro-grad').one('appear', dw_appear);
-function dw_appear() {
-	$('#caro').carousel({
-		interval: 5555,
-		wrap: false,
-		pause: false
+	$('#caro').on('slid.bs.carousel', function(event) {
+		var consta = $(event.target);
+		setTimeout(function() {
+			if (consta.find('.item.active').data('id') === 1) {
+				$('#studio-caro').addClass('caro-grad').removeClass('caro-grad3 caro-grad2');
+			}
+			if (consta.find('.item.active').data('id') === 2) {
+				$('#studio-caro').removeClass('caro-grad caro-grad3').addClass('caro-grad2');
+			}
+			if (consta.find('.item.active').data('id') === 3) {	
+				$( '#studio-caro' ).addClass('caro-grad3').removeClass('caro-grad2 caro-grad');
+			}
+		}, 10);
 	});
-	var anima = new DrawFillSVG({elementId: 'sv'});
-	anima.replay();
-};
-
-$(document).bind('keyup', function(e) {
-    if(e.which === 39){
-		//$('#caro-lead').carousel('next');
-		$('#caro').carousel('next');
-    }
-    else if(e.which === 37){
-		//$('#caro-lead').carousel('prev');
-		$('#caro').carousel('prev');
-    }
-});
 
-
-
-/*============================================
-		      SVG Animate
-==============================================*/
-
-$('#caro').on('slid.bs.carousel', function() {
-	$('.active .animac').removeClass('hide-svg fade-svg');
-	var animac = new DrawFillSVG({elementId: 'svg-mac'});
-	var animac1 = new DrawFillSVG({elementId: 'svg-imac'});
-	var animac2 = new DrawFillSVG({elementId: 'svg'});
-	animac.replay();
-	animac1.replay();
-	animac2.replay();
-});
-
-$('#caro').on('slide.bs.carousel', function() {
-	$('.active #svg-imac.bg').attr('class', 'svg screen');
-	$('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
-	    $(this).addClass('hide-svg');
-	    hideit();
+	$('#caro').on('slid.bs.carousel', function() {
+		$('.active .animac').removeClass('hide-svg fade-svg');
+		var animac = new DrawFillSVG({elementId: 'svg-imac'});
+		var animac1 = new DrawFillSVG({elementId: 'sv'});
+		var animac2 = new DrawFillSVG({elementId: 'svg-mac'});
+		animac.replay();
+		animac1.replay();
+		animac2.replay();
 	});
-});
 
-$('#caro').on('slid.bs.carousel', function() {
-	$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
-	    $(this).attr('class', 'bg');
-	    screenit();
+	$('#caro').on('slide.bs.carousel', function() {
+		$('.active #svg-imac.bg').attr('class', 'svg screen');
+		$('.active .animac').addClass('fade-svg').delay(1000).queue(function(hideit){
+		    $(this).addClass('hide-svg');
+		    hideit();
+		});
 	});
-});
-
-
-
-		
-/*============================================
-		      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'
-			},
-			{
-				title: 'Project',
-				start: '2015-02-19',
-				end: '2015-03-07'
-			}
-	]
-});
-
 
+	$('#caro').on('slid.bs.carousel', function() {
+		$('.active #svg-imac.screen').delay(2500).queue(function(screenit){
+		    $(this).attr('class', 'bg');
+		    screenit();
+		});
+	});
 		
 });

page-about.php

@@ -71,17 +71,15 @@ get_header('home'); ?>
 	</div>
 	<div class="container-fluid posts-front">
 		<div class="container">
-			<h3 class="dim cm-sans wow fadeIn" data-wow-offset="600">Desk:</h3>
+			<h3 class="light cm-sans wow fadeIn" data-wow-offset="600">Desk:</h3>
 			<div class="row">
 				<div class="col-sm-4 wow fadeInLeft" data-wow-offset="500">
 					<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(); ?>>
-							<div class="entry-content">
-								<h3 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></h3>
-								<?php the_excerpt(); ?>
-							</div>
+						<div class="entry-content">
+							<h4><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></h4>
+							<?php dw_good_excerpt(110); ?>
 						</div>
 						<?php endwhile; ?>
 					</article>
@@ -90,11 +88,9 @@ get_header('home'); ?>
 					<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(); ?>>
-							<div class="entry-content">
-								<h3 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></h3>
-								<?php the_excerpt(); ?>
-							</div>
+						<div class="entry-content">
+							<h4><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></h4>
+							<?php dw_good_excerpt(110); ?>
 						</div>
 						<?php endwhile; ?>
 					</article>
@@ -103,11 +99,9 @@ get_header('home'); ?>
 					<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(); ?>>
-							<div class="entry-content">
-								<h3 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></h3>
-								<?php the_excerpt(); ?>
-							</div>
+						<div class="entry-content">
+							<h4><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></h4>
+							<?php dw_good_excerpt(110); ?>
 						</div>
 						<?php endwhile; ?>
 					</article>
@@ -119,7 +113,7 @@ get_header('home'); ?>
 		<div class="container light">
 			<div class="row dim">
 				<div class="col-sm-6">
-					<h4>Who</h4>
+					<h4 class="light">Who</h4>
 						<p><img class="me" src="<?php echo get_template_directory_uri();?>/img/me.png">
 							Hello People of the Internet. As you may have discerned, my name is David Windham. Usually when I fill in a bio on a page, I just write 'something else' because I'm not fond of describing myself. I'm a just a simple man living in South Carolina. Here is a <a href="bio">Bio</a> and <a href="CV">CV</a>
 						</p>
@@ -127,11 +121,11 @@ get_header('home'); ?>
 				<div class="col-xs-6">
 					<div class="row">
 						<div class="col-sm-7">
-							<h4>What</h4>
+							<h4 class="light">What</h4>
 							<p>Developer, Designer, Programmer, Artist, Illustrator, Problem Solver, Team Player, Creative, Innovative, Critical, Persistant, Motivated, Productive, Detail Oriented, Responsive, and Occasionally On Task.<p>
 						</div>
 						<div class="col-sm-5">
-							<h4>How</h4>
+							<h4 class="light">How</h4>
 							<div class="table-responsive">
 							  <table class="table table-condensed icons" style><tbody>
 									<tr>
@@ -169,8 +163,7 @@ get_header('home'); ?>
 		<div class="container">
 			<div class="row">
 				<div class="col-sm-8">
-				<div class="row">
-					<h4 class="dim">Why <small>(<i>You'll have to tell me</i>)</small></h3>
+					<h4 class="light">Why <small>(<i>You'll have to tell me</i>)</small></h3>
 					<form action="//davidawindham.us1.list-manage.com/subscribe/post?u=f581cb29340364ff0a4421d5c&amp;id=d7b8f624d3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
 						<div class="form-row texts">
 							<label class='text-field'>
@@ -208,42 +201,8 @@ get_header('home'); ?>
 						</div>
 					</form>
 				</div>
-				<div class="row" style="padding-top:30px;">
-					<div class="row">
-						<div class="col-sm-2">
-							<ul>
-								<li><a href="<?php echo home_url( '/' ); ?>about"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
-								<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
-								<li><a href="http://code.davidawindham.com"><span class="fa fa-code fa-fw"></span> Code</a></li>
-							</ul>
-						</div>
-						<div class="col-sm-2">
-							<ul>
-								<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-lightbulb-o fa-fw"></span> Studio</a></li>
-								<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
-								<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
-							</ul>
-						</div>
-					</div>
-					<div class="row">
-						<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="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-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://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-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="http://vimeo.com/windhamdavid" class=""><span class="fa fa-2x fa-vimeo-square"></span></a></li>
-						</ul>
-					</div>
-					<div class="col-sm-2">
-					</div>
-					<div class="col-sm-6">
-
-					</div>
-				</div>
-			</div>
 				<div class="col-sm-4">
-					<h4 class="dim">When</h4>
+					<h4 class="light">When</h4>
 					<div class="calendar"></div>
 				</div>
 			</div>

page-studio.php

@@ -1,21 +1,40 @@
-<?php get_header('home'); ?>
-	<div class="container-fluid leader caro-grad">
+<?php get_header('studio'); ?>
+	<div id="studio-caro" class="container-fluid leader caro-grad">
 		<div id="caro" class="carousel slide">
 			<ol class="carousel-indicators">
 			    <li data-target="#caro" data-slide-to="0" class="active"></li>
 			    <li data-target="#caro" data-slide-to="1"></li>
 			    <li data-target="#caro" data-slide-to="2"></li>
-				<li data-target="#caro" data-slide-to="3"></li>
 			  </ol>
 			<div class="carousel-inner">
-				<div class="item active">
+				<div class="item active" data-id="1">
 					<div class="container animac">
+						<div class="row">
+							<div class="col-sm-6">
+								<h1 class="light super cm-sans">Project Title</h1>
+								<h4 class="light cm">And a Fun Tagline Too</h4>
+								<h5 class="light">How about a couple lines for a description<br/>A second line</h5>
+							</div>
+							<div class="col-sm-6">
+								<svg id="svg-imac" viewBox="0 0 460 400">
+									<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2" stroke-miterlimit="10" d="M312.5,381.9l-26.5-26.4c-6.5-7.7-5.6-33.4-5.5-37h-99.9c0.1,3.6,1,29.2-5.5,37l-26.5,26.4c-1.1,1.3-1.6,2.3-1.5,3.1h0c0.7,7,6.1,5.8,12.4,5.8h142c6.1,0,11.3,1.2,12.3-5.1C314.2,384.8,313.9,383.6,312.5,381.9L312.5,381.9z"/>
+									<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.2,5,23v281.6c0,7.7,6.5,14.5,13.9,14.5h423.2c7.4,0,13.9-6.7,13.9-14.5V23C456,15.2,449.5,9,442.1,9z M438,249H23V26h415V249z"/>
+									<path fill="#FFFFFF" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M238.7,294.2c0-3.8,3.1-5.7,3.3-5.8c-1.8-2.6-4.6-3-5.5-3c-2.4-0.2-4.6,1.4-5.8,1.4s-3.1-1.4-5-1.3c-2.6,0-5,1.5-6.3,3.8c-2.7,4.6-0.7,11.5,1.9,15.3c1.3,1.8,2.8,3.9,4.8,3.8c1.9-0.1,2.6-1.2,5-1.2c2.3,0,3,1.2,5,1.2c2.1,0,3.4-1.9,4.6-3.7c1.5-2.1,2.1-4.2,2.1-4.3C242.7,300.3,238.7,298.8,238.7,294.2 M234.9,282.9c1.1-1.3,1.8-3.1,1.6-4.8c-1.5,0.1-3.4,1-4.5,2.3c-1,1.1-1.8,3-1.6,4.7C232.1,285.2,233.8,284.2,234.9,282.9"/>
+									<path fill="#3C4650" stroke="#3C4650" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.4,5,23.5V269h451V23.5C456,15.4,449.5,9,442.1,9z M438,249H22V26h416V249z"/>
+									<path fill="none" stroke="#141E28" stroke-width="2" stroke-miterlimit="10" d="M22.5,26.1h415.7v223.2H22.5V26.1z"/>
+								</svg>
+							</div>
+						</div>
+					</div>
+				</div>
+				<div class="item" data-id="2">
+					<div class="container animac hide-svg">
 						<div class="row">
 							<div class="col-sm-6">
 								<h1 class="light cm"></h1>
 							</div>
 							<div class="col-sm-6">
-								<svg xmlns="http://www.w3.org/2000/svg" id="sv" height="200px" viewBox="-450 469 298 342">
+								<svg id="sv" height="200px" viewBox="-450 469 298 342">
 								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#1572B6" d="M-422.9,777.3l-27.1-303.6h297.4l-27.1,303.6L-301.4,811L-422.9,777.3z"/>
 								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#33A9DC" d="M-301.2,785.2l98.4-27.3l23.2-259.4h-121.6V785.2z"/>
 								<path stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" fill="#EBEBEB" d="M-301.2,608.5v23.1v14v0.1H-342h-0.1l-0.7-8.4l-1.7-18.9l-0.9-10H-301.2z"/>
@@ -28,9 +47,9 @@
 						</div>
 					</div>
 				</div>
-				<div class="item">
+				<div class="item" data-id="3">
 					<div class="container animac hide-svg">
-						<svg xmlns="http://www.w3.org/2000/svg" id="svg-mac" class="svg" viewBox="0 0 960 480" preserveAspectRatio="xMinYMin meet">
+						<svg id="svg-mac" class="svg" height="300px" viewBox="0 0 960 480">
 							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10" d="M570.14 440.2l-29.165-28.99c-7.103-8.5-6.152-36.718-6.02-40.665H425.048c.133 3.947 1.082 32.164-6.018 40.666l-29.166 28.99c-1.237 1.404-1.712 2.505-1.623 3.37h-.054c.76 7.727 6.664 6.332 13.607 6.332H558.01c6.696 0 12.412 1.27 13.493-5.56.58-.953.274-2.282-1.364-4.14z"/>
 							<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M727.488 355.125c0 8.514-6.597 15.42-14.738 15.42h-465.5c-8.14 0-14.74-6.906-14.74-15.42V45.42c0-8.517 6.6-15.42 14.74-15.42h465.5c8.142 0 14.738 6.903 14.738 15.42v309.705z"/>
 							<path fill="#fff" stroke="#C8D2DC" stroke-width="2px" stroke-miterlimit="10" d="M489.01 343.713c-.042-4.223 3.447-6.254 3.605-6.352-1.963-2.866-5.018-3.263-6.102-3.31-2.602-.26-5.074 1.53-6.39 1.53s-3.356-1.49-5.506-1.448c-2.836.04-5.445 1.645-6.907 4.182-2.942 5.11-.75 12.672 2.116 16.814 1.4 2.02 3.072 4.305 5.268 4.22 2.114-.08 2.913-1.362 5.467-1.362 2.556 0 3.274 1.363 5.51 1.322 2.273-.04 3.716-2.064 5.105-4.098 1.61-2.35 2.273-4.63 2.313-4.748-.05-.02-4.434-1.7-4.48-6.75M484.807 331.31c1.168-1.41 1.953-3.37 1.738-5.327-1.68.068-3.713 1.12-4.916 2.53-1.08 1.247-2.027 3.245-1.77 5.16 1.87.143 3.784-.95 4.947-2.362"/>
@@ -39,99 +58,37 @@
 						</svg>
 					</div>
 				</div>
-				<div class="item">
-					<div class="container animac hide-svg">
-						<div class="row">
-							<div class="col-sm-6">
-								<h1 class="light super cm-sans">Computer Modern Font</h1>
-							</div>
-							<div class="col-sm-6">
-								<svg xmlns="http://www.w3.org/2000/svg" id="svg-imac" class="svg screen" viewBox="0 0 460 400" preserveAspectRatio="xMinYMin meet">
-									<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2" stroke-miterlimit="10" d="M312.5,381.9l-26.5-26.4c-6.5-7.7-5.6-33.4-5.5-37h-99.9c0.1,3.6,1,29.2-5.5,37l-26.5,26.4c-1.1,1.3-1.6,2.3-1.5,3.1h0c0.7,7,6.1,5.8,12.4,5.8h142c6.1,0,11.3,1.2,12.3-5.1C314.2,384.8,313.9,383.6,312.5,381.9L312.5,381.9z"/>
-									<path fill="#C8D2DC" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.2,5,23v281.6c0,7.7,6.5,14.5,13.9,14.5h423.2c7.4,0,13.9-6.7,13.9-14.5V23C456,15.2,449.5,9,442.1,9z M438,249H23V26h415V249z"/>
-									<path fill="#FFFFFF" stroke="#C8D2DC" stroke-width="2" stroke-miterlimit="10" d="M238.7,294.2c0-3.8,3.1-5.7,3.3-5.8c-1.8-2.6-4.6-3-5.5-3c-2.4-0.2-4.6,1.4-5.8,1.4s-3.1-1.4-5-1.3c-2.6,0-5,1.5-6.3,3.8c-2.7,4.6-0.7,11.5,1.9,15.3c1.3,1.8,2.8,3.9,4.8,3.8c1.9-0.1,2.6-1.2,5-1.2c2.3,0,3,1.2,5,1.2c2.1,0,3.4-1.9,4.6-3.7c1.5-2.1,2.1-4.2,2.1-4.3C242.7,300.3,238.7,298.8,238.7,294.2 M234.9,282.9c1.1-1.3,1.8-3.1,1.6-4.8c-1.5,0.1-3.4,1-4.5,2.3c-1,1.1-1.8,3-1.6,4.7C232.1,285.2,233.8,284.2,234.9,282.9"/>
-									<path fill="#3C4650" stroke="#3C4650" stroke-width="2" stroke-miterlimit="10" d="M442.1,9H18.9C11.5,9,5,15.4,5,23.5V269h451V23.5C456,15.4,449.5,9,442.1,9z M438,249H22V26h416V249z"/>
-									<path fill="none" stroke="#141E28" stroke-width="2" stroke-miterlimit="10" d="M22.5,26.1h415.7v223.2H22.5V26.1z"/>
-								</svg>
-							</div>
-						</div>
-					</div>
-				</div>
-				<div class="item">
-					<div class="container animac hide-svg">
-						<svg xmlns="http://www.w3.org/2000/svg" id="svg" class="svg" width="250px" height="250px" preserveAspectRatio="xMinYMin meet">
-							<path fill="#3C4650" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M0.5,125a124.5,124.5 0 1,0 249,0a124.5,124.5 0 1,0 -249,0"/>
-							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M242.8,131.8c-0.4-29.9-22.1-50.1-48.1-50c-16.9,0-28.6,8.4-28.6,8.4s12.7-16.2,12.6-36.9c-0.2-24.7-23-47.9-52.4-47.9C97.6,5.4,71.8,26,72.3,55.5C72.6,76.3,85,90.2,85,90.2c0,0-13.9-8.7-29-8.2C16.5,83,6.6,115.8,7.3,132.9c1.2,33.4,15.4,53.8,52.7,54.2c34.2,0.4,54.9-32.3,61-43.5c1.5-9.5,0-13.9,0-13.9c-3.1,1.6-14.5,27.9-35.6,16.1c-6.8-3.8-8.8-16.7-5.2-26.3c6.3-16.9,18.3-18.7,36-40.3c6.8-8.3,8.2-13.6,8.2-13.6s1.2,5.2,7.8,13.2c17.4,21.2,30.1,23.6,36.7,40.4c4.1,10.4,1.8,23-6,26.9c-20.3,10.1-31.4-15.1-34.9-16.5c0,0-1.2,4,0.1,12.8c2.6,5.7,21.7,44.2,64,44.2C226.3,186.6,243.1,156.2,242.8,131.8z"/>
-							<path fill="#B4BEC8" stroke="#B4BEC8" stroke-width="2px" stroke-miterlimit="10"  d="M124.5,154.1c0,0-10.8,37.5-12.7,41.9c-4.9,11.3-26.6,38.8-26.6,38.8s25.2-2.8,40.4-2.8c15.6,0,39.2,3.2,39.2,3.2s-22.8-28.1-27.6-39.6C135.4,191.2,124.5,154.1,124.5,154.1z"/>
-						</svg>
-					</div>
-				</div>
+				
 			</div>
 		</div>
 	</div>
 	<div class="container">
-		<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">
-					<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(); ?>
-				</div>
-			</div>
-			<?php endwhile; ?>
-		</article>
-	</div>
-	<div class="container-full dark bottom">
-		<div class="container">
-			<div class="row">
-				<div class="col-sm-8">
-					<h3 class="light">Subscribe / Contact</h3>
-					<p class="dim">Subscribe to be notified of new postings or contact me and I'll get back with you.</p>
-					<form action="//davidawindham.us1.list-manage.com/subscribe/post?u=f581cb29340364ff0a4421d5c&amp;id=d7b8f624d3" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-						<div class="form-row texts">
-							<label class='text-field'>
-								<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
-							<strong>First name <span class='req'>*</span></strong>
-							</label>
-							<label class='text-field'>
-								<input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Windham' required>
-							<strong>Last name <span class='req'>*</span></strong>
-							</label>
-						</div>
-						<div class="form-row texts">
-							<label class='text-field'>
-								<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder='you@gmail.com' required>
-							<strong>Email address <span class='req'>*</span></strong>
-							</label>
-			
-							<label class='text-field'>
-								<input type="text" value="" name="COMPANY" class="" placeholder='Your Place'>
-							<strong>Company <i>or</i> School</strong>
-							</label>
+		<div class="row">
+			<div class="col-sm-3">
+				<article class="blurb">
+						<div class="entry-content">
+								<ul>
+									<li><a href="#"><span class="fa fa-desktop fa-fw"></span> Web</a></li>
+									<li><a href="#"><span class="fa fa-terminal fa-fw"></span> UX</a></li>
+									<li><a href="#"><span class="fa fa-film fa-fw"></span> Media</a></li>
+									<li><a href="#"><span class="fa fa-image fa-fw"></span> Photo</a></li>
+									<li><a href="#"><span class="fa fa-pencil fa-fw"></span> Graphic</a></li>
+									<li><a href="#"><span class="fa fa-paint-brush fa-fw"></span> Art</a></li>
+									<li><a href="#"><span class="fa fa-headphones fa-fw"></span> Music</a></li>
+								</ul>
 						</div>
-						<div class="contact-form-message">
-							<label class='text-field'>
-								<input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
-							<strong>Message</strong>
-							</label>
-						</div>
-							<input type="hidden" value="8" name="group[9585][8]">
-						<div style="position: absolute; left: -5000px;">
-							<input type="text" name="b_f581cb29340364ff0a4421d5c_d7b8f624d3" tabindex="-1" value="">
-						</div>
-						<div class="clear"></div>
-						<div class="actions">
-							<button type="submit" class="submit btn default" value="Subscribe" name="subscribe" id="mc-embedded-subscribe">Subscribe</button>
-							<span> ~ or ~ </span>
-							<button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact Me</button>
+				</article>
+			</div>
+			<div class="col-sm-9">
+				<article class="blurb">
+					<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
+						<div class="entry-content">
+							<?php the_content(); ?>
 						</div>
-					</form>
-				</div>
-				<div class="col-sm-4">
-				<div class="calendar"></div>
-				</div>
+					<?php endwhile; ?>
+				</article>
 			</div>
 		</div>
 	</div>
 	
-<?php get_footer('home'); ?>
+<?php get_footer('studio'); ?>

style.css

@@ -589,13 +589,6 @@ h5.contact {
 	box-shadow: 0 0 50px rgba(0,0,0,0.8);
 	padding: 100px 0;
 }
-.caro-grad {
-	background: #5E7A9B;
-	background: -webkit-linear-gradient(top, #355069 0, #5e7a9b 100%);
-	background: -moz-linear-gradient(top, #355069 0, #5e7a9b 100%);
-	background: -o-linear-gradient(top, #355069 0, #5e7a9b 100%);
-	background: linear-gradient(top, #355069 0, #5e7a9b 100%);
-}
 .about {
 	padding: 30px 0 0;
 }
@@ -628,7 +621,7 @@ h5.contact {
 	min-height: 400px;
 }
 #caro {
-	
+	min-height: 400px;
 }
 .hide-svg {
 	visibility: hidden;
@@ -658,7 +651,27 @@ h5.contact {
 	float: right;
 	background: transparent url('img/web.gif') no-repeat 28% 15%;
 }
-
+.caro-grad {
+	background: #5E7A9B;
+	background: -webkit-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: -moz-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: -o-linear-gradient(top, #355069 0, #5e7a9b 100%);
+	background: linear-gradient(top, #355069 0, #5e7a9b 100%);
+}
+.caro-grad2 {
+	background: #5E7A9B;
+	background: -webkit-linear-gradient(top, #000 0, #5e7a9b 100%);
+	background: -moz-linear-gradient(top, #000 0, #5e7a9b 100%);
+	background: -o-linear-gradient(top, #000 0, #5e7a9b 100%);
+	background: linear-gradient(top, #000 0, #5e7a9b 100%);
+}
+.caro-grad3 {
+	background: #5E7A9B;
+	background: -webkit-linear-gradient(top, #fff 0, #5e7a9b 100%);
+	background: -moz-linear-gradient(top, #fff 0, #5e7a9b 100%);
+	background: -o-linear-gradient(top, #fff 0, #5e7a9b 100%);
+	background: linear-gradient(top, #fff 0, #5e7a9b 100%);
+}
 .bg1 {
 	background-size: cover;
 	-webkit-background-size: cover;
@@ -970,9 +983,7 @@ h5.contact {
   -webkit-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
 }
-ul.social {
-	padding: 5px 15px;
-}
+
 ul.social li {
 	float: left;
 	padding: 1px 3px;
@@ -1081,13 +1092,20 @@ article h2 {
 article.home {
 	background: rgba(255, 255, 255, 0.9);
 	padding: 70px 60px;
-	border-radius: 10px;
-	min-height: 280px;
+	border-radius: 5px;
+	min-height: 180px;
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
 article.single {
 	background: #fff;
 	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }
+article.blurb {
+	background: #fff;
+	padding: 10px 15px;
+	margin:25px 0;
+	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
+}
 .post {
 	margin-bottom: 40px;
 }