nav

header.php

@@ -22,12 +22,12 @@
 		</div>
 	</div>
 </header>
-<div class="offcanvas offcanvas-end text-bg-blue" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel">
-  <nav class="navmenu navmenu-default" role="navigation">
+<div class="offcanvas show offcanvas-end text-bg-blue" tabindex="-1" id="offcanvasNav" aria-labelledby="offcanvasNavLabel">
+  <nav class="navmenu navmenu-default p-3 fs-5" role="navigation">
     <ul class="nav nav-stacked list-group">
-      <li><a href="<?php echo home_url( '/' ); ?>" class="list-group-item"><span class="fa fa-home fa-fw"></span> Home</a></li>
-      <li><a href="<?php echo home_url( '/' ); ?>about" class="list-group-item"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
-      <li><a href="<?php echo home_url( '/' ); ?>desk" class="list-group-item"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
+      <li class="list-group-item"><a href="<?php echo home_url( '/' ); ?>"><span class="fa fa-home fa-fw"></span> Home</a></li>
+      <li class="list-group-item"><a href="<?php echo home_url( '/' ); ?>about"><span class="fa fa-file-text-o fa-fw"></span> About</a></li>
+      <li class="list-group-item"><a href="<?php echo home_url( '/' ); ?>desk"><span class="fa fa-pencil-square-o fa-fw"></span> Desk</a></li>
       <ul>
         <li><a href="<?php echo home_url( '/' ); ?>desk/archive" title="Archive" class="list-group-item"><span class="fa fa-archive fa-fw"></span> Archive</a></li>
         <li><a href="<?php echo home_url( '/' ); ?>til/" title="Today I Learned" class="list-group-item"><span class="fa fa-book fa-fw"></span> TIL</a></li>

page-sitemap.php

@@ -25,13 +25,23 @@ get_header(); ?>
 								<br />
 								<li><a href="../desk/" title="Desk" ><span class="fa fa-pencil fa-fw"></span> Desk</a>
 										&nbsp; - <a href="../desk/archive" title="Archive" ><span class="fa fa-archive fa-fw"></span> Archive</a>
-										&nbsp; | <a href="../til/" title="Categories" ><span class="fa fa-book fa-fw"></span> Today I Learned</a>
-										&nbsp; | <a href="../til/docs" title="Categories" ><span class="fa fa-file fa-fw"></span> Docs</a>
+
+
 										&nbsp; | <a href="../desk/" title="Categories" ><span class="fa fa-folder-open-o fa-fw"></span> Topics</a>
 										&nbsp; | <a href="../desk/" title="Tags" ><span class="fa fa-tags fa-fw"></span> Tags</a>
-										&nbsp; | <a href="../mail/" title="Newsletter" ><span class="fa fa-paper-plane-o fa-fw"></span> Emails</a>
+
 								</li>
 								<br />
+
+                <li><a href="../til/about" title="Today I Learned" ><span class="fa fa-book fa-fw"></span> Knowledge Base</a>
+                    &nbsp; - <a href="../til/" title="Today I Learned" ><span class="fa fa-book fa-fw"></span> Today I Learned</a>
+                    &nbsp; | <a href="../til/docs" title="Today I Learned - Docs" ><span class="fa fa-file fa-fw"></span> Docs</a>
+                    &nbsp; | <a href="../til/notes" title="Today I Learned - Notes" ><span class="fa fa-file fa-fw"></span> Notes</a>
+                    &nbsp; | <a href="../til/posts" title="Today I Learned - Posts" ><span class="fa fa-file fa-fw"></span> Posts</a>
+                    &nbsp; | <a href="../til/lists" title="Today I Learned - Lists" ><span class="fa fa-list fa-fw"></span> Lists</a>
+                    &nbsp; | <a href="../til/help" title="Today I Learned - Lists" ><span class="fa fa-question fa-fw"></span> Help</a>
+                </li>
+								<br />
 								<li><a href="../studio/" title="Studio" ><span class="fa fa-flask fa-fw"></span> Studio</a>
 										&nbsp; - <a href="../studio" title="Web" ><span class="fa fa-desktop fa-fw"></span> Web</a>
 										&nbsp; | <a href="http://code.davidawindham.com" title="Code" ><span class="fa fa-code fa-fw"></span> Code</a>
@@ -45,7 +55,7 @@ get_header(); ?>
 								<li><a href="" ><span class="fa fa-briefcase fa-fw"></span> ETC</a>
 										&nbsp; - <a href="../about/analytics/" title="CV" ><span class="fa fa-tachometer fa-fw"></span> Analytics</a>
 										&nbsp; | <a href="../bookmarks/" title="Music" ><span class="fa fa-bookmark fa-fw"></span> Bookmarks</a>
-										&nbsp; | <a href="../til/" title="Music" ><span class="fa fa-book fa-fw"></span> Today I Learned</a>
+										&nbsp; | <a href="../mail/" title="Newsletter" ><span class="fa fa-paper-plane-o fa-fw"></span> Emails</a>
 										&nbsp; | <a href="../reader/" title="Music" ><span class="fa fa-rss-square fa-fw"></span> Reader</a>
 										&nbsp; | <a href="../list" ><span class="fa fa-list fa-fw"></span> List</a>
 								</li>

style.css

@@ -2879,15 +2879,20 @@ ul.bookmarks {
   background:#383838b3;
 }
 .offcanvas {
-  background: #383838eb;
+  background: #2b2e35d7;
 }
 ul.nav .list-group-item a {
   color: #fff;
-  font-weight:800;
+}
+ul.nav .list-group-item a:hover {
+  color: #25c2a0;
 }
 ul.nav .list-group-item .fa {
   color: #fff;
 }
+ul.nav .list-group-item .fa:hover {
+  color: #25c2a0;
+}
 ul.nav .list-group-item {
   border:none;
 	background: none;