Add syntax highlighting

_site/themes/hyde-hyde/layouts/index.html

@@ -11,11 +11,11 @@
 
   <p>
   <span style="font-family: monospace; font-size: 1.6em;">WTF</span> is a personal information dashboard for your
-  terminal, made for those who spend most of their days in the command line.
+  terminal, developed for those who spend most of their day in the command line.
   </p>
 
   <p>
-  It provides a framework for rapidly viewing important at-a-glance information quickly.
+  It provides a framework for rapidly viewing important at-a-glance information easily.
   </p>
 
   <p>
@@ -32,7 +32,7 @@
   <!--<p>-->
 
   <p>
-  It even has weather. And emoji. Just enough emoji.
+  It even has weather. And clocks. And emoji.
   </p>
 
   <a href="https://github.com/senorprogrammer/wtf" class="button">Github</a>

_site/themes/hyde-hyde/layouts/partials/header.html

@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="{{ .Site.BaseURL }}css/poole.css">
 <link rel="stylesheet" href="{{ .Site.BaseURL }}css/hyde.css">
 <link rel="stylesheet" href="{{ .Site.BaseURL }}css/wtf.css">
+<link rel="stylesheet" href="{{ .Site.BaseURL }}css/syntax.css">
 {{ "<!-- Font-Awesome -->" | safeHTML }}
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 {{ if .Site.Params.highlightjs -}}

_site/themes/hyde-hyde/layouts/partials/sidebar.html

@@ -10,9 +10,11 @@
 
     <div>
       <h3 style="color: white;">Content</h3>
+
       <ul style="list-style-type: none;">
         <li class="sidebar-list-item-1"><a href="/posts/installation/" class="disabled">Installation</a></li>
         <li class="sidebar-list-item-1"><a href="/posts/configuration/">Configuration</a></li>
+        <li class="sidebar-list-item-1"><a href="/posts/howto/" class="disabled">How to Use</a></li>
       </ul>
 
       <ul style="list-style-type: none;">