footer

404.php

@@ -16,4 +16,4 @@
 			</div>
 		</div>
 	</div>
-<?php get_footer('studio'); ?>
+<?php get_footer('home'); ?>

footer-home.php

@@ -1,27 +1,26 @@
-<div class="container-fluid footer-home dark">
+<div class="container-fluid footer footer-home dark">
 	<div class="container">
 		<div class="row">
 			<div class="col-sm-3">
-				<ul style="float:left;margin-right:10px;">
+				<ul style="float:left;margin-right:5px;">
 					<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>
+					<li><a href="<?php echo home_url( '/' ); ?>shop"><span class="fa fa-credit-card fa-fw"></span> Shop</a></li>
 				</ul>
 				<ul>
+					<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-flask 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 class="social">			
+					<li><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
+					<li><a href="https://plus.google.com/+DavidWindham1" class="gplus" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
+					<li><a href="https://www.facebook.com/windhamdavid" class="facebook"><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="https://github.com/windhamdavid" class="github" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
 				</ul>
 			</div>
 			<div class="col-md-3 col-sm-offset-5">

footer-studio.php

@@ -1,27 +1,26 @@
-<div class="container-fluid footer-home dark">
+<div class="container-fluid footer footer-home dark">
 	<div class="container">
 		<div class="row">
 			<div class="col-sm-3">
-				<ul style="float:left;margin-right:10px;">
+				<ul style="float:left;margin-right:5px;">
 					<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>
+					<li><a href="<?php echo home_url( '/' ); ?>shop"><span class="fa fa-credit-card fa-fw"></span> Shop</a></li>
 				</ul>
 				<ul>
+					<li><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
 					<li><a href="<?php echo home_url( '/' ); ?>studio"><span class="fa fa-flask 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( '/' ); ?>shop"><span class="fa fa-credit-card fa-fw"></span> Shop</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 class="social">			
+					<li><a href="https://twitter.com/windhamdavid" class="twitter" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
+					<li><a href="https://plus.google.com/+DavidWindham1" class="gplus" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
+					<li><a href="https://www.facebook.com/windhamdavid" class="facebook"><span class="fa fa-2x fa-facebook-square"></span></a></li>
+					<li><a href="https://github.com/windhamdavid" class="github" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
 				</ul>
 			</div>
 			<div class="col-md-3 col-sm-offset-5">

page-contact.php

@@ -45,4 +45,4 @@
 		</div>
 	</div>
 
-<?php get_footer('studio'); ?>
+<?php get_footer('home'); ?>

page-desk.php

@@ -53,4 +53,4 @@ get_header(); ?>
 			</main>
 		</div>
 	</div>
-<?php get_footer('studio'); ?>
+<?php get_footer('home'); ?>

page-sitemap.php

@@ -100,4 +100,4 @@ get_header(); ?>
 		</article>
 	</div>
 	
-<?php get_footer(); ?>
+<?php get_footer('home'); ?>

page-studio.php

@@ -138,7 +138,7 @@
 				<ul class="nav-stacked studio-subnav">
 					<li data-target="#caro" data-slide-to="0"><a href="#studio" aria-controls="studio" role="tab" data-toggle="tab"><span class="fa fa-eye fa-fw"></span> <em>Studio</em></a></li>
 					<li data-target="#caro" data-slide-to="1"><a href="#webdev" aria-controls="webdev" role="tab" data-toggle="tab"><span class="fa fa-desktop fa-fw"></span> <em>Web</em></a></li>
-					<li data-target="#caro" data-slide-to="2"><a href="#ux" aria-controls="ux" role="tab" data-toggle="tab"><span class="fa fa-terminal fa-fw"></span> <em>UX</em></a></li>
+					<li data-target="#caro" data-slide-to="2"><a href="#ux" aria-controls="ux" role="tab" data-toggle="tab"><span class="fa fa-terminal fa-fw"></span> <em>UX/UI</em></a></li>
 					<li data-target="#caro" data-slide-to="3"><a href="#graphic" aria-controls="graphic" role="tab" data-toggle="tab"><span class="fa fa-pencil fa-fw"></span> <em>Graphic</em></a></li>
 					<li data-target="#caro" data-slide-to="4"><a href="#media" aria-controls="media" role="tab" data-toggle="tab"><span class="fa fa-film fa-fw"></span> <em>Media</em></a></li>	
 					<li data-target="#caro" data-slide-to="5"><a href="#art" aria-controls="art" role="tab" data-toggle="tab"><span class="fa fa-paint-brush fa-fw"></span> <em>Art</em></a></li>
@@ -166,20 +166,20 @@
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="webdev">
 						<div class="col-sm-9">
 							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">T</span>hey don't call it the information age for nothing</em>. The web browser has become the default medium for communication and the craft that powers it is still a mystery for many. It's a broad spectrum of knowledge and skills that give a developer complete control over how a web application performs, looks, and operates.</h4>
+								<h4 class="georgia"><em><span class="firstcharacter">T</span>hey don't call it the information age for nothing</em>. The web browser has become the default medium for communication and the craft involves a broad spectrum of knowledge that give a developer complete control over how a web application performs, looks, and operates.</h4>
 							</div>
 						</div>
 						<div class="col-sm-3 studio-tools">		
 							<ul>
-								<li><em>Toolbelt</em></li>
-								<li>Z-shell, Vim, SSH, Git, Grunt, Gulp, JavaScript, PHP, Python, Ruby, Node.js, Apache, Ngnix, Redis, MongoDB, MySQL, &amp; Textmate.</li>
+								<li><em>Tools</em></li>
+								<li>Z-shell, Vim, SSH, Git, Grunt, Gulp, JavaScript, PHP, Python, Ruby, Node.js, Linux, Apache, Ngnix, MongoDB, MySQL, &amp; Redis.</li>
 							</ul>
 						</div>
 					</div>
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="ux">
 						<div class="col-sm-9">
 							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">I</span> believe that user experience design is a very important aspect of modern communications</em>. I've found myself refering to one of the most cited papers in cognitive psychology on more than one project. The concept is called '<a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two">The magical number sever plus or minus two</a>' and I often apply it to the number of choices a user has on a particular screen or page. </h4>
+								<h4 class="georgia"><em><span class="firstcharacter">U</span>ser experience design, interaction design, and behavior design</em> are just a couple of the terms floating around these days for those who work with user interaction, code, and design. I've often found myself refering to cognitive psychology, '<a href="http://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two">The magical number seven</a>', when trying to convice others to simplify user navigation options and settings.</h4>
 							</div>
 						</div>
 						<div class="col-sm-3 studio-tools">		
@@ -196,7 +196,7 @@
 					<div role="tabpanel" class="tab-pane wow fadeIn" id="graphic">
 						<div class="col-sm-9">
 							<div class="entry-content">
-								<h4 class="georgia"><em><span class="firstcharacter">D</span>on't mistake legibility with communication</em> - David Carson. Visual communication is powerful and it can make or break a presentation, brochure, website, or company.</h4>
+								<h4 class="georgia"><em><span class="firstcharacter">D</span>on't mistake legibility with communication</em> - David Carson. Visual design in communication is powerful and it can make or break a product, company, presentation, or annual report.  Even though I'm using software, I still believe the most powerful tool, besides our imagination is still the pencil &amp; paper.</h4>
 							</div>
 						</div>
 						<div class="col-sm-3 studio-tools">		

style.css

@@ -1125,10 +1125,7 @@ h4.spread {
   -o-transform: rotate(-45deg);
 }
 
-ul.social li {
-	float: left;
-	padding: 1px 3px;
-}
+
 #archives li {
 	list-style: none;
 	margin: 2px 8px;
@@ -1173,7 +1170,54 @@ img.dw {
 .front-nav {
 	margin: 10px 0 0;
 }
-
+/*============================================
+					Footer
+==============================================*/
+.footer {
+	padding: 90px 0 30px;
+}
+.footer-home {
+	padding: 90px 0 50px;
+}
+.footer a {
+	color: #777777;
+}
+.footer a:hover {
+	color: #FFFFFF;
+	text-decoration: none;
+}
+.footer span.fa:hover {
+	color: #FFFFFF;
+	text-decoration: none;
+}
+p.cc {
+	float: right;
+	font-size: 14px;
+	margin: 2px 20px 30px 10px;
+}
+ul.social {
+	margin: 0;
+}
+ul.social li {
+	float: left;
+	padding: 0 4px;
+}
+ul.social li:first-child {
+	float: left;
+	padding: 0 4px 0 0;
+}
+ul.social a.github span:hover {
+	color: #FFFFFF;
+}
+ul.social a.twitter span:hover {
+	color: #00B0ED;
+}
+ul.social a.gplus span:hover {
+	color: #DF4A32;
+}
+ul.social a.facebook span:hover {
+	color: #3B5998;
+}
 
 /*============================================
 					Content 
@@ -1310,19 +1354,13 @@ body.art .site-title a {
 .posts-front {
 	padding: 40px 0;
 }
-
 .dark {
 	background: #222;
 }
 .bottom {
 	padding-top: 50px;
 }
-.footer {
-	padding: 50px 0;
-}
-.footer-home {
-	padding: 90px 0 50px;
-}
+
 .centered {
 	float: none;
 	margin: 0 auto;
@@ -1395,21 +1433,14 @@ table.icons tbody > tr > td {
 	padding: 1px;
 }
 
-/*===== Footer =====*/
-p.cc {
-	float: right;
-	font-size: 14px;
-	margin: 2px 20px 30px 10px;
-}
+
 span.quiet {
 	display: none;
 }
 span.right {
 	float: right;
 }
-.footer {
-	padding: 50px 0 30px;
-}
+
 
 .form-row {
   margin: 10px 0;