header.php 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <!DOCTYPE html>
  2. <!--[if lt IE 9]><html class="ie"><![endif]-->
  3. <!--[if gte IE 9]><!--><html lang="en-US"><!--<![endif]-->
  4. <head>
  5. <!--
  6. . . . . . .
  7. . . ...-..-| |-. .-. .-.-..-| .-.. ...-|
  8. ` ` '' '`-'-' '-`-`-' ' '`-'-`-`-` '`-'-
  9. -->
  10. <meta charset="UTF-8" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1">
  12. <title><?php dw_page_title();?></title>
  13. <?php wp_head(); ?>
  14. </head>
  15. <body>
  16. <header id="header">
  17. <div class="navbar navbar-fixed-top">
  18. <div class="container">
  19. <div class="site-title">
  20. <a href="#" class="navbar-brand navbar-right" data-toggle="offcanvas" data-target=".navmenu" title="David A. Windham" rel="home">David A. Windham</a>
  21. </div>
  22. </div>
  23. </div>
  24. </header>
  25. <nav class="navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
  26. <ul class="nav nav-stacked">
  27. <li><a href="<?php echo home_url( '/' ); ?>" class="list-group-item"><span class="fa fa-home fa-fw"></span> Home</a></li>
  28. <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>
  29. <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>
  30. <li><a href="<?php echo home_url( '/' ); ?>studio" class="list-group-item"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
  31. <li><a href="<?php echo home_url( '/' ); ?>contact" class="list-group-item"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
  32. <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>
  33. </ul>
  34. <div class="collapse" id="archives">
  35. <ul>
  36. <?php wp_get_archives( array( 'type' => 'yearly') ); ?>
  37. </ul>
  38. </div>
  39. <div class="clear"></div>
  40. <a href="#social" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-external-link fa-fw"></span> Connect</a>
  41. <div class="collapse" id="social">
  42. <ul class="social">
  43. <li><a href="https://davidawindham.com/feed" class="" rel="me"><span class="fa fa-2x fa-rss-square"></span></a></li>
  44. <li><a href="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
  45. <li><a href="https://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-square"></span></a></li>
  46. <li><a href="https://plus.google.com/+DavidWindham1" class="" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
  47. <li><a href="https://github.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
  48. <li><a href="http://www.last.fm/user/windhamdavid" class=""><span class="fa fa-2x fa-lastfm-square"></span></a></li>
  49. <li><a href="http://vimeo.com/windhamdavid" class=""><span class="fa fa-2x fa-vimeo-square"></span></a></li>
  50. <li><a href="http://windhamdavid.tumblr.com/" class=""><span class="fa fa-2x fa-tumblr-square"></span></a></li>
  51. <li><a href="https://keybase.io/windhamdavid" class=""><span class="fa fa-15x fa-key"></span></a></li>
  52. <li><a href="https://www.coinbase.com/windhamdavid" class=""><span class="fa fa-15x fa-bitcoin"></span></a></li>
  53. <li><a href="http://en.wikipedia.org/wiki/User:Windhamdavid" class=""><span class="fa fa-15x fa-globe"></span></a></li>
  54. <li><a href="https://angel.co/windhamdavid" class=""><span class="fa fa-15x fa-angellist"></span></a></li>
  55. </ul>
  56. </div>
  57. </nav>