header-home.php 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. <meta name="description" content="David A. Windham - Zeken Woozer Enterprises, Un-Ltd. South Carolina USA" />
  13. <link rel="shortcut icon" href="../favicon.ico?v=2" />
  14. <title><?php dw_page_title();?></title>
  15. <?php wp_head(); ?>
  16. </head>
  17. <body>
  18. <?php get_template_part('loader') ?>
  19. <div class="modal fade terminal-welcome" tabindex="-1" role="dialog" aria-labelledby="welcome" aria-hidden="true">
  20. <div class="modal-dialog modal-lg">
  21. <div class="modal-content">
  22. <div class="welcome-back">
  23. <div class="screen-reader">
  24. <h1>Hello,</h1>
  25. <h3>Welcome to my little corner of the internet.</h3>
  26. <h4>It's very nice to have you here!</h4>
  27. </div>
  28. <div class="welcome"></div>
  29. <div class="thermo-intro"></div>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="modal fade terminal" tabindex="-1" role="dialog" aria-labelledby="welcomeback" aria-hidden="true">
  35. <div class="modal-dialog modal-lg">
  36. <div class="modal-content">
  37. <div class="welcome-back">
  38. <div class="welcome-back-text"></div>
  39. <div class="thermo"></div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. <header id="header">
  45. <div id="nav">
  46. <div class="navbar navbar-fixed-top">
  47. <div class="container">
  48. <div class="site-title">
  49. <a href="#" class="navbar-brand navbar-right light" data-toggle="offcanvas" data-target=".navmenu" title="David A. Windham" rel="home">David A. Windham</a>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54. </header>
  55. <nav id="site-menu" class="slide-menu-left navmenu navmenu-default navmenu-fixed-right offcanvas" role="navigation">
  56. <ul class="nav nav-stacked">
  57. <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>
  58. <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>
  59. <li><a href="<?php echo home_url( '/' ); ?>studio" class="list-group-item"><span class="fa fa-flask fa-fw"></span> Studio</a></li>
  60. <li><a href="<?php echo home_url( '/' ); ?>contact" class="list-group-item"><span class="fa fa-envelope-o fa-fw"></span> Contact</a></li>
  61. <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>
  62. <li><a href="#social" class="list-group-item" data-toggle="collapse" data-parent=".navmenu"><span class="fa fa-external-link fa-fw"></span> Connect</a></li>
  63. </ul>
  64. <div class="collapse" id="archives">
  65. <ul>
  66. <?php wp_get_archives( array( 'type' => 'yearly') ); ?>
  67. </ul>
  68. </div>
  69. <div class="collapse" id="social">
  70. <ul class="social">
  71. <li><a href="https://davidawindham.com/feed" class="" rel="me"><span class="fa fa-2x fa-rss-square"></span></a></li>
  72. <li><a href="https://twitter.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-twitter-square"></span></a></li>
  73. <li><a href="https://www.facebook.com/windhamdavid" class=""><span class="fa fa-2x fa-facebook-square"></span></a></li>
  74. <li><a href="https://plus.google.com/+DavidWindham1" class="" rel="me"><span class="fa fa-2x fa-google-plus-square"></span></a></li>
  75. <li><a href="https://github.com/windhamdavid" class="" rel="me"><span class="fa fa-2x fa-github-square"></span></a></li>
  76. <li><a href="http://www.last.fm/user/windhamdavid" class=""><span class="fa fa-2x fa-lastfm-square"></span></a></li>
  77. <li><a href="http://vimeo.com/windhamdavid" class=""><span class="fa fa-2x fa-vimeo-square"></span></a></li>
  78. <li><a href="http://windhamdavid.tumblr.com/" class=""><span class="fa fa-2x fa-tumblr-square"></span></a></li>
  79. <li><a href="https://keybase.io/windhamdavid" class=""><span class="fa fa-15x fa-key"></span></a></li>
  80. <li><a href="https://www.coinbase.com/windhamdavid" class=""><span class="fa fa-15x fa-bitcoin"></span></a></li>
  81. <li><a href="https://angel.co/windhamdavid" class=""><span class="fa fa-15x fa-angellist"></span></a></li>
  82. </ul>
  83. </div>
  84. </nav>