windhamdavid 5 years ago
parent
commit
617aa8805a
9 changed files with 2055 additions and 132 deletions
  1. 318 0
      fonts/font-mfizz.css
  2. BIN
      fonts/font-mfizz.eot
  3. 1344 0
      fonts/font-mfizz.svg
  4. BIN
      fonts/font-mfizz.ttf
  5. BIN
      fonts/font-mfizz.woff
  6. 3 63
      footer-home.php
  7. 3 0
      js/init.js
  8. 78 66
      page-about.php
  9. 309 3
      style.css

+ 318 - 0
fonts/font-mfizz.css

@@ -0,0 +1,318 @@
+/*
+ * Font Mfizz v1.2
+ * Copyright 2013 Mfizz Inc, Joe Lauer
+ * MIT License
+ *
+ * Project: http://mfizz.com/oss/font-mfizz
+ *
+ * The font designed for technology and software geeks representing programming
+ * languages, operating systems, software engineering, and technology. 
+ *
+ * Mfizz Inc
+ * Web: http://mfizz.com/
+ * Twitter: http://twitter.com/mfizz_inc
+ * 
+ * Joe Lauer
+ * Web: http://lauer.bz/
+ * Twitter: http://twitter.com/jjlauer
+ */
+
+@font-face {
+  font-family: "FontMfizz";
+  src: url("font-mfizz.eot");
+  src: url("font-mfizz.eot?#iefix") format("embedded-opentype"),
+       url("font-mfizz.woff") format("woff"),
+       url("font-mfizz.ttf") format("truetype"),
+       url("font-mfizz.svg#font-mfizz") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.icon-microscope:before,
+.icon-cplusplus:before,
+.icon-wireless:before,
+.icon-fire-alt:before,
+.icon-mobile-device:before,
+.icon-objc:before,
+.icon-redhat:before,
+.icon-freebsd:before,
+.icon-heroku:before,
+.icon-python:before,
+.icon-java:before,
+.icon-satellite:before,
+.icon-debian:before,
+.icon-grails:before,
+.icon-c:before,
+.icon-postgres:before,
+.icon-database-alt2:before,
+.icon-raspberrypi:before,
+.icon-nginx:before,
+.icon-ruby-on-rails:before,
+.icon-redis:before,
+.icon-scala:before,
+.icon-gnome:before,
+.icon-perl:before,
+.icon-mysql:before,
+.icon-fedora:before,
+.icon-ghost:before,
+.icon-google:before,
+.icon-netbsd:before,
+.icon-aws:before,
+.icon-bomb:before,
+.icon-looking:before,
+.icon-ruby:before,
+.icon-mysql-alt:before,
+.icon-playframework-alt:before,
+.icon-osx:before,
+.icon-database:before,
+.icon-database-alt:before,
+.icon-shell:before,
+.icon-script:before,
+.icon-antenna:before,
+.icon-coffee-bean:before,
+.icon-scala-alt:before,
+.icon-platter:before,
+.icon-java-duke:before,
+.icon-iphone:before,
+.icon-script-alt:before,
+.icon-google-alt:before,
+.icon-haskell:before,
+.icon-mariadb:before,
+.icon-phone-retro:before,
+.icon-phone-alt:before,
+.icon-csharp:before,
+.icon-php:before,
+.icon-postgres-alt:before,
+.icon-html:before,
+.icon-mfizz:before,
+.icon-apache:before,
+.icon-hadoop:before,
+.icon-ruby-on-rails-alt:before,
+.icon-mobile-phone-broadcast:before,
+.icon-css:before,
+.icon-playframework:before,
+.icon-clojure:before,
+.icon-mobile-phone-alt:before,
+.icon-suse:before,
+.icon-java-bold:before,
+.icon-nginx-alt:before,
+.icon-nginx-alt2:before,
+.icon-linux-mint:before,
+.icon-dreamhost:before,
+.icon-blackberry:before,
+.icon-javascript:before,
+.icon-ubuntu:before,
+.icon-php-alt:before,
+.icon-centos:before,
+.icon-nodejs:before,
+.icon-splatter:before,
+.icon-3dprint:before,
+.icon-line-graph:before,
+.icon-cassandra:before,
+.icon-solaris:before,
+.icon-jetty:before,
+.icon-tomcat:before,
+.icon-oracle:before,
+.icon-oracle-alt:before,
+.icon-mssql:before,
+.icon-google-developers:before,
+.icon-google-code:before,
+.icon-kde:before,
+.icon-grails-alt:before {
+  font-family: "FontMfizz";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+.icon-microscope:before { content: "\f100"; }
+.icon-cplusplus:before { content: "\f101"; }
+.icon-wireless:before { content: "\f102"; }
+.icon-fire-alt:before { content: "\f103"; }
+.icon-mobile-device:before { content: "\f104"; }
+.icon-objc:before { content: "\f105"; }
+.icon-redhat:before { content: "\f106"; }
+.icon-freebsd:before { content: "\f107"; }
+.icon-heroku:before { content: "\f108"; }
+.icon-python:before { content: "\f109"; }
+.icon-java:before { content: "\f10a"; }
+.icon-satellite:before { content: "\f10b"; }
+.icon-debian:before { content: "\f10c"; }
+.icon-grails:before { content: "\f10d"; }
+.icon-c:before { content: "\f10e"; }
+.icon-postgres:before { content: "\f10f"; }
+.icon-database-alt2:before { content: "\f110"; }
+.icon-raspberrypi:before { content: "\f111"; }
+.icon-nginx:before { content: "\f112"; }
+.icon-ruby-on-rails:before { content: "\f113"; }
+.icon-redis:before { content: "\f114"; }
+.icon-scala:before { content: "\f115"; }
+.icon-gnome:before { content: "\f116"; }
+.icon-perl:before { content: "\f117"; }
+.icon-mysql:before { content: "\f118"; }
+.icon-fedora:before { content: "\f119"; }
+.icon-ghost:before { content: "\f11a"; }
+.icon-google:before { content: "\f11b"; }
+.icon-netbsd:before { content: "\f11c"; }
+.icon-aws:before { content: "\f11d"; }
+.icon-bomb:before { content: "\f11e"; }
+.icon-looking:before { content: "\f11f"; }
+.icon-ruby:before { content: "\f120"; }
+.icon-mysql-alt:before { content: "\f121"; }
+.icon-playframework-alt:before { content: "\f122"; }
+.icon-osx:before { content: "\f123"; }
+.icon-database:before { content: "\f124"; }
+.icon-database-alt:before { content: "\f125"; }
+.icon-shell:before { content: "\f126"; }
+.icon-script:before { content: "\f127"; }
+.icon-antenna:before { content: "\f128"; }
+.icon-coffee-bean:before { content: "\f129"; }
+.icon-scala-alt:before { content: "\f12a"; }
+.icon-platter:before { content: "\f12b"; }
+.icon-java-duke:before { content: "\f12c"; }
+.icon-iphone:before { content: "\f12d"; }
+.icon-script-alt:before { content: "\f12e"; }
+.icon-google-alt:before { content: "\f12f"; }
+.icon-haskell:before { content: "\f130"; }
+.icon-mariadb:before { content: "\f131"; }
+.icon-phone-retro:before { content: "\f132"; }
+.icon-phone-alt:before { content: "\f133"; }
+.icon-csharp:before { content: "\f134"; }
+.icon-php:before { content: "\f135"; }
+.icon-postgres-alt:before { content: "\f136"; }
+.icon-html:before { content: "\f137"; }
+.icon-mfizz:before { content: "\f138"; }
+.icon-apache:before { content: "\f139"; }
+.icon-hadoop:before { content: "\f13a"; }
+.icon-ruby-on-rails-alt:before { content: "\f13b"; }
+.icon-mobile-phone-broadcast:before { content: "\f13c"; }
+.icon-css:before { content: "\f13d"; }
+.icon-playframework:before { content: "\f13e"; }
+.icon-clojure:before { content: "\f13f"; }
+.icon-mobile-phone-alt:before { content: "\f140"; }
+.icon-suse:before { content: "\f141"; }
+.icon-java-bold:before { content: "\f142"; }
+.icon-nginx-alt:before { content: "\f143"; }
+.icon-nginx-alt2:before { content: "\f144"; }
+.icon-linux-mint:before { content: "\f145"; }
+.icon-dreamhost:before { content: "\f146"; }
+.icon-blackberry:before { content: "\f147"; }
+.icon-javascript:before { content: "\f148"; }
+.icon-ubuntu:before { content: "\f149"; }
+.icon-php-alt:before { content: "\f14a"; }
+.icon-centos:before { content: "\f14b"; }
+.icon-nodejs:before { content: "\f14c"; }
+.icon-splatter:before { content: "\f14d"; }
+.icon-3dprint:before { content: "\f14e"; }
+.icon-line-graph:before { content: "\f14f"; }
+.icon-cassandra:before { content: "\f150"; }
+.icon-solaris:before { content: "\f151"; }
+.icon-jetty:before { content: "\f152"; }
+.icon-tomcat:before { content: "\f153"; }
+.icon-oracle:before { content: "\f154"; }
+.icon-oracle-alt:before { content: "\f155"; }
+.icon-mssql:before { content: "\f156"; }
+.icon-google-developers:before { content: "\f157"; }
+.icon-google-code:before { content: "\f158"; }
+.icon-kde:before { content: "\f159"; }
+.icon-grails-alt:before { content: "\f15a"; }
+
+/* These classes only added to fix FontFamily to display FontMfizz during debug/inspection */
+.icon-osx,
+.icon-bomb,
+.icon-mobile-phone-broadcast,
+.icon-objc,
+.icon-nginx-alt2,
+.icon-mysql,
+.icon-phone-retro,
+.icon-netbsd,
+.icon-mobile-device,
+.icon-ruby-on-rails,
+.icon-phone-alt,
+.icon-line-graph,
+.icon-postgres,
+.icon-playframework,
+.icon-python,
+.icon-ruby-on-rails-alt,
+.icon-nginx,
+.icon-database-alt2,
+.icon-google-alt,
+.icon-microscope,
+.icon-blackberry,
+.icon-dreamhost,
+.icon-google,
+.icon-centos,
+.icon-kde,
+.icon-csharp,
+.icon-scala,
+.icon-redis,
+.icon-looking,
+.icon-database-alt,
+.icon-javascript,
+.icon-postgres-alt,
+.icon-linux-mint,
+.icon-ubuntu,
+.icon-apache,
+.icon-script-alt,
+.icon-mssql,
+.icon-c,
+.icon-gnome,
+.icon-java-duke,
+.icon-scala-alt,
+.icon-clojure,
+.icon-oracle-alt,
+.icon-redhat,
+.icon-haskell,
+.icon-3dprint,
+.icon-mariadb,
+.icon-java,
+.icon-script,
+.icon-cplusplus,
+.icon-jetty,
+.icon-perl,
+.icon-heroku,
+.icon-nginx-alt,
+.icon-iphone,
+.icon-splatter,
+.icon-shell,
+.icon-mysql-alt,
+.icon-wireless,
+.icon-ruby,
+.icon-playframework-alt,
+.icon-raspberrypi,
+.icon-suse,
+.icon-nodejs,
+.icon-java-bold,
+.icon-google-developers,
+.icon-mobile-phone-alt,
+.icon-grails-alt,
+.icon-coffee-bean,
+.icon-cassandra,
+.icon-google-code,
+.icon-fedora,
+.icon-antenna,
+.icon-hadoop,
+.icon-solaris,
+.icon-html,
+.icon-css,
+.icon-satellite,
+.icon-aws,
+.icon-mfizz,
+.icon-php,
+.icon-debian,
+.icon-ghost,
+.icon-php-alt,
+.icon-tomcat,
+.icon-database,
+.icon-grails,
+.icon-freebsd,
+.icon-oracle,
+.icon-fire-alt,
+.icon-platter{
+  font-family: "FontMfizz";
+}

BIN
fonts/font-mfizz.eot


File diff suppressed because it is too large
+ 1344 - 0
fonts/font-mfizz.svg


BIN
fonts/font-mfizz.ttf


BIN
fonts/font-mfizz.woff


+ 3 - 63
footer-home.php

@@ -1,69 +1,9 @@
 <div class="container-fluid footer-home dark">
 	<div class="container">
 		<div class="row">
-			<div class="col-md-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>
-					<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( '/' ); ?>studio/work"><span class="fa fa-lightbulb-o fa-fw"></span> Projects</a></li>
-					<li><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
-					
-				</ul>
-			</div>
-			<div class="col-md-4">
-				<ul>
-					<li class="dim"><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-home fa-fw"></span> Address</a>: South Carolina USA</li>
-					<li class="dim"><a href="<?php echo home_url( '/' ); ?>contact"><span class="fa fa-phone fa-fw"></span> Phone</a>: 803-712-3283</li>
-					<li class="dim"><a href="<?php echo home_url( '/' ); ?>contact"><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( '/' ); ?>client"><span class="fa fa-group fa-fw"></span> Client</a>: sandbox.davidawindham.com</li>
-					<li class="dim"><a href="<?php echo home_url( '/' ); ?>client/billing"><span class="fa fa-calculator fa-fw"></span> Billing</a>: billing.davidawindham.com</li>
-					<li><a href="<?php echo home_url( '/' ); ?>sitemap"><span class="fa fa-sitemap fa-fw"></span> Sitemap</a></li>
-				</ul>
-			</div>
-			<div class="col-md-3">
-				<h5 class="dim cm-sans wow fadeIn">Social</h5>
-				<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-3">
-				<p class="small dim right">&copy; 2005-2015<br /><a href="https://github.com/windhamdavid/dw"><span class="fa fa-1x fa-code-fork"></span></a> <span class="fa fa-1x fa-css3"></span> <span class="fa fa-1x fa-html5"></span></p>
-				<p class="small dull right">This website uses cookies.</p>
+			<div class="col-md-3 col-sm-offset-9">
+				<p class="small dim right">&copy; 2005-2015<br />
+				<span class="small dull right">This website uses cookies</span></p>
 			</div>
 		</div>
 	</div>

+ 3 - 0
js/init.js

@@ -6,6 +6,9 @@ $(window).bind('load', function() {
 	$('#loader').fadeOut(700);
 });
 
+$(function () {
+  $('[data-toggle="tooltip"]').tooltip()
+})
 
 /*============================================
 		      Welcome Cookies

+ 78 - 66
page-about.php

@@ -71,7 +71,7 @@ get_header('home'); ?>
 	</div>
 	<div class="container-fluid posts-front">
 		<div class="container">
-			<h3 class="dim cm-sans wow fadeIn" data-wow-offset="600">Recently</h3>
+			<h3 class="dim 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">
@@ -79,9 +79,6 @@ get_header('home'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 							<div class="entry-content">
-								<div class="front-date">
-									<?php the_time('n/j/Y'); ?>		
-								</div>
 								<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>
@@ -95,9 +92,6 @@ get_header('home'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 							<div class="entry-content">
-								<div class="front-date">
-									<?php the_time('n/j/Y'); ?>		
-								</div>
 								<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>
@@ -111,9 +105,6 @@ get_header('home'); ?>
 						<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>
 						<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
 							<div class="entry-content">
-								<div class="front-date">
-									<?php the_time('n/j/Y'); ?>
-								</div>
 								<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>
@@ -130,53 +121,42 @@ get_header('home'); ?>
 				<div class="col-sm-6">
 					<h4>Who</h4>
 						<p><img class="me" src="<?php echo get_template_directory_uri();?>/img/me.png">
-							Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis molestie quis urna sit amet vulputate. Pellentesque non venenatis dolor, ut commodo eros. Suspendisse a ultricies nisi, vitae blandit mauris. Sed leo magna, hendrerit ut eleifend eu, rhoncus id lorem. Pellentesque est nunc, venenatis a elementum at, euismod placerat dui. Cras et enim ultrices, accumsan quam in, eleifend sapien. Take a look at my <a href="bio">Bio</a> and <a href="CV">CV</a></p>
-					<p>&nbsp;</p>
-					<p>&nbsp;</p>
+							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>
 				</div>
 				<div class="col-xs-6">
 					<div class="row">
-						<div class="col-sm-4">
+						<div class="col-sm-7">
 							<h4>What</h4>
-								<ul>
-									<li>Full Stack Developer</li>
-									<li>Artist &amp; Designer</li>
-									<li>Problem Solver</li>
-									<li>Team Player</li>
-									<li>Think-tank</li>
-								</ul>
+							<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-8">
+						<div class="col-sm-5">
 							<h4>How</h4>
-							<div class="col-sm-4">
-								<ul>
-									<li><img src="" alt="HTML"/></li>
-									<li><img src="" alt="CSS"/></li>
-									<li><img src="" alt="JavaScript"/></li>
-									<li><img src="" alt="Ruby"/></li>
-									<li><img src="" alt="PHP"/></li>
-									<li><img src="" alt="Python"/></li>
-								</ul>
-							</div>
-							<div class="col-sm-4">
-								<ul>
-									<li><img src="" alt="Node.js"/></li>
-									<li><img src="" alt="Backbone.js"/></li>
-									<li><img src="" alt="Angular.js"/></li>
-									<li><img src="" alt="Rails"/></li>
-									<li><img src="" alt="Wordpress"/></li>
-									<li><img src="" alt="Drupal"/></li>
-								</ul>
-							</div>
-							<div class="col-sm-4">
-								<ul>
-									<li><img src="" alt="Adobe CC"/></li>
-									<li><img src="" alt="FCP"/></li>
-									<li><img src="" alt="Illustrator"/></li>
-									<li><img src="" alt=""/></li>
-									<li><img src="" alt=""/></li>
-									<li><img src="" alt=""/></li>
-								</ul>
+							<div class="table-responsive">
+							  <table class="table table-condensed icons" style><tbody>
+									<tr>
+										<td><a href="#" data-toggle="tooltip" title="Ubuntu"><span style="color:#DD4814" class="icon-ubuntu fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Apache"><span style="color:#FB00D5" class="icon-apache fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Nginx"><span style="color:#009900" class="icon-nginx fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Heroku"><span style="color:#565297" class="icon-heroku fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="AWS"><span style="color:#F7981D" class="icon-aws fa-2x"></span></a></td>
+										
+									</tr>
+									<tr>
+										<td><a href="#" data-toggle="tooltip" title="Rails"><span style="color:#AC2B33" class="icon-ruby-on-rails fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Node.js"><span style="color:#80BD01" class="icon-nodejs fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Redis"><span style="color:#D71E13" class="icon-redis fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="MySQL"><span style="color:#E97A00" class="icon-mysql fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="PostgreSQL"><span style="color:#008AB8" class="icon-postgres fa-2x"></span></a></td>
+									</tr>
+									<tr>
+										<td><a href="#" data-toggle="tooltip" title="Javascript"><span style="color:#F0DB4F" class="icon-javascript fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="HTML"><span style="color:#E44D26;padding-top:7px;" class="fa fa-2x fa-html5"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="PHP"><span style="color:#8892BF" class="icon-php fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Ruby"><span style="color:#B10F01" class="icon-ruby fa-2x"></span></a></td>
+										<td><a href="#" data-toggle="tooltip" title="Python"><span style="color:#306998" class="icon-python fa-2x"></span></a></td>
+									</tr>		
+								</tbody></table>
 							</div>
 						</div>
 					</div>
@@ -185,37 +165,37 @@ get_header('home'); ?>
 		</div>
 	</div>
 	
-	<div class="container-full dark bottom">
+	<div class="container-full dark">
 		<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>
+				<div class="row">
+					<h4 class="dim">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'>
-								<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='David' required>
+								<input type="text" value="" name="FNAME" class="required" id="mce-FNAME" placeholder='First' 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>
+								<input type="text" value="" name="LNAME" class="required" id="mce-LNAME" placeholder='Last' 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>
+							<strong>Email <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>
+								<input type="text" value="" name="COMPANY" class="" placeholder='Org'>
+							<strong>Organization</strong>
 							</label>
 						</div>
 						<div class="contact-form-message">
-							<label class='text-field'>
-								<input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Your Message'>
+							<label class='text-field' style="width:83%;">
+								<input type="text" size="100" value="" name="MMERGE3" class="" placeholder='Message'>
 							<strong>Message</strong>
 							</label>
 						</div>
@@ -223,16 +203,48 @@ get_header('home'); ?>
 						<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>
+							<button type="submit" class="submit btn default" value="Conctact" name="contact" id="contact">Contact</button>
 						</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">
-				<div class="calendar"></div>
+					<h4 class="dim">When</h4>
+					<div class="calendar"></div>
 				</div>
 			</div>
 		</div>

+ 309 - 3
style.css

@@ -597,7 +597,7 @@ h5.contact {
 	background: linear-gradient(top, #355069 0, #5e7a9b 100%);
 }
 .about {
-	padding: 30px 0;
+	padding: 30px 0 0;
 }
 .carousel-fade .carousel-inner .item {
   left: 0 !important;
@@ -1097,6 +1097,13 @@ article p {
 p.nobreak {
 	margin: 0 0 10px !important;
 }
+table.icons tbody > tr > td {
+	border:none;
+}
+table.icons tbody > tr > td {
+	border:none;
+	padding: 1px;
+}
 
 /*===== Footer =====*/
 p.cc {
@@ -1121,7 +1128,7 @@ span.right {
   font-size: 0.85em;
 }
 .form-row.texts:first-of-type {
-  margin-top: 30px;
+  margin-top: 28px;
 }
 .form-row.texts + .form-row:not(.texts) {
   margin-top: 30px;
@@ -4012,4 +4019,303 @@ div#player{
 }
 .fa-meanpath:before {
   content: "\f20c";
-}
+}
+@font-face {
+  font-family: "FontMfizz";
+  src: url("fonts/font-mfizz.eot");
+  src: url("fonts/font-mfizz.eot?#iefix") format("embedded-opentype"),
+       url("fonts/font-mfizz.woff") format("woff"),
+       url("fonts/font-mfizz.ttf") format("truetype"),
+       url("fonts/font-mfizz.svg#font-mfizz") format("svg");
+  font-weight: normal;
+  font-style: normal;
+}
+
+.icon-microscope:before,
+.icon-cplusplus:before,
+.icon-wireless:before,
+.icon-fire-alt:before,
+.icon-mobile-device:before,
+.icon-objc:before,
+.icon-redhat:before,
+.icon-freebsd:before,
+.icon-heroku:before,
+.icon-python:before,
+.icon-java:before,
+.icon-satellite:before,
+.icon-debian:before,
+.icon-grails:before,
+.icon-c:before,
+.icon-postgres:before,
+.icon-database-alt2:before,
+.icon-raspberrypi:before,
+.icon-nginx:before,
+.icon-ruby-on-rails:before,
+.icon-redis:before,
+.icon-scala:before,
+.icon-gnome:before,
+.icon-perl:before,
+.icon-mysql:before,
+.icon-fedora:before,
+.icon-ghost:before,
+.icon-google:before,
+.icon-netbsd:before,
+.icon-aws:before,
+.icon-bomb:before,
+.icon-looking:before,
+.icon-ruby:before,
+.icon-mysql-alt:before,
+.icon-playframework-alt:before,
+.icon-osx:before,
+.icon-database:before,
+.icon-database-alt:before,
+.icon-shell:before,
+.icon-script:before,
+.icon-antenna:before,
+.icon-coffee-bean:before,
+.icon-scala-alt:before,
+.icon-platter:before,
+.icon-java-duke:before,
+.icon-iphone:before,
+.icon-script-alt:before,
+.icon-google-alt:before,
+.icon-haskell:before,
+.icon-mariadb:before,
+.icon-phone-retro:before,
+.icon-phone-alt:before,
+.icon-csharp:before,
+.icon-php:before,
+.icon-postgres-alt:before,
+.icon-html:before,
+.icon-mfizz:before,
+.icon-apache:before,
+.icon-hadoop:before,
+.icon-ruby-on-rails-alt:before,
+.icon-mobile-phone-broadcast:before,
+.icon-css:before,
+.icon-playframework:before,
+.icon-clojure:before,
+.icon-mobile-phone-alt:before,
+.icon-suse:before,
+.icon-java-bold:before,
+.icon-nginx-alt:before,
+.icon-nginx-alt2:before,
+.icon-linux-mint:before,
+.icon-dreamhost:before,
+.icon-blackberry:before,
+.icon-javascript:before,
+.icon-ubuntu:before,
+.icon-php-alt:before,
+.icon-centos:before,
+.icon-nodejs:before,
+.icon-splatter:before,
+.icon-3dprint:before,
+.icon-line-graph:before,
+.icon-cassandra:before,
+.icon-solaris:before,
+.icon-jetty:before,
+.icon-tomcat:before,
+.icon-oracle:before,
+.icon-oracle-alt:before,
+.icon-mssql:before,
+.icon-google-developers:before,
+.icon-google-code:before,
+.icon-kde:before,
+.icon-grails-alt:before {
+  font-family: "FontMfizz";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  text-decoration: inherit;
+}
+
+.icon-microscope:before { content: "\f100"; }
+.icon-cplusplus:before { content: "\f101"; }
+.icon-wireless:before { content: "\f102"; }
+.icon-fire-alt:before { content: "\f103"; }
+.icon-mobile-device:before { content: "\f104"; }
+.icon-objc:before { content: "\f105"; }
+.icon-redhat:before { content: "\f106"; }
+.icon-freebsd:before { content: "\f107"; }
+.icon-heroku:before { content: "\f108"; }
+.icon-python:before { content: "\f109"; }
+.icon-java:before { content: "\f10a"; }
+.icon-satellite:before { content: "\f10b"; }
+.icon-debian:before { content: "\f10c"; }
+.icon-grails:before { content: "\f10d"; }
+.icon-c:before { content: "\f10e"; }
+.icon-postgres:before { content: "\f10f"; }
+.icon-database-alt2:before { content: "\f110"; }
+.icon-raspberrypi:before { content: "\f111"; }
+.icon-nginx:before { content: "\f112"; }
+.icon-ruby-on-rails:before { content: "\f113"; }
+.icon-redis:before { content: "\f114"; }
+.icon-scala:before { content: "\f115"; }
+.icon-gnome:before { content: "\f116"; }
+.icon-perl:before { content: "\f117"; }
+.icon-mysql:before { content: "\f118"; }
+.icon-fedora:before { content: "\f119"; }
+.icon-ghost:before { content: "\f11a"; }
+.icon-google:before { content: "\f11b"; }
+.icon-netbsd:before { content: "\f11c"; }
+.icon-aws:before { content: "\f11d"; }
+.icon-bomb:before { content: "\f11e"; }
+.icon-looking:before { content: "\f11f"; }
+.icon-ruby:before { content: "\f120"; }
+.icon-mysql-alt:before { content: "\f121"; }
+.icon-playframework-alt:before { content: "\f122"; }
+.icon-osx:before { content: "\f123"; }
+.icon-database:before { content: "\f124"; }
+.icon-database-alt:before { content: "\f125"; }
+.icon-shell:before { content: "\f126"; }
+.icon-script:before { content: "\f127"; }
+.icon-antenna:before { content: "\f128"; }
+.icon-coffee-bean:before { content: "\f129"; }
+.icon-scala-alt:before { content: "\f12a"; }
+.icon-platter:before { content: "\f12b"; }
+.icon-java-duke:before { content: "\f12c"; }
+.icon-iphone:before { content: "\f12d"; }
+.icon-script-alt:before { content: "\f12e"; }
+.icon-google-alt:before { content: "\f12f"; }
+.icon-haskell:before { content: "\f130"; }
+.icon-mariadb:before { content: "\f131"; }
+.icon-phone-retro:before { content: "\f132"; }
+.icon-phone-alt:before { content: "\f133"; }
+.icon-csharp:before { content: "\f134"; }
+.icon-php:before { content: "\f135"; }
+.icon-postgres-alt:before { content: "\f136"; }
+.icon-html:before { content: "\f137"; }
+.icon-mfizz:before { content: "\f138"; }
+.icon-apache:before { content: "\f139"; }
+.icon-hadoop:before { content: "\f13a"; }
+.icon-ruby-on-rails-alt:before { content: "\f13b"; }
+.icon-mobile-phone-broadcast:before { content: "\f13c"; }
+.icon-css:before { content: "\f13d"; }
+.icon-playframework:before { content: "\f13e"; }
+.icon-clojure:before { content: "\f13f"; }
+.icon-mobile-phone-alt:before { content: "\f140"; }
+.icon-suse:before { content: "\f141"; }
+.icon-java-bold:before { content: "\f142"; }
+.icon-nginx-alt:before { content: "\f143"; }
+.icon-nginx-alt2:before { content: "\f144"; }
+.icon-linux-mint:before { content: "\f145"; }
+.icon-dreamhost:before { content: "\f146"; }
+.icon-blackberry:before { content: "\f147"; }
+.icon-javascript:before { content: "\f148"; }
+.icon-ubuntu:before { content: "\f149"; }
+.icon-php-alt:before { content: "\f14a"; }
+.icon-centos:before { content: "\f14b"; }
+.icon-nodejs:before { content: "\f14c"; }
+.icon-splatter:before { content: "\f14d"; }
+.icon-3dprint:before { content: "\f14e"; }
+.icon-line-graph:before { content: "\f14f"; }
+.icon-cassandra:before { content: "\f150"; }
+.icon-solaris:before { content: "\f151"; }
+.icon-jetty:before { content: "\f152"; }
+.icon-tomcat:before { content: "\f153"; }
+.icon-oracle:before { content: "\f154"; }
+.icon-oracle-alt:before { content: "\f155"; }
+.icon-mssql:before { content: "\f156"; }
+.icon-google-developers:before { content: "\f157"; }
+.icon-google-code:before { content: "\f158"; }
+.icon-kde:before { content: "\f159"; }
+.icon-grails-alt:before { content: "\f15a"; }
+
+/* These classes only added to fix FontFamily to display FontMfizz during debug/inspection */
+.icon-osx,
+.icon-bomb,
+.icon-mobile-phone-broadcast,
+.icon-objc,
+.icon-nginx-alt2,
+.icon-mysql,
+.icon-phone-retro,
+.icon-netbsd,
+.icon-mobile-device,
+.icon-ruby-on-rails,
+.icon-phone-alt,
+.icon-line-graph,
+.icon-postgres,
+.icon-playframework,
+.icon-python,
+.icon-ruby-on-rails-alt,
+.icon-nginx,
+.icon-database-alt2,
+.icon-google-alt,
+.icon-microscope,
+.icon-blackberry,
+.icon-dreamhost,
+.icon-google,
+.icon-centos,
+.icon-kde,
+.icon-csharp,
+.icon-scala,
+.icon-redis,
+.icon-looking,
+.icon-database-alt,
+.icon-javascript,
+.icon-postgres-alt,
+.icon-linux-mint,
+.icon-ubuntu,
+.icon-apache,
+.icon-script-alt,
+.icon-mssql,
+.icon-c,
+.icon-gnome,
+.icon-java-duke,
+.icon-scala-alt,
+.icon-clojure,
+.icon-oracle-alt,
+.icon-redhat,
+.icon-haskell,
+.icon-3dprint,
+.icon-mariadb,
+.icon-java,
+.icon-script,
+.icon-cplusplus,
+.icon-jetty,
+.icon-perl,
+.icon-heroku,
+.icon-nginx-alt,
+.icon-iphone,
+.icon-splatter,
+.icon-shell,
+.icon-mysql-alt,
+.icon-wireless,
+.icon-ruby,
+.icon-playframework-alt,
+.icon-raspberrypi,
+.icon-suse,
+.icon-nodejs,
+.icon-java-bold,
+.icon-google-developers,
+.icon-mobile-phone-alt,
+.icon-grails-alt,
+.icon-coffee-bean,
+.icon-cassandra,
+.icon-google-code,
+.icon-fedora,
+.icon-antenna,
+.icon-hadoop,
+.icon-solaris,
+.icon-html,
+.icon-css,
+.icon-satellite,
+.icon-aws,
+.icon-mfizz,
+.icon-php,
+.icon-debian,
+.icon-ghost,
+.icon-php-alt,
+.icon-tomcat,
+.icon-database,
+.icon-grails,
+.icon-freebsd,
+.icon-oracle,
+.icon-fire-alt,
+.icon-platter{
+  font-family: "FontMfizz";
+}