<!--
. . . . . .
. . ...-..-| |-. .-. .-.-..-| .-.. ...-|
` ` '' '`-'-' '-`-`-' ' '`-'-`-`-` '`-'-
-->
<!DOCTYPE html>
<!--[if lt IE 9]><html class="ie"><![endif]-->
<!--[if gte IE 9]><!--><html><!--<![endif]-->
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php dw_page_title();?></title>
<?php wp_head(); ?>
</head>
<body>
<header id="header">
<div class="navbar navbar-fixed-top">
<div class="container">
<div class="site-title">
<a href="http://davidawindham.com" title="David Windham"><img class="dw" title="David Windham" src="<?php echo get_bloginfo('template_directory');?>/img/dw.png" width="17"/></a>
<a href="<?php echo home_url( '/' ); ?>" class="navbar-brand navbar-right" title="David A. Windham" rel="home">David A. Windham</a>
</div>
</div>
<a href="#" class="nav-toggle navbar-right" data-toggle="offcanvas" data-target=".navmenu" data-canvas="body"><span></span></a>
</div>
</header>
<nav class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
<ul class="nav nav-stacked">
<li><a href="<?php echo home_url( '/' ); ?>bio" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
<li><a href="<?php echo home_url( '/' ); ?>notebook" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Notebook</a></li>
<li><a href="<?php echo home_url( '/' ); ?>studio" class="list-group-item"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
<li><a href="<?php echo home_url( '/' ); ?>contact" class="list-group-item"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
<li><a href="#archives" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-folder-open-o fa-fw"></span> Archives</a>
</ul>
<div class="collapse" id="archives">
<?php wp_get_archives( array( 'type' => 'yearly') ); ?>
</div>
<div class="clear">
<a href="#social" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-external-link fa-fw"></span> Connect</a>
<div class="collapse" id="social">
<ul class="social">
<li><a href="https://davidawindham.com/feed" class="" rel="me"><span class="fa fa-2x fa-rss-square"></span></a></li>
<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://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://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="http://en.wikipedia.org/wiki/User:Windhamdavid" class=""><span class="fa fa-15x fa-globe"></span></a></li>
<ul>
</div>
</nav>