<div class="nav">
    <h3 class="nav-title">Menu</h3>
    <a href="#" class="nav-close">
        <span class="hidden">Close</span>
    </a>
    <ul>
			  <!-- TODO: replace jekyll junk with JS -->
        <li class="nav-home  nav-current" role="presentation"><a href="/jasper/">Home</a></li>
        <li class="nav-about " role="presentation"><a href="/jasper/about">About</a></li>
        <li class="nav-fables " role="presentation"><a href="/jasper/tag/fables">Fables</a></li>
        <li class="nav-speeches " role="presentation"><a href="/jasper/tag/speeches">Speeches</a></li>
        <li class="nav-fiction " role="presentation"><a href="/jasper/tag/fiction">Fiction</a></li>
        <li class="nav-author " role="presentation"><a href="/jasper/author/casper">Author</a></li>
    </ul>

	 <a class="subscribe-button icon-feed" href="{{ site_url }}/atom.xml">Subscribe</a>
</div>
<span class="nav-cover"></span>