code.dw

front-page.php

@@ -34,6 +34,9 @@
 							<g id="about" style="display:none">
 								<path fill="#000" d="M24 14V6H4v36h40V14H24zM12 38H8v-4h4v4zm0-8H8v-4h4v4zm0-8H8v-4h4v4zm0-8H8v-4h4v4zm8 24h-4v-4h4v4zm0-8h-4v-4h4v4zm0-8h-4v-4h4v4zm0-8h-4v-4h4v4zm20 24H24v-4h4v-4h-4v-4h4v-4h-4v-4h16v20zm-4-16h-4v4h4v-4zm0 8h-4v4h4v-4z"/>
 							</g>
+							<g id="code" style="display:none">
+								<path fill="#000" d="M37 0H9C6.24 0 4 2.24 4 5v38c0 2.76 2.24 5 5 5h28c2.76 0 5-2.24 5-5V5c0-2.76-2.24-5-5-5zM23 46c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm15-8H8V6h30v32z"/>
+							</g>
 							<g id="desk" style="display:none">
 								<path fill="#000" d="M40 10H8c-2.21 0-3.98 1.79-3.98 4L4 34c0 2.21 1.79 4 4 4h32c2.21 0 4-1.79 4-4V14c0-2.21-1.79-4-4-4zm-18 6h4v4h-4v-4zm0 6h4v4h-4v-4zm-6-6h4v4h-4v-4zm0 6h4v4h-4v-4zm-2 4h-4v-4h4v4zm0-6h-4v-4h4v4zm18 14H16v-4h16v4zm0-8h-4v-4h4v4zm0-6h-4v-4h4v4zm6 6h-4v-4h4v4zm0-6h-4v-4h4v4z"/>
 							</g>
@@ -88,6 +91,7 @@
 						<p>
 							<a class="about-card" href="<?php echo home_url( '/' ); ?>about" class="list-group-item">About</a> - 
 							<a class="desk-card" href="<?php echo home_url( '/' ); ?>desk" class="list-group-item">Desk</a> - 
+							<a class="code-card" href="http://code.davidawindham.com" class="list-group-item">Code</a> - 
 							<a class="studio-card" href="<?php echo home_url( '/' ); ?>studio" class="list-group-item">Studio</a> - 
 							<a class="contact-card" href="<?php echo home_url( '/' ); ?>contact" class="list-group-item">Contact</a>
 						</p>

js/front-page.js

@@ -45,6 +45,9 @@ $(document).ready(function(){
 	$( "a.about-card" ).hover(function() {
 		iconmorph.to('about', {duration:1000, easing:'quad-in-out', rotation:'clock'});
 	});
+	$( "a.code-card" ).hover(function() {
+		iconmorph.to('code', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	});
 	$( "a.desk-card" ).hover(function() {
 		iconmorph.to('desk', {duration:1000, easing:'quad-in-out', rotation:'counterclock'});
 	});

js/front-page.min.js

@@ -49,6 +49,9 @@ $(document).ready(function(){
 	$( "a.about-card" ).hover(function() {
 		iconmorph.to('about', {duration:1000, easing:'quad-in-out', rotation:'clock'});
 	});
+	$( "a.code-card" ).hover(function() {
+		iconmorph.to('code', {duration:1000, easing:'quad-in-out', rotation:'random'});
+	});
 	$( "a.desk-card" ).hover(function() {
 		iconmorph.to('desk', {duration:1000, easing:'quad-in-out', rotation:'counterclock'});
 	});