diff --git a/_site/config.toml b/_site/config.toml
index 1e3e4c0e..5dbcdf00 100644
--- a/_site/config.toml
+++ b/_site/config.toml
@@ -1,5 +1,7 @@
 baseURL = "http://wtfutil.com/"
 languageCode = "en-us"
+pygmentsCodeFences = true
+pygmentsUseClasses = true
 publishDir = "../docs"
 sectionPagesMenu = "main"
 theme = "hyde-hyde"
diff --git a/_site/content/posts/modules/git.md b/_site/content/posts/modules/git.md
index 63f79c0f..c87153b4 100644
--- a/_site/content/posts/modules/git.md
+++ b/_site/content/posts/modules/git.md
@@ -13,16 +13,16 @@ files, and recent commits.
 
 #### Branch
 
-Displays the of the currently-active git branch.
+The name of the currently-active git branch.
 
 #### Changed Files
 
-Displays a list of all the files that have changed since the last
+A list of all the files that have changed since the last
 commit, and their status.
 
 #### Recent Commits
 
-Displays a list of `n` recent commits, who committed it, and when.
+A list of `n` recent commits, who committed it, and when.
 
 ## Source Code
 
diff --git a/_site/content/posts/modules/github.md b/_site/content/posts/modules/github.md
index 234ff3f5..550411db 100644
--- a/_site/content/posts/modules/github.md
+++ b/_site/content/posts/modules/github.md
@@ -13,11 +13,11 @@ review requests, and open pull requests.
 
 #### Open Review Requests
 
-Displays all open code review requests assigned to you.
+All open code review requests assigned to you.
 
 #### Open Pull Requests
 
-Displays all open pull requests created by you.
+All open pull requests created by you.
 
 ## Source Code
 
diff --git a/_site/themes/hyde-hyde/layouts/index.html b/_site/themes/hyde-hyde/layouts/index.html
index 72002de3..2ad5fadf 100644
--- a/_site/themes/hyde-hyde/layouts/index.html
+++ b/_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>
diff --git a/_site/themes/hyde-hyde/layouts/partials/header.html b/_site/themes/hyde-hyde/layouts/partials/header.html
index 8cf8d42e..b1ce65de 100644
--- a/_site/themes/hyde-hyde/layouts/partials/header.html
+++ b/_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 -}}
diff --git a/_site/themes/hyde-hyde/layouts/partials/sidebar.html b/_site/themes/hyde-hyde/layouts/partials/sidebar.html
index d87588b0..bad78844 100644
--- a/_site/themes/hyde-hyde/layouts/partials/sidebar.html
+++ b/_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;">
diff --git a/_site/themes/hyde-hyde/static/css/syntax.css b/_site/themes/hyde-hyde/static/css/syntax.css
index 71b73eb6..700bef68 100644
--- a/_site/themes/hyde-hyde/static/css/syntax.css
+++ b/_site/themes/hyde-hyde/static/css/syntax.css
@@ -1,66 +1,66 @@
-/* Background */ .chroma { background-color: #f0f0f0 }
+/* Background */ .chroma { background-color: #f8f8f8 }
 /* Error */ .chroma .err {  }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
 /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
-/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
 /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
-/* Keyword */ .chroma .k { color: #007020; font-weight: bold }
-/* KeywordConstant */ .chroma .kc { color: #007020; font-weight: bold }
-/* KeywordDeclaration */ .chroma .kd { color: #007020; font-weight: bold }
-/* KeywordNamespace */ .chroma .kn { color: #007020; font-weight: bold }
-/* KeywordPseudo */ .chroma .kp { color: #007020 }
-/* KeywordReserved */ .chroma .kr { color: #007020; font-weight: bold }
-/* KeywordType */ .chroma .kt { color: #902000 }
-/* NameAttribute */ .chroma .na { color: #4070a0 }
-/* NameBuiltin */ .chroma .nb { color: #007020 }
-/* NameClass */ .chroma .nc { color: #0e84b5; font-weight: bold }
-/* NameConstant */ .chroma .no { color: #60add5 }
-/* NameDecorator */ .chroma .nd { color: #555555; font-weight: bold }
-/* NameEntity */ .chroma .ni { color: #d55537; font-weight: bold }
-/* NameException */ .chroma .ne { color: #007020 }
-/* NameFunction */ .chroma .nf { color: #06287e }
-/* NameLabel */ .chroma .nl { color: #002070; font-weight: bold }
-/* NameNamespace */ .chroma .nn { color: #0e84b5; font-weight: bold }
-/* NameTag */ .chroma .nt { color: #062873; font-weight: bold }
-/* NameVariable */ .chroma .nv { color: #bb60d5 }
-/* LiteralString */ .chroma .s { color: #4070a0 }
-/* LiteralStringAffix */ .chroma .sa { color: #4070a0 }
-/* LiteralStringBacktick */ .chroma .sb { color: #4070a0 }
-/* LiteralStringChar */ .chroma .sc { color: #4070a0 }
-/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0 }
-/* LiteralStringDoc */ .chroma .sd { color: #4070a0; font-style: italic }
-/* LiteralStringDouble */ .chroma .s2 { color: #4070a0 }
-/* LiteralStringEscape */ .chroma .se { color: #4070a0; font-weight: bold }
-/* LiteralStringHeredoc */ .chroma .sh { color: #4070a0 }
-/* LiteralStringInterpol */ .chroma .si { color: #70a0d0; font-style: italic }
-/* LiteralStringOther */ .chroma .sx { color: #c65d09 }
-/* LiteralStringRegex */ .chroma .sr { color: #235388 }
-/* LiteralStringSingle */ .chroma .s1 { color: #4070a0 }
-/* LiteralStringSymbol */ .chroma .ss { color: #517918 }
-/* LiteralNumber */ .chroma .m { color: #40a070 }
-/* LiteralNumberBin */ .chroma .mb { color: #40a070 }
-/* LiteralNumberFloat */ .chroma .mf { color: #40a070 }
-/* LiteralNumberHex */ .chroma .mh { color: #40a070 }
-/* LiteralNumberInteger */ .chroma .mi { color: #40a070 }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #40a070 }
-/* LiteralNumberOct */ .chroma .mo { color: #40a070 }
+/* Keyword */ .chroma .k { color: #aa22ff; font-weight: bold }
+/* KeywordConstant */ .chroma .kc { color: #aa22ff; font-weight: bold }
+/* KeywordDeclaration */ .chroma .kd { color: #aa22ff; font-weight: bold }
+/* KeywordNamespace */ .chroma .kn { color: #aa22ff; font-weight: bold }
+/* KeywordPseudo */ .chroma .kp { color: #aa22ff }
+/* KeywordReserved */ .chroma .kr { color: #aa22ff; font-weight: bold }
+/* KeywordType */ .chroma .kt { color: #00bb00; font-weight: bold }
+/* NameAttribute */ .chroma .na { color: #bb4444 }
+/* NameBuiltin */ .chroma .nb { color: #aa22ff }
+/* NameClass */ .chroma .nc { color: #0000ff }
+/* NameConstant */ .chroma .no { color: #880000 }
+/* NameDecorator */ .chroma .nd { color: #aa22ff }
+/* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
+/* NameException */ .chroma .ne { color: #d2413a; font-weight: bold }
+/* NameFunction */ .chroma .nf { color: #00a000 }
+/* NameLabel */ .chroma .nl { color: #a0a000 }
+/* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold }
+/* NameTag */ .chroma .nt { color: #008000; font-weight: bold }
+/* NameVariable */ .chroma .nv { color: #b8860b }
+/* LiteralString */ .chroma .s { color: #bb4444 }
+/* LiteralStringAffix */ .chroma .sa { color: #bb4444 }
+/* LiteralStringBacktick */ .chroma .sb { color: #bb4444 }
+/* LiteralStringChar */ .chroma .sc { color: #bb4444 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #bb4444 }
+/* LiteralStringDoc */ .chroma .sd { color: #bb4444; font-style: italic }
+/* LiteralStringDouble */ .chroma .s2 { color: #bb4444 }
+/* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold }
+/* LiteralStringHeredoc */ .chroma .sh { color: #bb4444 }
+/* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold }
+/* LiteralStringOther */ .chroma .sx { color: #008000 }
+/* LiteralStringRegex */ .chroma .sr { color: #bb6688 }
+/* LiteralStringSingle */ .chroma .s1 { color: #bb4444 }
+/* LiteralStringSymbol */ .chroma .ss { color: #b8860b }
+/* LiteralNumber */ .chroma .m { color: #666666 }
+/* LiteralNumberBin */ .chroma .mb { color: #666666 }
+/* LiteralNumberFloat */ .chroma .mf { color: #666666 }
+/* LiteralNumberHex */ .chroma .mh { color: #666666 }
+/* LiteralNumberInteger */ .chroma .mi { color: #666666 }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #666666 }
+/* LiteralNumberOct */ .chroma .mo { color: #666666 }
 /* Operator */ .chroma .o { color: #666666 }
-/* OperatorWord */ .chroma .ow { color: #007020; font-weight: bold }
-/* Comment */ .chroma .c { color: #60a0b0; font-style: italic }
-/* CommentHashbang */ .chroma .ch { color: #60a0b0; font-style: italic }
-/* CommentMultiline */ .chroma .cm { color: #60a0b0; font-style: italic }
-/* CommentSingle */ .chroma .c1 { color: #60a0b0; font-style: italic }
-/* CommentSpecial */ .chroma .cs { color: #60a0b0; background-color: #fff0f0 }
-/* CommentPreproc */ .chroma .cp { color: #007020 }
-/* CommentPreprocFile */ .chroma .cpf { color: #007020 }
+/* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold }
+/* Comment */ .chroma .c { color: #008800; font-style: italic }
+/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic }
+/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic }
+/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic }
+/* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold }
+/* CommentPreproc */ .chroma .cp { color: #008800 }
+/* CommentPreprocFile */ .chroma .cpf { color: #008800 }
 /* GenericDeleted */ .chroma .gd { color: #a00000 }
 /* GenericEmph */ .chroma .ge { font-style: italic }
 /* GenericError */ .chroma .gr { color: #ff0000 }
 /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold }
 /* GenericInserted */ .chroma .gi { color: #00a000 }
 /* GenericOutput */ .chroma .go { color: #888888 }
-/* GenericPrompt */ .chroma .gp { color: #c65d09; font-weight: bold }
+/* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold }
 /* GenericStrong */ .chroma .gs { font-weight: bold }
 /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold }
 /* GenericTraceback */ .chroma .gt { color: #0044dd }
diff --git a/docs/404.html b/docs/404.html
index 29021368..9782fe0c 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
diff --git a/docs/categories/index.html b/docs/categories/index.html
index 7cae3375..b61bf45f 100644
--- a/docs/categories/index.html
+++ b/docs/categories/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -52,9 +53,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;">
diff --git a/docs/css/syntax.css b/docs/css/syntax.css
index 71b73eb6..700bef68 100644
--- a/docs/css/syntax.css
+++ b/docs/css/syntax.css
@@ -1,66 +1,66 @@
-/* Background */ .chroma { background-color: #f0f0f0 }
+/* Background */ .chroma { background-color: #f8f8f8 }
 /* Error */ .chroma .err {  }
 /* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: 100%; overflow: auto; display: block; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
 /* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
-/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; display: block; }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
 /* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
-/* Keyword */ .chroma .k { color: #007020; font-weight: bold }
-/* KeywordConstant */ .chroma .kc { color: #007020; font-weight: bold }
-/* KeywordDeclaration */ .chroma .kd { color: #007020; font-weight: bold }
-/* KeywordNamespace */ .chroma .kn { color: #007020; font-weight: bold }
-/* KeywordPseudo */ .chroma .kp { color: #007020 }
-/* KeywordReserved */ .chroma .kr { color: #007020; font-weight: bold }
-/* KeywordType */ .chroma .kt { color: #902000 }
-/* NameAttribute */ .chroma .na { color: #4070a0 }
-/* NameBuiltin */ .chroma .nb { color: #007020 }
-/* NameClass */ .chroma .nc { color: #0e84b5; font-weight: bold }
-/* NameConstant */ .chroma .no { color: #60add5 }
-/* NameDecorator */ .chroma .nd { color: #555555; font-weight: bold }
-/* NameEntity */ .chroma .ni { color: #d55537; font-weight: bold }
-/* NameException */ .chroma .ne { color: #007020 }
-/* NameFunction */ .chroma .nf { color: #06287e }
-/* NameLabel */ .chroma .nl { color: #002070; font-weight: bold }
-/* NameNamespace */ .chroma .nn { color: #0e84b5; font-weight: bold }
-/* NameTag */ .chroma .nt { color: #062873; font-weight: bold }
-/* NameVariable */ .chroma .nv { color: #bb60d5 }
-/* LiteralString */ .chroma .s { color: #4070a0 }
-/* LiteralStringAffix */ .chroma .sa { color: #4070a0 }
-/* LiteralStringBacktick */ .chroma .sb { color: #4070a0 }
-/* LiteralStringChar */ .chroma .sc { color: #4070a0 }
-/* LiteralStringDelimiter */ .chroma .dl { color: #4070a0 }
-/* LiteralStringDoc */ .chroma .sd { color: #4070a0; font-style: italic }
-/* LiteralStringDouble */ .chroma .s2 { color: #4070a0 }
-/* LiteralStringEscape */ .chroma .se { color: #4070a0; font-weight: bold }
-/* LiteralStringHeredoc */ .chroma .sh { color: #4070a0 }
-/* LiteralStringInterpol */ .chroma .si { color: #70a0d0; font-style: italic }
-/* LiteralStringOther */ .chroma .sx { color: #c65d09 }
-/* LiteralStringRegex */ .chroma .sr { color: #235388 }
-/* LiteralStringSingle */ .chroma .s1 { color: #4070a0 }
-/* LiteralStringSymbol */ .chroma .ss { color: #517918 }
-/* LiteralNumber */ .chroma .m { color: #40a070 }
-/* LiteralNumberBin */ .chroma .mb { color: #40a070 }
-/* LiteralNumberFloat */ .chroma .mf { color: #40a070 }
-/* LiteralNumberHex */ .chroma .mh { color: #40a070 }
-/* LiteralNumberInteger */ .chroma .mi { color: #40a070 }
-/* LiteralNumberIntegerLong */ .chroma .il { color: #40a070 }
-/* LiteralNumberOct */ .chroma .mo { color: #40a070 }
+/* Keyword */ .chroma .k { color: #aa22ff; font-weight: bold }
+/* KeywordConstant */ .chroma .kc { color: #aa22ff; font-weight: bold }
+/* KeywordDeclaration */ .chroma .kd { color: #aa22ff; font-weight: bold }
+/* KeywordNamespace */ .chroma .kn { color: #aa22ff; font-weight: bold }
+/* KeywordPseudo */ .chroma .kp { color: #aa22ff }
+/* KeywordReserved */ .chroma .kr { color: #aa22ff; font-weight: bold }
+/* KeywordType */ .chroma .kt { color: #00bb00; font-weight: bold }
+/* NameAttribute */ .chroma .na { color: #bb4444 }
+/* NameBuiltin */ .chroma .nb { color: #aa22ff }
+/* NameClass */ .chroma .nc { color: #0000ff }
+/* NameConstant */ .chroma .no { color: #880000 }
+/* NameDecorator */ .chroma .nd { color: #aa22ff }
+/* NameEntity */ .chroma .ni { color: #999999; font-weight: bold }
+/* NameException */ .chroma .ne { color: #d2413a; font-weight: bold }
+/* NameFunction */ .chroma .nf { color: #00a000 }
+/* NameLabel */ .chroma .nl { color: #a0a000 }
+/* NameNamespace */ .chroma .nn { color: #0000ff; font-weight: bold }
+/* NameTag */ .chroma .nt { color: #008000; font-weight: bold }
+/* NameVariable */ .chroma .nv { color: #b8860b }
+/* LiteralString */ .chroma .s { color: #bb4444 }
+/* LiteralStringAffix */ .chroma .sa { color: #bb4444 }
+/* LiteralStringBacktick */ .chroma .sb { color: #bb4444 }
+/* LiteralStringChar */ .chroma .sc { color: #bb4444 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #bb4444 }
+/* LiteralStringDoc */ .chroma .sd { color: #bb4444; font-style: italic }
+/* LiteralStringDouble */ .chroma .s2 { color: #bb4444 }
+/* LiteralStringEscape */ .chroma .se { color: #bb6622; font-weight: bold }
+/* LiteralStringHeredoc */ .chroma .sh { color: #bb4444 }
+/* LiteralStringInterpol */ .chroma .si { color: #bb6688; font-weight: bold }
+/* LiteralStringOther */ .chroma .sx { color: #008000 }
+/* LiteralStringRegex */ .chroma .sr { color: #bb6688 }
+/* LiteralStringSingle */ .chroma .s1 { color: #bb4444 }
+/* LiteralStringSymbol */ .chroma .ss { color: #b8860b }
+/* LiteralNumber */ .chroma .m { color: #666666 }
+/* LiteralNumberBin */ .chroma .mb { color: #666666 }
+/* LiteralNumberFloat */ .chroma .mf { color: #666666 }
+/* LiteralNumberHex */ .chroma .mh { color: #666666 }
+/* LiteralNumberInteger */ .chroma .mi { color: #666666 }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #666666 }
+/* LiteralNumberOct */ .chroma .mo { color: #666666 }
 /* Operator */ .chroma .o { color: #666666 }
-/* OperatorWord */ .chroma .ow { color: #007020; font-weight: bold }
-/* Comment */ .chroma .c { color: #60a0b0; font-style: italic }
-/* CommentHashbang */ .chroma .ch { color: #60a0b0; font-style: italic }
-/* CommentMultiline */ .chroma .cm { color: #60a0b0; font-style: italic }
-/* CommentSingle */ .chroma .c1 { color: #60a0b0; font-style: italic }
-/* CommentSpecial */ .chroma .cs { color: #60a0b0; background-color: #fff0f0 }
-/* CommentPreproc */ .chroma .cp { color: #007020 }
-/* CommentPreprocFile */ .chroma .cpf { color: #007020 }
+/* OperatorWord */ .chroma .ow { color: #aa22ff; font-weight: bold }
+/* Comment */ .chroma .c { color: #008800; font-style: italic }
+/* CommentHashbang */ .chroma .ch { color: #008800; font-style: italic }
+/* CommentMultiline */ .chroma .cm { color: #008800; font-style: italic }
+/* CommentSingle */ .chroma .c1 { color: #008800; font-style: italic }
+/* CommentSpecial */ .chroma .cs { color: #008800; font-weight: bold }
+/* CommentPreproc */ .chroma .cp { color: #008800 }
+/* CommentPreprocFile */ .chroma .cpf { color: #008800 }
 /* GenericDeleted */ .chroma .gd { color: #a00000 }
 /* GenericEmph */ .chroma .ge { font-style: italic }
 /* GenericError */ .chroma .gr { color: #ff0000 }
 /* GenericHeading */ .chroma .gh { color: #000080; font-weight: bold }
 /* GenericInserted */ .chroma .gi { color: #00a000 }
 /* GenericOutput */ .chroma .go { color: #888888 }
-/* GenericPrompt */ .chroma .gp { color: #c65d09; font-weight: bold }
+/* GenericPrompt */ .chroma .gp { color: #000080; font-weight: bold }
 /* GenericStrong */ .chroma .gs { font-weight: bold }
 /* GenericSubheading */ .chroma .gu { color: #800080; font-weight: bold }
 /* GenericTraceback */ .chroma .gt { color: #0044dd }
diff --git a/docs/index.html b/docs/index.html
index 688951c5..3047c0ec 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -19,6 +19,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -51,9 +52,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;">
@@ -93,11 +96,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>
@@ -114,7 +117,7 @@
   
 
   <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>
diff --git a/docs/index.xml b/docs/index.xml
index 6796a58e..c8abd273 100644
--- a/docs/index.xml
+++ b/docs/index.xml
@@ -18,11 +18,12 @@
       
       <guid>http://wtfutil.com/posts/modules/github/</guid>
       <description>Description Displays information about git repositories hosted on Github: open review requests, and open pull requests.
-Open Review Requests Displays all open code review requests assigned to you.
-Open Pull Requests Displays all open pull requests created by you.
-Source Code wtf/github/  Required ENV Variables Key: WTF_GITHUB_TOKEN Action: Your Github API token.
+Open Review Requests All open code review requests assigned to you.
+Open Pull Requests All open pull requests created by you.
+Source Code wtf/github/ Required ENV Variables Key: WTF_GITHUB_TOKEN Action: Your Github API token.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
-Key: h Action: Show the previous git repository.</description>
+Key: h Action: Show the previous git repository.
+Key: l Action: Show the next git repository.</description>
     </item>
     
     <item>
@@ -32,10 +33,10 @@ Key: h Action: Show the previous git repository.</description>
       
       <guid>http://wtfutil.com/posts/modules/git/</guid>
       <description>Description Displays information about local git repositories: branch, changed files, and recent commits.
-Branch Displays the of the currently-active git branch.
-Changed Files Displays a list of all the files that have changed since the last commit, and their status.
-Recent Commits Displays a list of n recent commits, who committed it, and when.
-Source Code wtf/git/  Required ENV Variables None.
+Branch The name of the currently-active git branch.
+Changed Files A list of all the files that have changed since the last commit, and their status.
+Recent Commits A list of n recent commits, who committed it, and when.
+Source Code wtf/git/ Required ENV Variables None.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.</description>
     </item>
     
@@ -46,7 +47,7 @@ Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.<
       
       <guid>http://wtfutil.com/posts/modules/weather/</guid>
       <description>Description Displays a configurable list of current weather report, including current temperature, sunrise time, and sunset time.
-Source Code wtf/weather/  Required ENV Variables Key: WTF_OWM_API_KEY Action: Your OpenWeatherMap API key.
+Source Code wtf/weather/ Required ENV Variables Key: WTF_OWM_API_KEY Action: Your OpenWeatherMap API key.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
 Key: h Action: Show the previous weather location.
 Key: l Action: Show the next weather location.
@@ -61,10 +62,11 @@ Key: → Action: Show the next weather location.</description>
       
       <guid>http://wtfutil.com/posts/modules/textfile/</guid>
       <description>Description Displays the contents of the specified text file in the widget.
-Source Code wtf/textfile/  Required ENV Variables None.
+Source Code wtf/textfile/ Required ENV Variables None.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
 Key: o Action: Opens the text file in whichever text editor is associated with that file type.
-Configuration textfile: enabled: true filename: &amp;quot;notes.md&amp;quot; position: top: 5 left: 4 height: 2 width: 1 refreshInterval: 15  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
+Configuration textfile:enabled:truefilename:&amp;#34;notes.md&amp;#34;position:top:5left:4height:2width:1refreshInterval:15 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+filename The name of the file to be displayed in the widget.</description>
     </item>
     
     <item>
@@ -74,9 +76,10 @@ Configuration textfile: enabled: true filename: &amp;quot;notes.md&amp;quot; pos
       
       <guid>http://wtfutil.com/posts/modules/newrelic/</guid>
       <description>Description Connects to the New Relic API and displays the last n deploys of the monitored application: deploy ID, deploy time, and who deployed it.
-Source Code wtf/newrelic/  Required ENV Variables Key: WTF_NEW_RELIC_API_KEY Value: Your New Relic API token.
+Source Code wtf/newrelic/ Required ENV Variables Key: WTF_NEW_RELIC_API_KEY Value: Your New Relic API token.
 Keyboard Commands None.
-Configuration newrelic: applicationId: 10549735 deployCount: 6 enabled: true position: top: 4 left: 3 height: 1 width: 2 refreshInterval: 900  Attributes applicationId The integer ID of the New Relic application you wish to report on.</description>
+Configuration newrelic:applicationId:10549735deployCount:6enabled:trueposition:top:4left:3height:1width:2refreshInterval:900 Attributes applicationId The integer ID of the New Relic application you wish to report on. Values: A positive integer, 0..n.
+deployCount The number of past deploys to display on screen.</description>
     </item>
     
     <item>
@@ -86,9 +89,10 @@ Configuration newrelic: applicationId: 10549735 deployCount: 6 enabled: true pos
       
       <guid>http://wtfutil.com/posts/modules/opsgenie/</guid>
       <description>Description Connects to the OpsGenie API and displays all your scheduled rotations and who&amp;rsquo;s currently on call.
-Source Code wtf/opsgenie/  Required ENV Variables Key: WTF_OPS_GENIE_API_KEY Value: Your OpsGenie API token.
+Source Code wtf/opsgenie/ Required ENV Variables Key: WTF_OPS_GENIE_API_KEY Value: Your OpsGenie API token.
 Keyboard Commands None.
-Configuration opsgenie: enabled: true position: top: 2 left: 1 height: 2 width: 1 refreshInterval: 21600  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.</description>
+Configuration opsgenie:enabled:trueposition:top:2left:1height:2width:1refreshInterval:21600 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+position Defines where in the grid this module&amp;rsquo;s widget will be displayed. refreshInterval How often, in seconds, this module will update its data.</description>
     </item>
     
     <item>
@@ -98,7 +102,7 @@ Configuration opsgenie: enabled: true position: top: 2 left: 1 height: 2 width:
       
       <guid>http://wtfutil.com/posts/modules/security/</guid>
       <description>Description Displays some general information about the state of the machine&amp;rsquo;s wifi connection, firewall, and DNS settings.
-Wifi Network The name of the current network Whether or not the network uses encryption and if so, what flavour  Firewall Whether or not the firewall is enabled Whether or not Stealth Mode is enabled  DNS Which DNS resolvers (servers) the machine is configured to use  Source Code wtf/security  Required ENV Variables None.</description>
+Wifi Network The name of the current network Whether or not the network uses encryption and if so, what flavour  Firewall Whether or not the firewall is enabled Whether or not Stealth Mode is enabled  DNS Which DNS resolvers (servers) the machine is configured to use  Source Code wtf/security Required ENV Variables None.</description>
     </item>
     
     <item>
@@ -108,10 +112,11 @@ Wifi Network The name of the current network Whether or not the network uses enc
       
       <guid>http://wtfutil.com/posts/modules/bamboohr/</guid>
       <description>Description Connects to the BambooHR API and displays who will be Away today.
-Source Code wtf/bamboohr  Required ENV Variables Key: WTF_BAMBOO_HR_TOKEN Value: Your BambooHR API token.
+Source Code wtf/bamboohr Required ENV Variables Key: WTF_BAMBOO_HR_TOKEN Value: Your BambooHR API token.
 Key: WTF_BAMBOO_HR_SUBDOMAIN Value: Your BambooHR API subdomain name.
 Keyboard Commands None.
-Configuration bamboohr: enabled: true position: top: 0 left: 1 height: 2 width: 1 refreshInterval: 900  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
+Configuration bamboohr:enabled:trueposition:top:0left:1height:2width:1refreshInterval:900 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+position Defines where in the grid this module&amp;rsquo;s widget will be displayed.</description>
     </item>
     
     <item>
@@ -121,9 +126,11 @@ Configuration bamboohr: enabled: true position: top: 0 left: 1 height: 2 width:
       
       <guid>http://wtfutil.com/posts/modules/clocks/</guid>
       <description>Description Displays a configurable list of world clocks, the local time, and date.
-Source Code wtf/clocks/  Required ENV Variables None.
+Source Code wtf/clocks/ Required ENV Variables None.
 Keyboard Commands None.
-Configuration clocks: colors: rows: even: &amp;quot;lightblue&amp;quot; odd: &amp;quot;white&amp;quot; enabled: true locations: # From https://en.wikipedia.org/wiki/List_of_tz_database_time_zones Avignon: &amp;quot;Europe/Paris&amp;quot; Barcelona: &amp;quot;Europe/Madrid&amp;quot; Dubai: &amp;quot;Asia/Dubai&amp;quot; UTC: &amp;quot;Etc/UTC&amp;quot; Vancouver: &amp;quot;America/Vancouver&amp;quot; Toronto: &amp;quot;America/Toronto&amp;quot; position: top: 4 left: 0 height: 1 width: 1 refreshInterval: 15 # Valid options are: alphabetical, chronological sort: &amp;quot;alphabetical&amp;quot;  Attributes colors.</description>
+Configuration clocks:colors:rows:even:&amp;#34;lightblue&amp;#34;odd:&amp;#34;white&amp;#34;enabled:truelocations:# From https://en.wikipedia.org/wiki/List_of_tz_database_time_zonesAvignon:&amp;#34;Europe/Paris&amp;#34;Barcelona:&amp;#34;Europe/Madrid&amp;#34;Dubai:&amp;#34;Asia/Dubai&amp;#34;UTC:&amp;#34;Etc/UTC&amp;#34;Vancouver:&amp;#34;America/Vancouver&amp;#34;Toronto:&amp;#34;America/Toronto&amp;#34;position:top:4left:0height:1width:1refreshInterval:15# Valid options are: alphabetical, chronologicalsort:&amp;#34;alphabetical&amp;#34; Attributes colors.even Define the text color for even-numbered rows (2, 4, 6&amp;hellip;). Values: Any X11 color name.
+colors.odd Define the text color for the odd-numbered rows (1, 3, 5&amp;hellip;). Values: Any X11 color name.
+enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
     </item>
     
     <item>
diff --git a/docs/posts/configuration/index.html b/docs/posts/configuration/index.html
index b5fb3d69..bc3abd0d 100644
--- a/docs/posts/configuration/index.html
+++ b/docs/posts/configuration/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -131,10 +134,7 @@ start-up.</p>
 <p>To load a custom configuration file (ie: one that&rsquo;s not
 <code>~/.wtf/config.yml</code>), pass in the path to configuration file as a
 parameter on launch:</p>
-
-<pre><code class="language-bash">    $&gt; wtf --config=path/to/custom/config.yml
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">    $&gt; wtf --config<span class="o">=</span>path/to/custom/config.yml</code></pre></div>
 <h2 id="environment-env-variables">Environment (ENV) Variables</h2>
 
 <p>Some modules require the presence of environment variables to function
diff --git a/docs/posts/glossary/index.html b/docs/posts/glossary/index.html
index 8ad5d3cc..ab943c21 100644
--- a/docs/posts/glossary/index.html
+++ b/docs/posts/glossary/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
diff --git a/docs/posts/index.html b/docs/posts/index.html
index 6524700e..de553307 100644
--- a/docs/posts/index.html
+++ b/docs/posts/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -52,9 +53,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;">
diff --git a/docs/posts/index.xml b/docs/posts/index.xml
index cbc7df4b..f85fb5a3 100644
--- a/docs/posts/index.xml
+++ b/docs/posts/index.xml
@@ -18,11 +18,12 @@
       
       <guid>http://wtfutil.com/posts/modules/github/</guid>
       <description>Description Displays information about git repositories hosted on Github: open review requests, and open pull requests.
-Open Review Requests Displays all open code review requests assigned to you.
-Open Pull Requests Displays all open pull requests created by you.
-Source Code wtf/github/  Required ENV Variables Key: WTF_GITHUB_TOKEN Action: Your Github API token.
+Open Review Requests All open code review requests assigned to you.
+Open Pull Requests All open pull requests created by you.
+Source Code wtf/github/ Required ENV Variables Key: WTF_GITHUB_TOKEN Action: Your Github API token.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
-Key: h Action: Show the previous git repository.</description>
+Key: h Action: Show the previous git repository.
+Key: l Action: Show the next git repository.</description>
     </item>
     
     <item>
@@ -32,10 +33,10 @@ Key: h Action: Show the previous git repository.</description>
       
       <guid>http://wtfutil.com/posts/modules/git/</guid>
       <description>Description Displays information about local git repositories: branch, changed files, and recent commits.
-Branch Displays the of the currently-active git branch.
-Changed Files Displays a list of all the files that have changed since the last commit, and their status.
-Recent Commits Displays a list of n recent commits, who committed it, and when.
-Source Code wtf/git/  Required ENV Variables None.
+Branch The name of the currently-active git branch.
+Changed Files A list of all the files that have changed since the last commit, and their status.
+Recent Commits A list of n recent commits, who committed it, and when.
+Source Code wtf/git/ Required ENV Variables None.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.</description>
     </item>
     
@@ -46,7 +47,7 @@ Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.<
       
       <guid>http://wtfutil.com/posts/modules/weather/</guid>
       <description>Description Displays a configurable list of current weather report, including current temperature, sunrise time, and sunset time.
-Source Code wtf/weather/  Required ENV Variables Key: WTF_OWM_API_KEY Action: Your OpenWeatherMap API key.
+Source Code wtf/weather/ Required ENV Variables Key: WTF_OWM_API_KEY Action: Your OpenWeatherMap API key.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
 Key: h Action: Show the previous weather location.
 Key: l Action: Show the next weather location.
@@ -61,10 +62,11 @@ Key: → Action: Show the next weather location.</description>
       
       <guid>http://wtfutil.com/posts/modules/textfile/</guid>
       <description>Description Displays the contents of the specified text file in the widget.
-Source Code wtf/textfile/  Required ENV Variables None.
+Source Code wtf/textfile/ Required ENV Variables None.
 Keyboard Commands Key: / Action: Open/close the widget&amp;rsquo;s help window.
 Key: o Action: Opens the text file in whichever text editor is associated with that file type.
-Configuration textfile: enabled: true filename: &amp;quot;notes.md&amp;quot; position: top: 5 left: 4 height: 2 width: 1 refreshInterval: 15  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
+Configuration textfile:enabled:truefilename:&amp;#34;notes.md&amp;#34;position:top:5left:4height:2width:1refreshInterval:15 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+filename The name of the file to be displayed in the widget.</description>
     </item>
     
     <item>
@@ -74,9 +76,10 @@ Configuration textfile: enabled: true filename: &amp;quot;notes.md&amp;quot; pos
       
       <guid>http://wtfutil.com/posts/modules/newrelic/</guid>
       <description>Description Connects to the New Relic API and displays the last n deploys of the monitored application: deploy ID, deploy time, and who deployed it.
-Source Code wtf/newrelic/  Required ENV Variables Key: WTF_NEW_RELIC_API_KEY Value: Your New Relic API token.
+Source Code wtf/newrelic/ Required ENV Variables Key: WTF_NEW_RELIC_API_KEY Value: Your New Relic API token.
 Keyboard Commands None.
-Configuration newrelic: applicationId: 10549735 deployCount: 6 enabled: true position: top: 4 left: 3 height: 1 width: 2 refreshInterval: 900  Attributes applicationId The integer ID of the New Relic application you wish to report on.</description>
+Configuration newrelic:applicationId:10549735deployCount:6enabled:trueposition:top:4left:3height:1width:2refreshInterval:900 Attributes applicationId The integer ID of the New Relic application you wish to report on. Values: A positive integer, 0..n.
+deployCount The number of past deploys to display on screen.</description>
     </item>
     
     <item>
@@ -86,9 +89,10 @@ Configuration newrelic: applicationId: 10549735 deployCount: 6 enabled: true pos
       
       <guid>http://wtfutil.com/posts/modules/opsgenie/</guid>
       <description>Description Connects to the OpsGenie API and displays all your scheduled rotations and who&amp;rsquo;s currently on call.
-Source Code wtf/opsgenie/  Required ENV Variables Key: WTF_OPS_GENIE_API_KEY Value: Your OpsGenie API token.
+Source Code wtf/opsgenie/ Required ENV Variables Key: WTF_OPS_GENIE_API_KEY Value: Your OpsGenie API token.
 Keyboard Commands None.
-Configuration opsgenie: enabled: true position: top: 2 left: 1 height: 2 width: 1 refreshInterval: 21600  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.</description>
+Configuration opsgenie:enabled:trueposition:top:2left:1height:2width:1refreshInterval:21600 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+position Defines where in the grid this module&amp;rsquo;s widget will be displayed. refreshInterval How often, in seconds, this module will update its data.</description>
     </item>
     
     <item>
@@ -98,7 +102,7 @@ Configuration opsgenie: enabled: true position: top: 2 left: 1 height: 2 width:
       
       <guid>http://wtfutil.com/posts/modules/security/</guid>
       <description>Description Displays some general information about the state of the machine&amp;rsquo;s wifi connection, firewall, and DNS settings.
-Wifi Network The name of the current network Whether or not the network uses encryption and if so, what flavour  Firewall Whether or not the firewall is enabled Whether or not Stealth Mode is enabled  DNS Which DNS resolvers (servers) the machine is configured to use  Source Code wtf/security  Required ENV Variables None.</description>
+Wifi Network The name of the current network Whether or not the network uses encryption and if so, what flavour  Firewall Whether or not the firewall is enabled Whether or not Stealth Mode is enabled  DNS Which DNS resolvers (servers) the machine is configured to use  Source Code wtf/security Required ENV Variables None.</description>
     </item>
     
     <item>
@@ -108,10 +112,11 @@ Wifi Network The name of the current network Whether or not the network uses enc
       
       <guid>http://wtfutil.com/posts/modules/bamboohr/</guid>
       <description>Description Connects to the BambooHR API and displays who will be Away today.
-Source Code wtf/bamboohr  Required ENV Variables Key: WTF_BAMBOO_HR_TOKEN Value: Your BambooHR API token.
+Source Code wtf/bamboohr Required ENV Variables Key: WTF_BAMBOO_HR_TOKEN Value: Your BambooHR API token.
 Key: WTF_BAMBOO_HR_SUBDOMAIN Value: Your BambooHR API subdomain name.
 Keyboard Commands None.
-Configuration bamboohr: enabled: true position: top: 0 left: 1 height: 2 width: 1 refreshInterval: 900  Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
+Configuration bamboohr:enabled:trueposition:top:0left:1height:2width:1refreshInterval:900 Attributes enabled Determines whether or not this module is executed and if its data displayed onscreen. Values: true, false.
+position Defines where in the grid this module&amp;rsquo;s widget will be displayed.</description>
     </item>
     
     <item>
@@ -121,9 +126,11 @@ Configuration bamboohr: enabled: true position: top: 0 left: 1 height: 2 width:
       
       <guid>http://wtfutil.com/posts/modules/clocks/</guid>
       <description>Description Displays a configurable list of world clocks, the local time, and date.
-Source Code wtf/clocks/  Required ENV Variables None.
+Source Code wtf/clocks/ Required ENV Variables None.
 Keyboard Commands None.
-Configuration clocks: colors: rows: even: &amp;quot;lightblue&amp;quot; odd: &amp;quot;white&amp;quot; enabled: true locations: # From https://en.wikipedia.org/wiki/List_of_tz_database_time_zones Avignon: &amp;quot;Europe/Paris&amp;quot; Barcelona: &amp;quot;Europe/Madrid&amp;quot; Dubai: &amp;quot;Asia/Dubai&amp;quot; UTC: &amp;quot;Etc/UTC&amp;quot; Vancouver: &amp;quot;America/Vancouver&amp;quot; Toronto: &amp;quot;America/Toronto&amp;quot; position: top: 4 left: 0 height: 1 width: 1 refreshInterval: 15 # Valid options are: alphabetical, chronological sort: &amp;quot;alphabetical&amp;quot;  Attributes colors.</description>
+Configuration clocks:colors:rows:even:&amp;#34;lightblue&amp;#34;odd:&amp;#34;white&amp;#34;enabled:truelocations:# From https://en.wikipedia.org/wiki/List_of_tz_database_time_zonesAvignon:&amp;#34;Europe/Paris&amp;#34;Barcelona:&amp;#34;Europe/Madrid&amp;#34;Dubai:&amp;#34;Asia/Dubai&amp;#34;UTC:&amp;#34;Etc/UTC&amp;#34;Vancouver:&amp;#34;America/Vancouver&amp;#34;Toronto:&amp;#34;America/Toronto&amp;#34;position:top:4left:0height:1width:1refreshInterval:15# Valid options are: alphabetical, chronologicalsort:&amp;#34;alphabetical&amp;#34; Attributes colors.even Define the text color for even-numbered rows (2, 4, 6&amp;hellip;). Values: Any X11 color name.
+colors.odd Define the text color for the odd-numbered rows (1, 3, 5&amp;hellip;). Values: Any X11 color name.
+enabled Determines whether or not this module is executed and if its data displayed onscreen.</description>
     </item>
     
     <item>
diff --git a/docs/posts/modules/bamboohr/index.html b/docs/posts/modules/bamboohr/index.html
index 9fd1431e..2ac21941 100644
--- a/docs/posts/modules/bamboohr/index.html
+++ b/docs/posts/modules/bamboohr/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -108,10 +111,7 @@
 <p>Connects to the BambooHR API and displays who will be Away today.</p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/bamboohr
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/bamboohr</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p><span class="caption">Key:</span> <code>WTF_BAMBOO_HR_TOKEN</code> <br />
@@ -125,17 +125,14 @@
 <p>None.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">bamboohr:
-  enabled: true
-  position:
-    top: 0
-    left: 1
-    height: 2
-    width: 1
-  refreshInterval: 900
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">bamboohr<span class="p">:</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">0</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">900</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>enabled</code> <br />
diff --git a/docs/posts/modules/clocks/index.html b/docs/posts/modules/clocks/index.html
index 55ecbeec..4f6d3b51 100644
--- a/docs/posts/modules/clocks/index.html
+++ b/docs/posts/modules/clocks/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -97,7 +100,7 @@
       
       
       <br/>
-      <i class="fas fa-clock"></i> 2 min read 
+      <i class="fas fa-clock"></i> 1 min read 
       </span>  
   </div>    
   
@@ -110,10 +113,7 @@
 <p><img src="/imgs/modules/clocks.png" width="320" height="191" alt="clocks screenshot" /></p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/clocks/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/clocks/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p>None.</p>
@@ -123,31 +123,28 @@
 <p>None.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">clocks:
-  colors:
-    rows:
-      even: &quot;lightblue&quot;
-      odd: &quot;white&quot;
-  enabled: true
-  locations:
-    # From https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
-    Avignon: &quot;Europe/Paris&quot;
-    Barcelona: &quot;Europe/Madrid&quot;
-    Dubai: &quot;Asia/Dubai&quot;
-    UTC: &quot;Etc/UTC&quot;
-    Vancouver: &quot;America/Vancouver&quot;
-    Toronto: &quot;America/Toronto&quot;
-  position:
-    top: 4
-    left: 0
-    height: 1
-    width: 1
-  refreshInterval: 15
-  # Valid options are: alphabetical, chronological
-  sort: &quot;alphabetical&quot;
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">clocks<span class="p">:</span><span class="w">
+</span><span class="w">  </span>colors<span class="p">:</span><span class="w">
+</span><span class="w">    </span>rows<span class="p">:</span><span class="w">
+</span><span class="w">      </span>even<span class="p">:</span><span class="w"> </span><span class="s2">&#34;lightblue&#34;</span><span class="w">
+</span><span class="w">      </span>odd<span class="p">:</span><span class="w"> </span><span class="s2">&#34;white&#34;</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>locations<span class="p">:</span><span class="w">
+</span><span class="w">    </span><span class="c"># From https://en.wikipedia.org/wiki/List_of_tz_database_time_zones</span><span class="w">
+</span><span class="w">    </span>Avignon<span class="p">:</span><span class="w"> </span><span class="s2">&#34;Europe/Paris&#34;</span><span class="w">
+</span><span class="w">    </span>Barcelona<span class="p">:</span><span class="w"> </span><span class="s2">&#34;Europe/Madrid&#34;</span><span class="w">
+</span><span class="w">    </span>Dubai<span class="p">:</span><span class="w"> </span><span class="s2">&#34;Asia/Dubai&#34;</span><span class="w">
+</span><span class="w">    </span>UTC<span class="p">:</span><span class="w"> </span><span class="s2">&#34;Etc/UTC&#34;</span><span class="w">
+</span><span class="w">    </span>Vancouver<span class="p">:</span><span class="w"> </span><span class="s2">&#34;America/Vancouver&#34;</span><span class="w">
+</span><span class="w">    </span>Toronto<span class="p">:</span><span class="w"> </span><span class="s2">&#34;America/Toronto&#34;</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">4</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">0</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">15</span><span class="w">
+</span><span class="w">  </span><span class="c"># Valid options are: alphabetical, chronological</span><span class="w">
+</span><span class="w">  </span>sort<span class="p">:</span><span class="w"> </span><span class="s2">&#34;alphabetical&#34;</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>colors.even</code> <br />
diff --git a/docs/posts/modules/git/index.html b/docs/posts/modules/git/index.html
index 1b7e2b8b..396d63c5 100644
--- a/docs/posts/modules/git/index.html
+++ b/docs/posts/modules/git/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -112,22 +115,19 @@ files, and recent commits.</p>
 
 <h4 id="branch">Branch</h4>
 
-<p>Displays the of the currently-active git branch.</p>
+<p>The name of the currently-active git branch.</p>
 
 <h4 id="changed-files">Changed Files</h4>
 
-<p>Displays a list of all the files that have changed since the last
+<p>A list of all the files that have changed since the last
 commit, and their status.</p>
 
 <h4 id="recent-commits">Recent Commits</h4>
 
-<p>Displays a list of <code>n</code> recent commits, who committed it, and when.</p>
+<p>A list of <code>n</code> recent commits, who committed it, and when.</p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/git/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/git/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p>None.</p>
@@ -150,21 +150,18 @@ commit, and their status.</p>
 <span class="caption">Action:</span> Show the next git repository.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">git:
-  commitCount: 5
-  enabled: true
-  position:
-    top: 0
-    left: 3
-    height: 2
-    width: 2
-  refreshInterval: 8
-  repositories:
-  - &quot;/Users/chris/go/src/github.com/senorprogrammer/wtf&quot;
-  - &quot;/Users/chris/Documents/Lendesk/core-api&quot;
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">git<span class="p">:</span><span class="w">
+</span><span class="w">  </span>commitCount<span class="p">:</span><span class="w"> </span><span class="m">5</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">0</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">3</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">8</span><span class="w">
+</span><span class="w">  </span>repositories<span class="p">:</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="s2">&#34;/Users/chris/go/src/github.com/senorprogrammer/wtf&#34;</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="s2">&#34;/Users/chris/Documents/Lendesk/core-api&#34;</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>commitCount</code> <br />
diff --git a/docs/posts/modules/github/index.html b/docs/posts/modules/github/index.html
index 27f4d3f2..607eaa63 100644
--- a/docs/posts/modules/github/index.html
+++ b/docs/posts/modules/github/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -112,17 +115,14 @@ review requests, and open pull requests.</p>
 
 <h4 id="open-review-requests">Open Review Requests</h4>
 
-<p>Displays all open code review requests assigned to you.</p>
+<p>All open code review requests assigned to you.</p>
 
 <h4 id="open-pull-requests">Open Pull Requests</h4>
 
-<p>Displays all open pull requests created by you.</p>
+<p>All open pull requests created by you.</p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/github/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/github/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p><span class="caption">Key:</span> <code>WTF_GITHUB_TOKEN</code> <br />
@@ -146,21 +146,18 @@ review requests, and open pull requests.</p>
 <span class="caption">Action:</span> Show the next git repository.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">github:
-  enabled: true
-  position:
-    top: 2
-    left: 3
-    height: 2
-    width: 2
-  refreshInterval: 300
-  repositories:
-    wesker-api: &quot;UmbrellaCorp&quot;
-    wtf: &quot;senorprogrammer&quot;
-  username: &quot;senorprogrammer&quot;
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">github<span class="p">:</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">3</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">300</span><span class="w">
+</span><span class="w">  </span>repositories<span class="p">:</span><span class="w">
+</span><span class="w">    </span>wesker-api<span class="p">:</span><span class="w"> </span><span class="s2">&#34;UmbrellaCorp&#34;</span><span class="w">
+</span><span class="w">    </span>wtf<span class="p">:</span><span class="w"> </span><span class="s2">&#34;senorprogrammer&#34;</span><span class="w">
+</span><span class="w">  </span>username<span class="p">:</span><span class="w"> </span><span class="s2">&#34;senorprogrammer&#34;</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>enabled</code> <br />
diff --git a/docs/posts/modules/index.html b/docs/posts/modules/index.html
index 7ee1d693..8eb67f39 100644
--- a/docs/posts/modules/index.html
+++ b/docs/posts/modules/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
diff --git a/docs/posts/modules/newrelic/index.html b/docs/posts/modules/newrelic/index.html
index 747d91d1..3672a3ee 100644
--- a/docs/posts/modules/newrelic/index.html
+++ b/docs/posts/modules/newrelic/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -111,10 +114,7 @@ monitored application: deploy ID, deploy time, and who deployed it.</p>
 <p><img src="/imgs/modules/newrelic.png" width="640" height="189" alt="newrelic screenshot" /></p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/newrelic/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/newrelic/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p><span class="caption">Key:</span> <code>WTF_NEW_RELIC_API_KEY</code> <br />
@@ -126,19 +126,16 @@ token.</p>
 <p>None.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">newrelic:
-  applicationId: 10549735
-  deployCount: 6
-  enabled: true
-  position:
-    top: 4
-    left: 3
-    height: 1
-    width: 2
-  refreshInterval: 900
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">newrelic<span class="p">:</span><span class="w">
+</span><span class="w">  </span>applicationId<span class="p">:</span><span class="w"> </span><span class="m">10549735</span><span class="w">
+</span><span class="w">  </span>deployCount<span class="p">:</span><span class="w"> </span><span class="m">6</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">4</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">3</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">900</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>applicationId</code> <br />
diff --git a/docs/posts/modules/opsgenie/index.html b/docs/posts/modules/opsgenie/index.html
index 0335891f..cb1da7b8 100644
--- a/docs/posts/modules/opsgenie/index.html
+++ b/docs/posts/modules/opsgenie/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -111,10 +114,7 @@ and who&rsquo;s currently on call.</p>
 <p><img src="/imgs/modules/opsgenie.png" width="320" height="389" alt="opsgenie screenshot" /></p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/opsgenie/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/opsgenie/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p><span class="caption">Key:</span> <code>WTF_OPS_GENIE_API_KEY</code> <br />
@@ -126,17 +126,14 @@ API</a> token.</p>
 <p>None.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">opsgenie:
-  enabled: true
-  position:
-    top: 2
-    left: 1
-    height: 2
-    width: 1
-  refreshInterval: 21600
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">opsgenie<span class="p">:</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">21600</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>enabled</code> <br />
diff --git a/docs/posts/modules/security/index.html b/docs/posts/modules/security/index.html
index 85beb257..d7a96843 100644
--- a/docs/posts/modules/security/index.html
+++ b/docs/posts/modules/security/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -131,10 +134,7 @@ connection, firewall, and DNS settings.</p>
 </ul>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/security
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/security</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p>None.</p>
@@ -144,17 +144,14 @@ connection, firewall, and DNS settings.</p>
 <p>None.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">security:
-  enabled: true
-  position:
-    top: 1
-    left: 2
-    height: 1
-    width: 1
-  refreshInterval: 3600
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">security<span class="p">:</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">3600</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>enabled</code> <br />
diff --git a/docs/posts/modules/textfile/index.html b/docs/posts/modules/textfile/index.html
index f8e7eaf4..7692608f 100644
--- a/docs/posts/modules/textfile/index.html
+++ b/docs/posts/modules/textfile/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -110,10 +113,7 @@
 <p><img src="/imgs/modules/textfile.png" width="320" height="133" alt="textfile screenshot" /></p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/textfile/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/textfile/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p>None.</p>
@@ -127,18 +127,15 @@
 <span class="caption">Action:</span> Opens the text file in whichever text editor is associated  with that file type.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">textfile:
-  enabled: true
-  filename: &quot;notes.md&quot;
-  position:
-    top: 5
-    left: 4
-    height: 2
-    width: 1
-  refreshInterval: 15
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">textfile<span class="p">:</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>filename<span class="p">:</span><span class="w"> </span><span class="s2">&#34;notes.md&#34;</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">5</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">4</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">15</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>enabled</code> <br />
diff --git a/docs/posts/modules/weather/index.html b/docs/posts/modules/weather/index.html
index b36e9a2b..3a3877ba 100644
--- a/docs/posts/modules/weather/index.html
+++ b/docs/posts/modules/weather/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -50,9 +51,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;">
@@ -97,7 +100,7 @@
       
       
       <br/>
-      <i class="fas fa-clock"></i> 2 min read 
+      <i class="fas fa-clock"></i> 1 min read 
       </span>  
   </div>    
   
@@ -111,10 +114,7 @@ current temperature, sunrise time, and sunset time.</p>
 <p><img src="/imgs/modules/weather.png" width="320" height="187" alt="weather screenshot" /></p>
 
 <h2 id="source-code">Source Code</h2>
-
-<pre><code class="language-bash">wtf/weather/
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-bash" data-lang="bash">wtf/weather/</code></pre></div>
 <h2 id="required-env-variables">Required ENV Variables</h2>
 
 <p><span class="caption">Key:</span> <code>WTF_OWM_API_KEY</code> <br />
@@ -138,27 +138,24 @@ current temperature, sunrise time, and sunset time.</p>
 <span class="caption">Action:</span> Show the next weather location.</p>
 
 <h2 id="configuration">Configuration</h2>
-
-<pre><code class="language-yaml">weather:
-  # From http://openweathermap.org/help/city_list.txt
-  cityids:
-  - 6173331
-  - 3128760
-  - 6167865
-  - 6176823
-  colors:
-    current: &quot;lightblue&quot;
-  enabled: true
-  language: &quot;EN&quot;
-  position:
-    top: 0
-    left: 2
-    height: 1
-    width: 1
-  refreshInterval: 900
-  tempUnit: &quot;C&quot;
-</code></pre>
-
+<div class="highlight"><pre class="chroma"><code class="language-yaml" data-lang="yaml">weather<span class="p">:</span><span class="w">
+</span><span class="w">  </span><span class="c"># From http://openweathermap.org/help/city_list.txt</span><span class="w">
+</span><span class="w">  </span>cityids<span class="p">:</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="m">6173331</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="m">3128760</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="m">6167865</span><span class="w">
+</span><span class="w">  </span>-<span class="w"> </span><span class="m">6176823</span><span class="w">
+</span><span class="w">  </span>colors<span class="p">:</span><span class="w">
+</span><span class="w">    </span>current<span class="p">:</span><span class="w"> </span><span class="s2">&#34;lightblue&#34;</span><span class="w">
+</span><span class="w">  </span>enabled<span class="p">:</span><span class="w"> </span><span class="kc">true</span><span class="w">
+</span><span class="w">  </span>language<span class="p">:</span><span class="w"> </span><span class="s2">&#34;EN&#34;</span><span class="w">
+</span><span class="w">  </span>position<span class="p">:</span><span class="w">
+</span><span class="w">    </span>top<span class="p">:</span><span class="w"> </span><span class="m">0</span><span class="w">
+</span><span class="w">    </span>left<span class="p">:</span><span class="w"> </span><span class="m">2</span><span class="w">
+</span><span class="w">    </span>height<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">    </span>width<span class="p">:</span><span class="w"> </span><span class="m">1</span><span class="w">
+</span><span class="w">  </span>refreshInterval<span class="p">:</span><span class="w"> </span><span class="m">900</span><span class="w">
+</span><span class="w">  </span>tempUnit<span class="p">:</span><span class="w"> </span><span class="s2">&#34;C&#34;</span></code></pre></div>
 <h3 id="attributes">Attributes</h3>
 
 <p><code>cityids</code> <br />
diff --git a/docs/tags/index.html b/docs/tags/index.html
index 5e481a74..07384c56 100644
--- a/docs/tags/index.html
+++ b/docs/tags/index.html
@@ -20,6 +20,7 @@
 <link rel="stylesheet" href="http://wtfutil.com/css/poole.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/hyde.css">
 <link rel="stylesheet" href="http://wtfutil.com/css/wtf.css">
+<link rel="stylesheet" href="http://wtfutil.com/css/syntax.css">
 <!-- Font-Awesome -->
 <script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous"></script>
 
@@ -52,9 +53,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;">