hugo

Unnamed repository; edit this file 'description' to name the repository.

git clone git://git.shimmy1996.com/hugo.git
commit 88ec7d88d1b77a407fd1050d107f3c58ab1804da
parent ffbf3dd31978b96a15452edc2823fc2f6fce8601
Author: Mark D. Blackwell <markdblackwell01@gmail.com>
Date:   Sat,  1 Oct 2016 22:19:22 -0400

docs: Improve home page

Organize CSS and Javascript files into directories, separating vendor
source code from home-grown.

Separate new properties and selectors in Bootstrap CSS (already edited
for Hugo) from:
1. Original property values; and
2. Changed property values.

For the home page:

1. Clarify the English text;
2. Add some element names to classes in CSS selectors (to speed loading);
3. Document the Owl Carousel and Highlight.js versions;
4. Add Owl Carousel's license;
5. Restore HTML comments to browser source views;
6. Make the beginning GitHub button transparent on focus (like the others);

7. For the final, colored Twitter and Github buttons:
  a. Remove the dotted box on focus; and
  b. Color them green on active.

8. To increase (layout/) source readability:
  a. Place `class` attributes before `href` attributes;
  b. In `class` attributes, place more-specific class names before
     less-specific; and
  c. Comment the beginnings and ends of Bootstrap rows.

9. To increase understandability during development:
  a. Document the meaning of CSS file, `HPstyles` by renaming it to
     `home-page-style`;
  b. Move inline styling to CSS stylesheets;
  c. Separate @media queries to a file;
  d. Separate the inline Owl Carousel custom Javascript to a file;
  e. Use regular Owl Carousel CSS files instead of minified ones; and
  f. Rename the wide, landscape desk background image filename from
     `desk-long` to `desk-wide`.

Diffstat:
Mdocs/layouts/index.html | 267+++++++++++++++++++++++++++++++++++++++++++++++--------------------------------
Mdocs/layouts/partials/footer.html | 9+++++----
Mdocs/layouts/partials/header.html | 9++++++---
Ddocs/static/css/HPstyles.css | 270-------------------------------------------------------------------------------
Adocs/static/css/bootstrap-additions-gohugo.css | 65+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Adocs/static/css/bootstrap-changes-gohugo.css | 136+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Ddocs/static/css/bootstrap-gohugo.css | 1358-------------------------------------------------------------------------------
Adocs/static/css/bootstrap-stripped-gohugo.css | 1380+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Adocs/static/css/home-page-style-responsive.css | 44++++++++++++++++++++++++++++++++++++++++++++
Adocs/static/css/home-page-style.css | 194+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Ddocs/static/css/owl.carousel.min.css | 2--
Ddocs/static/css/owl.theme.default.min.css | 2--
Rdocs/static/img/desk-long.jpg -> docs/static/img/desk-wide.jpg | 0
Adocs/static/js/owl.carousel-custom.js | 16++++++++++++++++
Adocs/static/vendor/OwlCarousel2/LICENSE | 22++++++++++++++++++++++
Rdocs/static/css/owl.carousel.css -> docs/static/vendor/OwlCarousel2/css/owl.carousel.css | 0
Rdocs/static/css/owl.theme.default.css -> docs/static/vendor/OwlCarousel2/css/owl.theme.default.css | 0
Rdocs/static/js/owl.carousel.min.js -> docs/static/vendor/OwlCarousel2/js/owl.carousel.min.js | 0
Adocs/static/vendor/OwlCarousel2/notes.txt | 12++++++++++++
Rdocs/static/js/instantclick.min.js -> docs/static/vendor/dieulot/js/instantclick.min.js | 0
Rdocs/static/js/jquery.scrollTo.min.js -> docs/static/vendor/flesler/js/jquery.scrollTo.min.js | 0
Rdocs/static/assets/font-awesome/css/font-awesome.min.css -> docs/static/vendor/font-awesome/css/font-awesome.min.css | 0
Rdocs/static/assets/font-awesome/fonts/FontAwesome.otf -> docs/static/vendor/font-awesome/fonts/FontAwesome.otf | 0
Rdocs/static/assets/font-awesome/fonts/fontawesome-webfont.eot -> docs/static/vendor/font-awesome/fonts/fontawesome-webfont.eot | 0
Rdocs/static/assets/font-awesome/fonts/fontawesome-webfont.svg -> docs/static/vendor/font-awesome/fonts/fontawesome-webfont.svg | 0
Rdocs/static/assets/font-awesome/fonts/fontawesome-webfont.ttf -> docs/static/vendor/font-awesome/fonts/fontawesome-webfont.ttf | 0
Rdocs/static/assets/font-awesome/fonts/fontawesome-webfont.woff -> docs/static/vendor/font-awesome/fonts/fontawesome-webfont.woff | 0
Rdocs/static/assets/font-awesome/fonts/fontawesome-webfont.woff2 -> docs/static/vendor/font-awesome/fonts/fontawesome-webfont.woff2 | 0
Rdocs/static/css/monokai-sublime.css -> docs/static/vendor/highlightjs/css/monokai-sublime.css | 0
Rdocs/static/js/highlight.pack.js -> docs/static/vendor/highlightjs/js/highlight.pack.js | 0
Adocs/static/vendor/highlightjs/notes.txt | 13+++++++++++++
Rdocs/static/js/jquery-2.1.4.min.js -> docs/static/vendor/jquery/js/jquery-2.1.4.min.js | 0
Rdocs/static/js/bootstrap.min.js -> docs/static/vendor/twitter/js/bootstrap.min.js | 0
33 files changed, 2053 insertions(+), 1746 deletions(-)
diff --git a/docs/layouts/index.html b/docs/layouts/index.html
@@ -5,155 +5,198 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="Hugo, a fast and flexible static site generator built with love by spf13 and friends in Go">
     <meta name="author" content="Steve Francia (spf13) and friends">
-
     <title>Hugo :: A fast and modern static website engine</title>
 
-    <!-- Bootstrap core CSS -->
-    <link href="/css/bootstrap-gohugo.css" rel="stylesheet">
-
-    <link href='//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro' rel='stylesheet' type='text/css'>
-    <!-- Add custom CSS here -->
-    <link href="/css/HPstyles.css" rel="stylesheet">
-    <link href="/css/hugofont.css" rel="stylesheet">
-    <link href="/css/owl.carousel.min.css" rel="stylesheet">
-    <link href="/css/owl.theme.default.min.css" rel="stylesheet">
-    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
-    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
-    <style type="text/css">
-      .callout {
-        table-layout: fixed;
-      }
-    </style>
-  </head>
+    {{ "<!--icon for browser shortcuts-->" | safeHTML }}
+    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
+
+    {{ "<!--icon to represent this web page on Apple iOS-->" | safeHTML }}
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
 
+    {{ "<!--Bootstrap core CSS-->" | safeHTML }}
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-stripped-gohugo.css">
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-changes-gohugo.css">
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-additions-gohugo.css">
+
+    {{ "<!--non-Bootstrap CSS (keep below Bootstrap CSS)-->" | safeHTML }}
+    <link rel="stylesheet" type="text/css" href="/vendor/OwlCarousel2/css/owl.carousel.css">
+    <link rel="stylesheet" type="text/css" href="/vendor/OwlCarousel2/css/owl.theme.default.css">
+    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Arbutus+Slab%7CCabin:600%7CSource+Code+Pro">
+    <link rel="stylesheet" type="text/css" href="/css/hugofont.css">
+    <link rel="stylesheet" type="text/css" href="/css/home-page-style.css">
+    <link rel="stylesheet" type="text/css" href="/css/home-page-style-responsive.css">
+  </head>
   <body>
 
-    <!-- Full Page Image Header Area -->
+    {{ "<!--full page image header area start-->" | safeHTML }}
     <div id="top" class="header">
       <div class="vert-text">
-        <a href="#intro"><img src="/img/hugo.png" class="logo" alt="Hugo logo"> </a>
+        <a href="#intro">
+            <img class="logo" src="/img/hugo.png" alt="Hugo logo">
+        </a>
         <div class="buttonbox">
-        <a href="/overview/introduction/" class="btn btn-primary btn-lg">Docs <i class="icon-idea"></i></a>
-        <a href="#action" class="btn btn-success btn-lg">Install <i class="icon-arrow-down"></i></a>
-        <a href="http://discuss.gohugo.io/" class="btn btn-info btn-lg">Community <i class="icon-talking"></i></a>
-        <a href="https://github.com/spf13/hugo" class="btn btn-dark btn-lg">GitHub <i class="icon-circlestar"></i></a>
+            <a class="btn-primary btn btn-lg" href="/overview/introduction/">
+                Docs <i class="icon-idea"></i>
+            </a>
+            <a class="btn-success btn btn-lg" href="#action">
+                Install <i class="icon-arrow-down"></i>
+            </a>
+            <a class="btn-info btn btn-lg" href="http://discuss.gohugo.io/">
+                Community <i class="icon-talking"></i>
+            </a>
+            <a class="btn-repo btn btn-lg" href="https://github.com/spf13/hugo">
+                GitHub <i class="icon-circlestar"></i>
+            </a>
         </div>
       </div>
     </div>
-    <!-- /Full Page Image Header Area -->
+    {{ "<!--full page image header area end-->" | safeHTML }}
 
+    {{ "<!--main start-->" | safeHTML }}
     <div id="main">
-        <!-- Intro -->
+
+        {{ "<!--intro start-->" | safeHTML }}
         <div id="intro" class="counterpoint">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="lead-icon icon-pacman"></i>
                 <h2>Make the Web Fun Again</h2>
                 <p class="lead">
-                    Introducing Hugo, a new idea around making website creation simple again.
-                    Hugo flexibly works with many formats and is ideal for
+                    Introducing Hugo, a new idea for making website creation simple again.
+                    Hugo works flexibly with many formats, and is ideal for
                     blogs, docs, portfolios and much more.
                     Hugo’s speed fosters
-                    creativity and makes building a website fun again.
+                    creativity&mdash;it makes building a website fun again.
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Intro -->
+        {{ "<!--intro end-->" | safeHTML }}
 
-        <!-- Point -->
+        {{ "<!--point start-->" | safeHTML }}
         <div class="point">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="point-icon icon-tux"></i>
                   <i class="point-icon icon-apple"></i>
                   <i class="point-icon icon-windows8"></i>
                 <h2>Run Anywhere</h2>
                 <p class="lead">
-                Hugo is quite possibly the easiest to install software you’ve ever used,
-                simply download and run. <b>Hugo doesn’t depend on administrative privileges, databases, runtimes, interpreters
-                    or external libraries</b>. Sites built with Hugo can be deployed on S3, GitHub Pages, Dropbox or any web host.
+                Hugo is quite possibly the easiest software to install you’ve ever used:
+                simply download and run!
+                <b>
+                Hugo doesn’t depend on administrative privileges, databases, runtimes,
+                interpreters or external libraries.
+                </b>
+                Sites built with Hugo can be deployed on S3, GitHub Pages, Dropbox or any web host.
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--point end-->" | safeHTML }}
 
-        <!-- Point -->
+        {{ "<!--counterpoint start-->" | safeHTML }}
         <div class="counterpoint">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="lead-icon icon-rocket"></i>
                 <h2>Fast &amp; Powerful</h2>
                 <p class="lead">
-
-                Hugo is written for speed and performance. Great care has been
-                taken to ensure that Hugo build time is as short as possible.
-                We’re talking milliseconds to build your entire site for most setups.
-
+                Hugo is designed for speed and performance. Great care has been
+                taken to ensure build time with Hugo is as short as possible.
+                We’re talking milliseconds to build your entire site&mdash;for most setups!
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--counterpoint end-->" | safeHTML }}
 
-        <!-- Point -->
+        {{ "<!--point start-->" | safeHTML }}
         <div class="point">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="point-icon icon-fork"></i>
                 <h2>Flexible</h2>
                 <p class="lead">
-
-                Hugo is designed to work how you do.
+                Hugo is designed to work the way you do.
                 Organize your content however you want with any URL structure.
-                Declare your own content types.
-                Define your own meta data in YAML, TOML or JSON.
-                Use indexes to group your content however you want.
-                Best of all this is all done with virtually no configuration, Hugo
+                Group your content using your own indexes and categories.
+                Define your own metadata in any format: YAML, TOML or JSON.
+                Best of all, Hugo handles all these variations
+                with virtually no configuration. Hugo
                 just works.
-
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--point end-->" | safeHTML }}
 
 
+        {{ "<!--quote carousel start-->" | safeHTML }}
         <div class="callout">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-12 text-center">
+              <div class="text-center col-md-12">
                   <i class="callout-icon icon-circlestar"></i>
                   <p></p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-12 text-center">
-                  <!-- Wrapper for slides -->
+              <div class="text-center col-md-12">
+
+                  {{ "<!--wrapper for slides start-->" | safeHTML }}
                   <div class="carousel-inner owl-carousel">
-                      {{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
+{{ partial "quotes.html" ((where $.Site.Data.references.quotes "date" "ge" ($.Now.AddDate -2 0 0) | shuffle )) }}
                   </div>
+                  {{ "<!--wrapper for slides end-->" | safeHTML }}
+
               </div>
             </div>
-            </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--quote carousel end-->" | safeHTML }}
+
+    </div>
+    {{ "<!--main end-->" | safeHTML }}
 
-        <!-- Point -->
+        {{ "<!--counterpoint start-->" | safeHTML }}
         <div class="counterpoint">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="lead-icon icon-octocat"></i>
                 <h2>Open and Free</h2>
                 <p class="lead">
@@ -161,70 +204,96 @@
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--counterpoint end-->" | safeHTML }}
 
-        <!-- Point -->
+        {{ "<!--point start-->" | safeHTML }}
         <div class="point">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                   <i class="point-icon icon-beaker-alt"></i>
                   <i class="point-icon icon-heart"></i>
                   <i class="point-icon icon-spf13"></i>
-                  <h2>Built with <i class="icon-heart" style="color:#FF4088;"></i></h2>
+                  <h2>Built with <i class="icon-heart"></i></h2>
                 <p class="lead">
                 Hugo is developed with love by <a href="http://spf13.com">spf13</a> and friends.
                 We welcome all contributions.
-                    New to Go? Not a problem, we will help you.
-                    Not a developer? Help with <a href="/overview/introduction/">docs</a>, testing and <a href="https://github.com/spf13/hugoThemes/">themes</a>.
+                    New to Go? We’ll help you.
+                    Not a developer? No problem! Help
+                with <a href="/overview/introduction/">docs,</a> testing
+                and <a href="https://github.com/spf13/hugoThemes/">themes.</a>
                 </p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Point -->
+        {{ "<!--counterpoint end-->" | safeHTML }}
 
-        <!-- Call to Action -->
+        {{ "<!--call to action start-->" | safeHTML }}
         <div id="action" class="call-to-action">
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-10 col-md-offset-1 text-center">
-                <h1 style="padding-bottom:.5em;">Getting Started</h1>
-                <a href="https://github.com/spf13/hugo/releases" class="btn btn-lg btn-primary">Download <i class="icon-arrow-down"></i></a>
-                <a href="/overview/quickstart/" style="color:white;font-weight:300;">Quickstart Guide</a>
+              <div class="text-center col-md-10 col-md-offset-1">
+                <h1>Getting Started</h1>
+                <a class="btn-primary btn btn-lg" href="https://github.com/spf13/hugo/releases">
+                    Download
+                    <i class="icon-arrow-down"></i>
+                </a>
+                <a class="quickstart" href="/overview/quickstart/">
+                    Quickstart Guide
+                </a>
                 <p>&nbsp;</p>
                 <h4>Using Homebrew?</h4>
                 <pre><code>brew update &amp;&amp; brew install hugo</code></pre>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </div>
-        <!-- /Call to Action -->
+        {{ "<!--call to action end-->" | safeHTML }}
 
-        <!-- Footer -->
-        <footer id="footer">
+        {{ "<!--footer start-->" | safeHTML }}
+        <footer>
           <div class="container">
+
+            {{ "<!--row start-->" | safeHTML }}
             <div class="row">
-              <div class="col-md-6 col-md-offset-3 text-center">
+              <div class="text-center col-md-6 col-md-offset-3">
                 <ul class="list-inline">
-                    <li><a href="https://twitter.com/spf13" class="icon-twitter icon-2x"></a></li>
-                    <li><a href="https://github.com/spf13/hugo" class="icon-octocat icon-2x"></a></li>
+                    <li><a class="icon-twitter icon-2x" href="https://twitter.com/spf13"></a></li>
+                    <li><a class="icon-octocat icon-2x" href="https://github.com/spf13/hugo"></a></li>
                 </ul>
                 <hr>
                 <p>Copyright &copy; Steve Francia 2013&ndash;{{ .Now.Format "2006" }}</p>
               </div>
             </div>
+            {{ "<!--row end-->" | safeHTML }}
+
           </div>
         </footer>
-    <!-- /Footer -->
+        {{ "<!--footer end-->" | safeHTML }}
+
+  {{ "<!--JavaScript: Keep at the end of the document so the page loads faster-->" | safeHTML }}
+  <script src="/vendor/jquery/js/jquery-2.1.4.min.js"></script>
 
-  <!-- Bootstrap core JavaScript -->
-  <!-- Placed at the end of the document so the pages load faster -->
-  <script src="/js/jquery-2.1.4.min.js"></script>
-  <script src="/js/owl.carousel.min.js"></script>
-  <!--<script src="/js/bootstrap.min.js"></script>-->
+  {{ "<!--Bootstrap core JavaScript here-->" | safeHTML }}
+  {{ `<!--<script src="/vendor/twitter/js/bootstrap.min.js"></script>-->` | safeHTML }}
+
+  <script src="/vendor/OwlCarousel2/js/owl.carousel.min.js"></script>
+  <script src="/js/owl.carousel-custom.js"></script>
+
+  {{ "<!--custom JavaScript-->" | safeHTML }}
   <script>
     $(function() {
         $('a[href*=#]:not([href=#])').click(function() {
@@ -242,25 +311,9 @@
           }
         });
       });
-    $('.owl-carousel').owlCarousel({
-        loop:true,
-        margin:10,
-        nav:true,
-        autoplay:true,
-        autoplayHoverPause:true,
-        autoplayTimeout:3000,
-        responsive:{
-            0:{
-                items:1
-            },
-            1000:{
-                items:3
-            },
-        }
-    })
-    </script>
-
-    {{ template "partials/analytics.html" . }}
-  </body>
+  </script>
 
+{{ "<!--Google analytics-->" | safeHTML }}
+{{ template "partials/analytics.html" . }}
+  </body>
 </html>
diff --git a/docs/layouts/partials/footer.html b/docs/layouts/partials/footer.html
@@ -27,12 +27,13 @@
      <!--main content end-->
   </section>
   <!-- container section end -->
+
     <!-- javascripts -->
-    <script src="/js/jquery-2.1.4.min.js"></script>
-    <script src="/js/jquery.scrollTo.min.js"></script>
-    <script src="/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="/vendor/jquery/js/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript" src="/vendor/flesler/js/jquery.scrollTo.min.js"></script>
+    <script type="text/javascript" src="/vendor/twitter/js/bootstrap.min.js"></script>
     <!--custom script for all page-->
-    <script src="/js/highlight.pack.js"></script>
+    <script type="text/javascript" src="/vendor/highlightjs/js/highlight.pack.js"></script>
     <script>hljs.initHighlightingOnLoad();</script>
     <script src="/js/scripts.js"></script>
     <!-- Algolia search -->
diff --git a/docs/layouts/partials/header.html b/docs/layouts/partials/header.html
@@ -10,13 +10,16 @@
 {{ .Scratch.Add "title" "" }}{{ if isset .Site.Data.titles .Title }}{{ .Scratch.Set "title" (index .Site.Data.titles .Title).title }}{{ else }}{{ .Scratch.Set "title" .Title}}{{end}}
     <title>Hugo - {{ .Scratch.Get "title" }}</title>
 
-    <link href="/css/bootstrap-gohugo.css" rel="stylesheet">
-    <link href="/assets/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-stripped-gohugo.css">
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-changes-gohugo.css">
+    <link rel="stylesheet" type="text/css" href="/css/bootstrap-additions-gohugo.css">
+
+    <link rel="stylesheet" type="text/css" href="/vendor/font-awesome/css/font-awesome.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
     <link href="/css/style.css" rel="stylesheet">
     <link rel="stylesheet" type="text/css" href="/css/content-style.css" />
     <link href="/css/style-responsive.css" rel="stylesheet" />
-    <link href="/css/monokai-sublime.css" rel="stylesheet" />
+    <link rel="stylesheet" type="text/css" href="/vendor/highlightjs/css/monokai-sublime.css">
 
   </head>
 
diff --git a/docs/static/css/HPstyles.css b/docs/static/css/HPstyles.css
@@ -1,270 +0,0 @@
-/* Global Styles */
-
-html,
-body {
-    height: 100%;
-    width: 100%;
-    letter-spacing: 0.5px;
-}
-
-h1, h2, h3, h4, h5, h6 {
-    font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
-}
-
-body {
-
-    font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
-    line-height: 1.6;
-}
-
-.vert-text {
-    display: table-cell;
-    vertical-align: middle;
-    text-align: center;
-}
-
-
-/* Full Page Image Header Area */
-
-.header {
-    display: table;
-    height: 70%;
-    width: 100%;
-    min-height: 70%;
-    position: relative;
-    background: url(../img/desk.jpg) no-repeat center center fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    z-index: 99999;
-    background-color: black;
-}
-
-.logo {
-    max-width: 35em;
-    width: 100%;
-    padding: 2em;
-}
-
-.buttonbox {
-    margin: 2em 0 4em;
-}
-
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 1024px)
-and (orientation : portrait)
-{
-    .header {
-        display: table;
-        height: 70%;
-        width: 100%;
-        position: relative;
-        background: url(../img/desk-mini.jpg) no-repeat;
-        background-size: 100% 100%;
-        z-index: 99999;
-        background-color: black;
-    }
-}
-
-@media only screen
-and (min-device-width : 320px)
-and (max-device-width : 1024px)
-and (orientation : landscape) {
-    .header {
-        display: table;
-        height: 70%;
-        width: 100%;
-        position: relative;
-        background: url(../img/desk-long.jpg) no-repeat;
-        background-size: 100% 100%;
-        z-index: 99999;
-        background-color: black;
-    }
-}
-
-.header .btn {
-    margin: 10px;
-}
-
-#main {
-    z-index: 99999;
-    position: relative;
-    background: rgb(255, 255, 255);
-    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
-}
-
-.header .btn {
-    font-weight: 100;
-}
-
-/* Intro */
-
-.counterpoint {
-    padding: 50px 0;
-    background-color: rgb(255, 252, 244);
-}
-
-.point {
-    background: rgb(96,210,211);
-    padding: 50px 0;
-    color: #ffffff;
-}
-
-
-.point h2, .counterpoint h2 {
-    font-size: 32pt;
-    line-height: 1.7;
-}
-
-i.callout-icon, i.point-icon, i.lead-icon {
-    border-radius: 50%;
-    display: inline-block;
-    font-size: 56px;
-    width: 140px;
-    height: 140px;
-    line-height: 136px;
-    vertical-align: middle;
-    text-align: center;
-    -webkit-transition: box-shadow 0.2s;
-    -moz-transition: box-shadow 0.2s;
-    transition: box-shadow 0.2s;
-}
-
-i.lead-icon {
-    border: 3px solid #222;
-}
-
-i.point-icon, i.callout-icon {
-    border: 3px solid #ffffff;
-}
-
-i.lead-icon:hover {
-    color: #fff;
-    border: 3px solid black;
-    background: black;
-}
-
-i.point-icon:hover {
-    color: rgb(22, 203, 230);
-    border: 3px solid #fff;
-    background: #fff;
-}
-
-a:hover {
-    color: rgb(52, 73, 94);
-}
-
-
-
-.icon-2x {
-    font-size: 200%;
-}
-
-/* Callout */
-
-.callout {
-    color: #ffffff;
-    display: table;
-    table-layout: fixed;
-    height: 420px;
-    width: 100%;
-    background-color: rgb(118,156,172);
-    padding: 50px 0;
-    color: #ffffff;
-}
-
-i.callout-icon:hover {
-    color: rgb(249, 176, 190);
-    border: 3px solid #fff;
-    background: #fff;
-}
-
-
-/* Call to Action */
-
-.call-to-action {
-    color: #ffffff;
-    background-color: rgba(255, 255, 255, 0.19);
-    padding: 50px 0;
-
-}
-
-#action {
-    background: url(../img/gray.png);
-    padding: 30px 0px 40px;
-    width: 100%;
-}
-#action pre {
-    background-color: #545454;
-    color: #f9f2f4;
-}
-#action pre:hover {
-    background-color: #f9f2f4;
-    color: #545454;
-}
-#action code {
-    font-size: 14pt;
-}
-
-#footer {
-    font-size: 14px;
-    padding: 50px 0px 25px 0px;
-    background: rgb(255, 255, 255);
-}
-
-.call-to-action .btn {
-    margin: 10px;
-}
-
-/* Footer */
-
-footer {
-    padding: 100px 0;
-}
-
-footer a {
-    color: black;
-}
-
-footer a:hover {
-    text-decoration: none;
-}
-
-.point a, .counterpoint a {
-    color: rgb(7,162,166);
-}
-
-/* Bootstrap Addons */
-
-.btn-dark {
-    color:white;
-    background-color: rgba(30,30,30, 0.8);
-    border-color: black;
-}
-
-.btn-dark:hover,
-.btn-dark:focus,
-.btn-dark:active {
-    color: black;
-    background-color: aliceblue;
-    border-color: black;
-}
-
-.btn-info:hover, .btn-primary:hover, .btn-success:hover {
-    background: aliceblue;
-}
-
-.owl-carousel blockquote {
-    border-left: 0px;
-}
-
-.owl-carousel a {
-    color: #243382;
-    white-space: nowrap;
-}
-
-.owl-carousel blockquote p {
-    font-size: 20pt;
-}
diff --git a/docs/static/css/bootstrap-additions-gohugo.css b/docs/static/css/bootstrap-additions-gohugo.css
@@ -0,0 +1,65 @@
+/*!
+ * Bootstrap for http://gohugo.io/
+ * additional property-value pairs, for selectors already in Bootstrap;
+ * also, additional Bootstrap-like selectors
+ *
+ * Keep all such property additions to Bootstrap v3.3.6 here.
+ *
+ * Here, maintain the same order as the original Bootstrap file.
+ *
+ * Keep any additional Bootstrap-like selectors at the bottom.
+ *
+ * Copyright 2013-2016 Steve Francia and the Hugo Authors
+ *
+ * Based on 'dist/css/bootstrap.css' from:
+ *
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+.btn {
+  -webkit-transition: all 0.15s;
+     -moz-transition: all 0.15s;
+          transition: all 0.15s;
+}
+.btn-primary:focus,
+.btn-primary:active,
+.btn-success:focus,
+.btn-success:active,
+.btn-info:focus,
+.btn-info:active {
+  background-color: transparent;
+}
+.btn-default:hover,
+.btn-default:active,
+.btn-primary:hover,
+.btn-primary:active,
+.btn-success:hover,
+.btn-success:active,
+.btn-info:hover,
+.btn-info:active {
+  outline: none;
+}
+
+/* additional Bootstrap-like selectors */
+
+.btn-repo {
+  border-color: black;
+  background-color: rgba(30, 30, 30, 0.8);
+  color: white;
+}
+.btn-repo:focus,
+.btn-repo:active {
+  color: black;
+}
+.btn-repo:hover {
+  background-color: aliceblue;
+}
+.btn-repo:focus,
+.btn-repo:active {
+  background-color: transparent;
+}
+.btn-repo:hover,
+.btn-repo:active {
+  outline: none;
+}
diff --git a/docs/static/css/bootstrap-changes-gohugo.css b/docs/static/css/bootstrap-changes-gohugo.css
@@ -0,0 +1,136 @@
+/*!
+ * Bootstrap for http://gohugo.io/
+ * value changes to properties in Bootstrap selectors;
+ * Bootstrap must already have the same properties in the same selectors.
+ *
+ * Keep all such value changes to Bootstrap v3.3.6 here.
+ *
+ * Here, maintain the same order as the original Bootstrap file.
+ *
+ * Keep all new properties, for new or existing selectors,
+ * in other stylesheets.
+ *
+ * Copyright 2013-2016 Steve Francia and the Hugo Authors
+ *
+ * Based on 'dist/css/bootstrap.css' from:
+ *
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+body {
+  font-family: Lato;
+  color: #2b2b2b;
+}
+a {
+  color: #ff4088;
+}
+a:hover,
+a:focus {
+  color: #ff4088;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Lato;
+  font-weight: 400;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Consolas, 'DejaVu Sans Mono',
+              'Bitstream Vera Sans Mono', 'Lucida Console', Monaco,
+              'Droid Sans Mono', monospace;
+}
+legend {
+  color: #2b2b2b;
+  border-bottom: 1px solid #c7c7cc;
+}
+.btn:focus {
+  /*outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;*/
+  outline: none;
+}
+.btn:hover,
+.btn:focus {
+  color: #2b2b2b;
+}
+.btn-default:focus {
+  color: #fff;
+  background-color: #9e9e9e;
+  border-color: #9e9e9e;
+}
+.btn-default:hover {
+  color: #fff;
+  background-color: #9e9e9e;
+  border-color: #9e9e9e;
+}
+.btn-default:active {
+  color: #fff;
+  background-color: #9e9e9e;
+  border-color: #9e9e9e;
+}
+.btn-primary {
+  background-color: #007aff;
+  border-color: #007aff;
+}
+.btn-primary:focus {
+  color: #007aff;
+  border-color: #007aff;
+}
+.btn-primary:hover {
+  color: #007aff;
+  background-color: aliceblue;
+  border-color: #007aff;
+}
+.btn-primary:active {
+  color: #007aff;
+  border-color: #007aff;
+}
+.btn-success {
+  background-color: #4cd964;
+  border-color: #4cd964;
+}
+.btn-success:focus {
+  color: #4cd964;
+  border-color: #4cd964;
+}
+.btn-success:hover {
+  color: #4cd964;
+  background-color: aliceblue;
+  border-color: #4cd964;
+}
+.btn-success:active {
+  color: #4cd964;
+  border-color: #4cd964;
+}
+.btn-info {
+  background-color: #34aadc;
+  border-color: #34aadc;
+}
+.btn-info:focus {
+  color: #34aadc;
+  border-color: #34aadc;
+}
+.btn-info:hover {
+  color: #34aadc;
+  background-color: aliceblue;
+  border-color: #34aadc;
+}
+.btn-info:active {
+  color: #34aadc;
+  border-color: #34aadc;
+}
+.panel {
+  border: 0px solid transparent;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+.panel-body {
+  padding: 15px 15px 0px 15px;
+}
diff --git a/docs/static/css/bootstrap-gohugo.css b/docs/static/css/bootstrap-gohugo.css
@@ -1,1358 +0,0 @@
-/*!
- * Bootstrap for http://gohugo.io/
- * with some customizations and with many unused selectors removed
- * Copyright 2013-2015 Steve Francis and the Hugo Authors
- *
- * Based on:
- *
- * Bootstrap v3.3.6 (http://getbootstrap.com)
- * Copyright 2011-2015 Twitter, Inc.
- * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
- */
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
-html {
-  font-family: sans-serif;
-  -webkit-text-size-adjust: 100%;
-      -ms-text-size-adjust: 100%;
-}
-body {
-  margin: 0;
-}
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-main,
-menu,
-nav,
-section,
-summary {
-  display: block;
-}
-audio,
-canvas,
-progress,
-video {
-  display: inline-block;
-  vertical-align: baseline;
-}
-a:active,
-a:hover {
-  outline: 0;
-}
-b,
-strong {
-  font-weight: bold;
-}
-dfn {
-  font-style: italic;
-}
-h1 {
-  margin: .67em 0;
-  font-size: 2em;
-}
-mark {
-  color: #000;
-  background: #ff0;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-sup {
-  top: -.5em;
-}
-sub {
-  bottom: -.25em;
-}
-img {
-  border: 0;
-}
-figure {
-  margin: 1em 40px;
-}
-hr {
-  height: 0;
-  -webkit-box-sizing: content-box;
-     -moz-box-sizing: content-box;
-          box-sizing: content-box;
-}
-pre {
-  overflow: auto;
-}
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-button,
-input,
-optgroup,
-select,
-textarea {
-  margin: 0;
-  font: inherit;
-  color: inherit;
-}
-button {
-  overflow: visible;
-}
-button,
-select {
-  text-transform: none;
-}
-button {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  padding: 0;
-  border: 0;
-}
-input {
-  line-height: normal;
-}
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-fieldset {
-  padding: .35em .625em .75em;
-  margin: 0 2px;
-  border: 1px solid #c0c0c0;
-}
-legend {
-  padding: 0;
-  border: 0;
-}
-textarea {
-  overflow: auto;
-}
-optgroup {
-  font-weight: bold;
-}
-table {
-  border-spacing: 0;
-  border-collapse: collapse;
-}
-td,
-th {
-  padding: 0;
-}
-/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
-@media print {
-  *,
-  *:before,
-  *:after {
-    color: #000 !important;
-    text-shadow: none !important;
-    background: transparent !important;
-    -webkit-box-shadow: none !important;
-            box-shadow: none !important;
-  }
-  a,
-  a:visited {
-    text-decoration: underline;
-  }
-  a[href]:after {
-    content: " (" attr(href) ")";
-  }
-  a[href^="#"]:after,
-  a[href^="javascript:"]:after {
-    content: "";
-  }
-  pre,
-  blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
-  }
-  thead {
-    display: table-header-group;
-  }
-  tr,
-  img {
-    page-break-inside: avoid;
-  }
-  img {
-    max-width: 100% !important;
-  }
-  p,
-  h2,
-  h3 {
-    orphans: 3;
-    widows: 3;
-  }
-  h2,
-  h3 {
-    page-break-after: avoid;
-  }
-}
-@font-face {
-  font-family: 'Glyphicons Halflings';
-
-  src: url('../fonts/glyphicons-halflings-regular.eot');
-  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
-}
-* {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-*:before,
-*:after {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
-}
-html {
-  font-size: 10px;
-
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-body {
-  font-family: Lato;
-  font-size: 14px;
-  line-height: 1.42857143;
-  color: #2b2b2b;
-  background-color: #fff;
-}
-input,
-button,
-select,
-textarea {
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-a {
-  color: #ff4088;
-  text-decoration: none;
-}
-a:hover,
-a:focus {
-  color: #ff4088;
-  text-decoration: underline;
-}
-a:focus {
-  outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;
-}
-figure {
-  margin: 0;
-}
-img {
-  vertical-align: middle;
-}
-hr {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  border: 0;
-  border-top: 1px solid #eee;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: Lato;
-  font-weight: 400;
-  line-height: 1.1;
-  color: inherit;
-}
-h1,
-h2,
-h3 {
-  margin-top: 20px;
-  margin-bottom: 10px;
-}
-h4,
-h5,
-h6 {
-  margin-top: 10px;
-  margin-bottom: 10px;
-}
-h1 {
-  font-size: 36px;
-}
-h2 {
-  font-size: 30px;
-}
-h3 {
-  font-size: 24px;
-}
-h4 {
-  font-size: 18px;
-}
-h5 {
-  font-size: 14px;
-}
-h6 {
-  font-size: 12px;
-}
-p {
-  margin: 0 0 10px;
-}
-.lead {
-  margin-bottom: 20px;
-  font-size: 16px;
-  font-weight: 300;
-  line-height: 1.4;
-}
-@media (min-width: 768px) {
-  .lead {
-    font-size: 21px;
-  }
-}
-small,
-.small {
-  font-size: 85%;
-}
-.text-center {
-  text-align: center;
-}
-ul,
-ol {
-  margin-top: 0;
-  margin-bottom: 10px;
-}
-ul ul {
-  margin-bottom: 0;
-}
-.list-inline {
-  padding-left: 0;
-  margin-left: -5px;
-  list-style: none;
-}
-.list-inline > li {
-  display: inline-block;
-  padding-right: 5px;
-  padding-left: 5px;
-}
-dl {
-  margin-top: 0;
-  margin-bottom: 20px;
-}
-dt,
-dd {
-  line-height: 1.42857143;
-}
-dt {
-  font-weight: bold;
-}
-dd {
-  margin-left: 0;
-}
-blockquote {
-  padding: 10px 20px;
-  margin: 0 0 20px;
-  font-size: 17.5px;
-  border-left: 5px solid #eee;
-}
-blockquote p:last-child,
-blockquote ul:last-child,
-blockquote ol:last-child {
-  margin-bottom: 0;
-}
-address {
-  margin-bottom: 20px;
-  font-style: normal;
-  line-height: 1.42857143;
-}
-code,
-kbd,
-pre,
-samp {
-  font-family: Menlo, Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', Monaco, 'Droid Sans Mono', monospace;
-}
-code {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: #c7254e;
-  background-color: #f9f2f4;
-  border-radius: 4px;
-}
-pre {
-  display: block;
-  padding: 9.5px;
-  margin: 0 0 10px;
-  font-size: 13px;
-  line-height: 1.42857143;
-  color: #333;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-}
-pre code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border-radius: 0;
-}
-.container {
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (min-width: 768px) {
-  .container {
-    width: 750px;
-  }
-}
-@media (min-width: 992px) {
-  .container {
-    width: 970px;
-  }
-}
-@media (min-width: 1200px) {
-  .container {
-    width: 1170px;
-  }
-}
-.row {
-  margin-right: -15px;
-  margin-left: -15px;
-}
-.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
-  position: relative;
-  min-height: 1px;
-  padding-right: 15px;
-  padding-left: 15px;
-}
-.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
-  float: left;
-}
-.col-xs-12 {
-  width: 100%;
-}
-.col-xs-11 {
-  width: 91.66666667%;
-}
-.col-xs-10 {
-  width: 83.33333333%;
-}
-.col-xs-9 {
-  width: 75%;
-}
-.col-xs-8 {
-  width: 66.66666667%;
-}
-.col-xs-7 {
-  width: 58.33333333%;
-}
-.col-xs-6 {
-  width: 50%;
-}
-.col-xs-5 {
-  width: 41.66666667%;
-}
-.col-xs-4 {
-  width: 33.33333333%;
-}
-.col-xs-3 {
-  width: 25%;
-}
-.col-xs-2 {
-  width: 16.66666667%;
-}
-.col-xs-1 {
-  width: 8.33333333%;
-}
-.col-xs-pull-12 {
-  right: 100%;
-}
-.col-xs-pull-11 {
-  right: 91.66666667%;
-}
-.col-xs-pull-10 {
-  right: 83.33333333%;
-}
-.col-xs-pull-9 {
-  right: 75%;
-}
-.col-xs-pull-8 {
-  right: 66.66666667%;
-}
-.col-xs-pull-7 {
-  right: 58.33333333%;
-}
-.col-xs-pull-6 {
-  right: 50%;
-}
-.col-xs-pull-5 {
-  right: 41.66666667%;
-}
-.col-xs-pull-4 {
-  right: 33.33333333%;
-}
-.col-xs-pull-3 {
-  right: 25%;
-}
-.col-xs-pull-2 {
-  right: 16.66666667%;
-}
-.col-xs-pull-1 {
-  right: 8.33333333%;
-}
-.col-xs-pull-0 {
-  right: auto;
-}
-.col-xs-push-12 {
-  left: 100%;
-}
-.col-xs-push-11 {
-  left: 91.66666667%;
-}
-.col-xs-push-10 {
-  left: 83.33333333%;
-}
-.col-xs-push-9 {
-  left: 75%;
-}
-.col-xs-push-8 {
-  left: 66.66666667%;
-}
-.col-xs-push-7 {
-  left: 58.33333333%;
-}
-.col-xs-push-6 {
-  left: 50%;
-}
-.col-xs-push-5 {
-  left: 41.66666667%;
-}
-.col-xs-push-4 {
-  left: 33.33333333%;
-}
-.col-xs-push-3 {
-  left: 25%;
-}
-.col-xs-push-2 {
-  left: 16.66666667%;
-}
-.col-xs-push-1 {
-  left: 8.33333333%;
-}
-.col-xs-push-0 {
-  left: auto;
-}
-.col-xs-offset-12 {
-  margin-left: 100%;
-}
-.col-xs-offset-11 {
-  margin-left: 91.66666667%;
-}
-.col-xs-offset-10 {
-  margin-left: 83.33333333%;
-}
-.col-xs-offset-9 {
-  margin-left: 75%;
-}
-.col-xs-offset-8 {
-  margin-left: 66.66666667%;
-}
-.col-xs-offset-7 {
-  margin-left: 58.33333333%;
-}
-.col-xs-offset-6 {
-  margin-left: 50%;
-}
-.col-xs-offset-5 {
-  margin-left: 41.66666667%;
-}
-.col-xs-offset-4 {
-  margin-left: 33.33333333%;
-}
-.col-xs-offset-3 {
-  margin-left: 25%;
-}
-.col-xs-offset-2 {
-  margin-left: 16.66666667%;
-}
-.col-xs-offset-1 {
-  margin-left: 8.33333333%;
-}
-.col-xs-offset-0 {
-  margin-left: 0;
-}
-@media (min-width: 768px) {
-  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
-    float: left;
-  }
-  .col-sm-12 {
-    width: 100%;
-  }
-  .col-sm-11 {
-    width: 91.66666667%;
-  }
-  .col-sm-10 {
-    width: 83.33333333%;
-  }
-  .col-sm-9 {
-    width: 75%;
-  }
-  .col-sm-8 {
-    width: 66.66666667%;
-  }
-  .col-sm-7 {
-    width: 58.33333333%;
-  }
-  .col-sm-6 {
-    width: 50%;
-  }
-  .col-sm-5 {
-    width: 41.66666667%;
-  }
-  .col-sm-4 {
-    width: 33.33333333%;
-  }
-  .col-sm-3 {
-    width: 25%;
-  }
-  .col-sm-2 {
-    width: 16.66666667%;
-  }
-  .col-sm-1 {
-    width: 8.33333333%;
-  }
-  .col-sm-pull-12 {
-    right: 100%;
-  }
-  .col-sm-pull-11 {
-    right: 91.66666667%;
-  }
-  .col-sm-pull-10 {
-    right: 83.33333333%;
-  }
-  .col-sm-pull-9 {
-    right: 75%;
-  }
-  .col-sm-pull-8 {
-    right: 66.66666667%;
-  }
-  .col-sm-pull-7 {
-    right: 58.33333333%;
-  }
-  .col-sm-pull-6 {
-    right: 50%;
-  }
-  .col-sm-pull-5 {
-    right: 41.66666667%;
-  }
-  .col-sm-pull-4 {
-    right: 33.33333333%;
-  }
-  .col-sm-pull-3 {
-    right: 25%;
-  }
-  .col-sm-pull-2 {
-    right: 16.66666667%;
-  }
-  .col-sm-pull-1 {
-    right: 8.33333333%;
-  }
-  .col-sm-pull-0 {
-    right: auto;
-  }
-  .col-sm-push-12 {
-    left: 100%;
-  }
-  .col-sm-push-11 {
-    left: 91.66666667%;
-  }
-  .col-sm-push-10 {
-    left: 83.33333333%;
-  }
-  .col-sm-push-9 {
-    left: 75%;
-  }
-  .col-sm-push-8 {
-    left: 66.66666667%;
-  }
-  .col-sm-push-7 {
-    left: 58.33333333%;
-  }
-  .col-sm-push-6 {
-    left: 50%;
-  }
-  .col-sm-push-5 {
-    left: 41.66666667%;
-  }
-  .col-sm-push-4 {
-    left: 33.33333333%;
-  }
-  .col-sm-push-3 {
-    left: 25%;
-  }
-  .col-sm-push-2 {
-    left: 16.66666667%;
-  }
-  .col-sm-push-1 {
-    left: 8.33333333%;
-  }
-  .col-sm-push-0 {
-    left: auto;
-  }
-  .col-sm-offset-12 {
-    margin-left: 100%;
-  }
-  .col-sm-offset-11 {
-    margin-left: 91.66666667%;
-  }
-  .col-sm-offset-10 {
-    margin-left: 83.33333333%;
-  }
-  .col-sm-offset-9 {
-    margin-left: 75%;
-  }
-  .col-sm-offset-8 {
-    margin-left: 66.66666667%;
-  }
-  .col-sm-offset-7 {
-    margin-left: 58.33333333%;
-  }
-  .col-sm-offset-6 {
-    margin-left: 50%;
-  }
-  .col-sm-offset-5 {
-    margin-left: 41.66666667%;
-  }
-  .col-sm-offset-4 {
-    margin-left: 33.33333333%;
-  }
-  .col-sm-offset-3 {
-    margin-left: 25%;
-  }
-  .col-sm-offset-2 {
-    margin-left: 16.66666667%;
-  }
-  .col-sm-offset-1 {
-    margin-left: 8.33333333%;
-  }
-  .col-sm-offset-0 {
-    margin-left: 0;
-  }
-}
-@media (min-width: 992px) {
-  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
-    float: left;
-  }
-  .col-md-12 {
-    width: 100%;
-  }
-  .col-md-11 {
-    width: 91.66666667%;
-  }
-  .col-md-10 {
-    width: 83.33333333%;
-  }
-  .col-md-9 {
-    width: 75%;
-  }
-  .col-md-8 {
-    width: 66.66666667%;
-  }
-  .col-md-7 {
-    width: 58.33333333%;
-  }
-  .col-md-6 {
-    width: 50%;
-  }
-  .col-md-5 {
-    width: 41.66666667%;
-  }
-  .col-md-4 {
-    width: 33.33333333%;
-  }
-  .col-md-3 {
-    width: 25%;
-  }
-  .col-md-2 {
-    width: 16.66666667%;
-  }
-  .col-md-1 {
-    width: 8.33333333%;
-  }
-  .col-md-pull-12 {
-    right: 100%;
-  }
-  .col-md-pull-11 {
-    right: 91.66666667%;
-  }
-  .col-md-pull-10 {
-    right: 83.33333333%;
-  }
-  .col-md-pull-9 {
-    right: 75%;
-  }
-  .col-md-pull-8 {
-    right: 66.66666667%;
-  }
-  .col-md-pull-7 {
-    right: 58.33333333%;
-  }
-  .col-md-pull-6 {
-    right: 50%;
-  }
-  .col-md-pull-5 {
-    right: 41.66666667%;
-  }
-  .col-md-pull-4 {
-    right: 33.33333333%;
-  }
-  .col-md-pull-3 {
-    right: 25%;
-  }
-  .col-md-pull-2 {
-    right: 16.66666667%;
-  }
-  .col-md-pull-1 {
-    right: 8.33333333%;
-  }
-  .col-md-pull-0 {
-    right: auto;
-  }
-  .col-md-push-12 {
-    left: 100%;
-  }
-  .col-md-push-11 {
-    left: 91.66666667%;
-  }
-  .col-md-push-10 {
-    left: 83.33333333%;
-  }
-  .col-md-push-9 {
-    left: 75%;
-  }
-  .col-md-push-8 {
-    left: 66.66666667%;
-  }
-  .col-md-push-7 {
-    left: 58.33333333%;
-  }
-  .col-md-push-6 {
-    left: 50%;
-  }
-  .col-md-push-5 {
-    left: 41.66666667%;
-  }
-  .col-md-push-4 {
-    left: 33.33333333%;
-  }
-  .col-md-push-3 {
-    left: 25%;
-  }
-  .col-md-push-2 {
-    left: 16.66666667%;
-  }
-  .col-md-push-1 {
-    left: 8.33333333%;
-  }
-  .col-md-push-0 {
-    left: auto;
-  }
-  .col-md-offset-12 {
-    margin-left: 100%;
-  }
-  .col-md-offset-11 {
-    margin-left: 91.66666667%;
-  }
-  .col-md-offset-10 {
-    margin-left: 83.33333333%;
-  }
-  .col-md-offset-9 {
-    margin-left: 75%;
-  }
-  .col-md-offset-8 {
-    margin-left: 66.66666667%;
-  }
-  .col-md-offset-7 {
-    margin-left: 58.33333333%;
-  }
-  .col-md-offset-6 {
-    margin-left: 50%;
-  }
-  .col-md-offset-5 {
-    margin-left: 41.66666667%;
-  }
-  .col-md-offset-4 {
-    margin-left: 33.33333333%;
-  }
-  .col-md-offset-3 {
-    margin-left: 25%;
-  }
-  .col-md-offset-2 {
-    margin-left: 16.66666667%;
-  }
-  .col-md-offset-1 {
-    margin-left: 8.33333333%;
-  }
-  .col-md-offset-0 {
-    margin-left: 0;
-  }
-}
-@media (min-width: 1200px) {
-  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
-    float: left;
-  }
-  .col-lg-12 {
-    width: 100%;
-  }
-  .col-lg-11 {
-    width: 91.66666667%;
-  }
-  .col-lg-10 {
-    width: 83.33333333%;
-  }
-  .col-lg-9 {
-    width: 75%;
-  }
-  .col-lg-8 {
-    width: 66.66666667%;
-  }
-  .col-lg-7 {
-    width: 58.33333333%;
-  }
-  .col-lg-6 {
-    width: 50%;
-  }
-  .col-lg-5 {
-    width: 41.66666667%;
-  }
-  .col-lg-4 {
-    width: 33.33333333%;
-  }
-  .col-lg-3 {
-    width: 25%;
-  }
-  .col-lg-2 {
-    width: 16.66666667%;
-  }
-  .col-lg-1 {
-    width: 8.33333333%;
-  }
-  .col-lg-pull-12 {
-    right: 100%;
-  }
-  .col-lg-pull-11 {
-    right: 91.66666667%;
-  }
-  .col-lg-pull-10 {
-    right: 83.33333333%;
-  }
-  .col-lg-pull-9 {
-    right: 75%;
-  }
-  .col-lg-pull-8 {
-    right: 66.66666667%;
-  }
-  .col-lg-pull-7 {
-    right: 58.33333333%;
-  }
-  .col-lg-pull-6 {
-    right: 50%;
-  }
-  .col-lg-pull-5 {
-    right: 41.66666667%;
-  }
-  .col-lg-pull-4 {
-    right: 33.33333333%;
-  }
-  .col-lg-pull-3 {
-    right: 25%;
-  }
-  .col-lg-pull-2 {
-    right: 16.66666667%;
-  }
-  .col-lg-pull-1 {
-    right: 8.33333333%;
-  }
-  .col-lg-pull-0 {
-    right: auto;
-  }
-  .col-lg-push-12 {
-    left: 100%;
-  }
-  .col-lg-push-11 {
-    left: 91.66666667%;
-  }
-  .col-lg-push-10 {
-    left: 83.33333333%;
-  }
-  .col-lg-push-9 {
-    left: 75%;
-  }
-  .col-lg-push-8 {
-    left: 66.66666667%;
-  }
-  .col-lg-push-7 {
-    left: 58.33333333%;
-  }
-  .col-lg-push-6 {
-    left: 50%;
-  }
-  .col-lg-push-5 {
-    left: 41.66666667%;
-  }
-  .col-lg-push-4 {
-    left: 33.33333333%;
-  }
-  .col-lg-push-3 {
-    left: 25%;
-  }
-  .col-lg-push-2 {
-    left: 16.66666667%;
-  }
-  .col-lg-push-1 {
-    left: 8.33333333%;
-  }
-  .col-lg-push-0 {
-    left: auto;
-  }
-  .col-lg-offset-12 {
-    margin-left: 100%;
-  }
-  .col-lg-offset-11 {
-    margin-left: 91.66666667%;
-  }
-  .col-lg-offset-10 {
-    margin-left: 83.33333333%;
-  }
-  .col-lg-offset-9 {
-    margin-left: 75%;
-  }
-  .col-lg-offset-8 {
-    margin-left: 66.66666667%;
-  }
-  .col-lg-offset-7 {
-    margin-left: 58.33333333%;
-  }
-  .col-lg-offset-6 {
-    margin-left: 50%;
-  }
-  .col-lg-offset-5 {
-    margin-left: 41.66666667%;
-  }
-  .col-lg-offset-4 {
-    margin-left: 33.33333333%;
-  }
-  .col-lg-offset-3 {
-    margin-left: 25%;
-  }
-  .col-lg-offset-2 {
-    margin-left: 16.66666667%;
-  }
-  .col-lg-offset-1 {
-    margin-left: 8.33333333%;
-  }
-  .col-lg-offset-0 {
-    margin-left: 0;
-  }
-}
-table {
-  background-color: transparent;
-}
-caption {
-  padding-top: 8px;
-  padding-bottom: 8px;
-  color: #777;
-  text-align: left;
-}
-th {
-  text-align: left;
-}
-fieldset {
-  min-width: 0;
-  padding: 0;
-  margin: 0;
-  border: 0;
-}
-legend {
-  display: block;
-  width: 100%;
-  padding: 0;
-  margin-bottom: 20px;
-  font-size: 21px;
-  line-height: inherit;
-  color: #2b2b2b;
-  border: 0;
-  border-bottom: 1px solid #c7c7cc;
-}
-label {
-  display: inline-block;
-  max-width: 100%;
-  margin-bottom: 5px;
-  font-weight: bold;
-}
-.form-control::-moz-placeholder {
-  color: #999;
-  opacity: 1;
-}
-.form-control:-ms-input-placeholder {
-  color: #999;
-}
-.form-control::-webkit-input-placeholder {
-  color: #999;
-}
-.btn {
-  display: inline-block;
-  padding: 6px 12px;
-  margin-bottom: 0;
-  font-size: 14px;
-  font-weight: normal;
-  line-height: 1.42857143;
-  text-align: center;
-  white-space: nowrap;
-  vertical-align: middle;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  background-image: none;
-  border: 1px solid transparent;
-  border-radius: 4px;
-  -webkit-transition: all 0.15s;
-     -moz-transition: all 0.15s;
-          transition: all 0.15s;
-}
-.btn:focus {
-  /*outline: thin dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-  outline-offset: -2px;*/
-  outline: none;
-}
-.btn:hover,
-.btn:focus {
-  color: #2b2b2b;
-  text-decoration: none;
-}
-.btn-default {
-  color: #333;
-  background-color: #fff;
-  border-color: #ccc;
-}
-.btn-default:hover,
-.btn-default:focus,
-.btn-default:active {
-  color: #fff;
-  background-color: #9e9e9e;
-  border-color: #9e9e9e;
-}
-.btn-default:active {
-  background-image: none;
-}
-.btn-primary {
-  color: #fff;
-  background-color: #007aff;
-  border-color: #007aff;
-}
-.btn-primary:hover,
-.btn-primary:focus,
-.btn-primary:active {
-  color: #007aff;
-  border-color: #007aff;
-  background: transparent;
-}
-.btn-primary:active {
-  background-image: none;
-}
-.btn-success {
-  color: #fff;
-  background-color: #4cd964;
-  border-color: #4cd964;
-}
-.btn-success:hover,
-.btn-success:focus,
-.btn-success:active {
-  color: #4cd964;
-  background: transparent;
-  border-color: #4cd964;
-}
-.btn-success:active {
-  background-image: none;
-  outline: none;
-}
-.btn-info {
-  color: #fff;
-  background-color: #34aadc;
-  border-color: #34aadc;
-}
-.btn-info:hover,
-.btn-info:focus,
-.btn-info:active {
-  color: #34aadc;
-  background: transparent;
-  border-color: #34aadc;
-}
-.btn-info:active {
-  background-image: none;
-}
-.btn-lg,
-.btn-group-lg > .btn {
-  padding: 10px 16px;
-  font-size: 18px;
-  line-height: 1.3333333;
-  border-radius: 6px;
-}
-.btn-sm,
-.btn-group-sm > .btn {
-  padding: 5px 10px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 3px;
-}
-.btn-xs,
-.btn-group-xs > .btn {
-  padding: 1px 5px;
-  font-size: 12px;
-  line-height: 1.5;
-  border-radius: 3px;
-}
-.nav {
-  padding-left: 0;
-  margin-bottom: 0;
-  list-style: none;
-}
-@-webkit-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-@-o-keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-@keyframes progress-bar-stripes {
-  from {
-    background-position: 40px 0;
-  }
-  to {
-    background-position: 0 0;
-  }
-}
-.panel {
-  margin-bottom: 20px;
-  background-color: #fff;
-  border: 0px solid transparent;
-  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-}
-.panel-body {
-  padding: 15px 15px 0px 15px;
-}
-.carousel {
-  position: relative;
-}
-.carousel-inner {
-  position: relative;
-  width: 100%;
-  overflow: hidden;
-}
-.carousel-inner > .item {
-  position: relative;
-  display: none;
-  -webkit-transition: .6s ease-in-out left;
-       -o-transition: .6s ease-in-out left;
-          transition: .6s ease-in-out left;
-}
-.carousel-inner > .active {
-  display: block;
-}
-.carousel-inner > .active {
-  left: 0;
-}
-.carousel-indicators {
-  position: absolute;
-  bottom: 10px;
-  left: 50%;
-  z-index: 15;
-  width: 60%;
-  padding-left: 0;
-  margin-left: -30%;
-  text-align: center;
-  list-style: none;
-}
-.carousel-indicators li {
-  display: inline-block;
-  width: 10px;
-  height: 10px;
-  margin: 1px;
-  text-indent: -999px;
-  cursor: pointer;
-  background-color: #000 \9;
-  background-color: rgba(0, 0, 0, 0);
-  border: 1px solid #fff;
-  border-radius: 10px;
-}
-.carousel-indicators .active {
-  width: 12px;
-  height: 12px;
-  margin: 0;
-  background-color: #fff;
-}
-@media screen and (min-width: 768px) {
-  .carousel-indicators {
-    bottom: 20px;
-  }
-}
-.container:before,
-.container:after,
-.row:before,
-.row:after,
-.nav:before,
-.nav:after,
-.panel-body:before,
-.panel-body:after {
-  display: table;
-  content: " ";
-}
-.container:after,
-.row:after,
-.nav:after,
-.panel-body:after {
-  clear: both;
-}
-.pull-right {
-  float: right !important;
-}
-@-ms-viewport {
-  width: device-width;
-}
-@media (max-width: 767px) {
-  .hidden-xs {
-    display: none !important;
-  }
-}
diff --git a/docs/static/css/bootstrap-stripped-gohugo.css b/docs/static/css/bootstrap-stripped-gohugo.css
@@ -0,0 +1,1380 @@
+/*!
+ * Bootstrap for http://gohugo.io/
+ * with many unused property-value pairs, as well as selectors, removed
+ *
+ * Copyright 2013-2016 Steve Francia and the Hugo Authors
+ *
+ * Based on 'dist/css/bootstrap.css' from:
+ *
+ * Bootstrap v3.3.6 (http://getbootstrap.com)
+ * Copyright 2011-2015 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+html {
+  font-family: sans-serif;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+body {
+  margin: 0;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+progress,
+video {
+  display: inline-block;
+  vertical-align: baseline;
+}
+a:active,
+a:hover {
+  outline: 0;
+}
+b,
+strong {
+  font-weight: bold;
+}
+dfn {
+  font-style: italic;
+}
+h1 {
+  margin: .67em 0;
+  font-size: 2em;
+}
+mark {
+  color: #000;
+  background: #ff0;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sup {
+  top: -.5em;
+}
+sub {
+  bottom: -.25em;
+}
+img {
+  border: 0;
+}
+figure {
+  margin: 1em 40px;
+}
+hr {
+  height: 0;
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+pre {
+  overflow: auto;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+button,
+input,
+optgroup,
+select,
+textarea {
+  margin: 0;
+  font: inherit;
+  color: inherit;
+}
+button {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button {
+  -webkit-appearance: button;
+  cursor: pointer;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+input {
+  line-height: normal;
+}
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+fieldset {
+  padding: .35em .625em .75em;
+  margin: 0 2px;
+  border: 1px solid #c0c0c0;
+}
+legend {
+  padding: 0;
+  border: 0;
+}
+textarea {
+  overflow: auto;
+}
+optgroup {
+  font-weight: bold;
+}
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+}
+td,
+th {
+  padding: 0;
+}
+/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
+@media print {
+  *,
+  *:before,
+  *:after {
+    color: #000 !important;
+    text-shadow: none !important;
+    background: transparent !important;
+    -webkit-box-shadow: none !important;
+            box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+  a[href]:after {
+    content: " (" attr(href) ")";
+  }
+  a[href^="#"]:after,
+  a[href^="javascript:"]:after {
+    content: "";
+  }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+  thead {
+    display: table-header-group;
+  }
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}
+@font-face {
+  font-family: 'Glyphicons Halflings';
+
+  src: url('../fonts/glyphicons-halflings-regular.eot');
+  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
+}
+* {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+*:before,
+*:after {
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+html {
+  font-size: 10px;
+
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.42857143;
+  color: #333;
+  background-color: #fff;
+}
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+a {
+  color: #337ab7;
+  text-decoration: none;
+}
+a:hover,
+a:focus {
+  color: #23527c;
+  text-decoration: underline;
+}
+a:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+figure {
+  margin: 0;
+}
+img {
+  vertical-align: middle;
+}
+hr {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  border: 0;
+  border-top: 1px solid #eee;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: inherit;
+  font-weight: 500;
+  line-height: 1.1;
+  color: inherit;
+}
+h1,
+h2,
+h3 {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+h4,
+h5,
+h6 {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+h1 {
+  font-size: 36px;
+}
+h2 {
+  font-size: 30px;
+}
+h3 {
+  font-size: 24px;
+}
+h4 {
+  font-size: 18px;
+}
+h5 {
+  font-size: 14px;
+}
+h6 {
+  font-size: 12px;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 16px;
+  font-weight: 300;
+  line-height: 1.4;
+}
+@media (min-width: 768px) {
+  .lead {
+    font-size: 21px;
+  }
+}
+small,
+.small {
+  font-size: 85%;
+}
+.text-center {
+  text-align: center;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+ul ul {
+  margin-bottom: 0;
+}
+.list-inline {
+  padding-left: 0;
+  margin-left: -5px;
+  list-style: none;
+}
+.list-inline > li {
+  display: inline-block;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+dl {
+  margin-top: 0;
+  margin-bottom: 20px;
+}
+dt,
+dd {
+  line-height: 1.42857143;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0;
+}
+blockquote {
+  padding: 10px 20px;
+  margin: 0 0 20px;
+  font-size: 17.5px;
+  border-left: 5px solid #eee;
+}
+blockquote p:last-child,
+blockquote ul:last-child,
+blockquote ol:last-child {
+  margin-bottom: 0;
+}
+address {
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 1.42857143;
+}
+code,
+kbd,
+pre,
+samp {
+  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+code {
+  padding: 2px 4px;
+  font-size: 90%;
+  color: #c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 13px;
+  line-height: 1.42857143;
+  color: #333;
+  word-break: break-all;
+  word-wrap: break-word;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+pre code {
+  padding: 0;
+  font-size: inherit;
+  color: inherit;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border-radius: 0;
+}
+.container {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1200px) {
+  .container {
+    width: 1170px;
+  }
+}
+.row {
+  margin-right: -15px;
+  margin-left: -15px;
+}
+.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
+  position: relative;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px;
+}
+.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
+  float: left;
+}
+.col-xs-12 {
+  width: 100%;
+}
+.col-xs-11 {
+  width: 91.66666667%;
+}
+.col-xs-10 {
+  width: 83.33333333%;
+}
+.col-xs-9 {
+  width: 75%;
+}
+.col-xs-8 {
+  width: 66.66666667%;
+}
+.col-xs-7 {
+  width: 58.33333333%;
+}
+.col-xs-6 {
+  width: 50%;
+}
+.col-xs-5 {
+  width: 41.66666667%;
+}
+.col-xs-4 {
+  width: 33.33333333%;
+}
+.col-xs-3 {
+  width: 25%;
+}
+.col-xs-2 {
+  width: 16.66666667%;
+}
+.col-xs-1 {
+  width: 8.33333333%;
+}
+.col-xs-pull-12 {
+  right: 100%;
+}
+.col-xs-pull-11 {
+  right: 91.66666667%;
+}
+.col-xs-pull-10 {
+  right: 83.33333333%;
+}
+.col-xs-pull-9 {
+  right: 75%;
+}
+.col-xs-pull-8 {
+  right: 66.66666667%;
+}
+.col-xs-pull-7 {
+  right: 58.33333333%;
+}
+.col-xs-pull-6 {
+  right: 50%;
+}
+.col-xs-pull-5 {
+  right: 41.66666667%;
+}
+.col-xs-pull-4 {
+  right: 33.33333333%;
+}
+.col-xs-pull-3 {
+  right: 25%;
+}
+.col-xs-pull-2 {
+  right: 16.66666667%;
+}
+.col-xs-pull-1 {
+  right: 8.33333333%;
+}
+.col-xs-pull-0 {
+  right: auto;
+}
+.col-xs-push-12 {
+  left: 100%;
+}
+.col-xs-push-11 {
+  left: 91.66666667%;
+}
+.col-xs-push-10 {
+  left: 83.33333333%;
+}
+.col-xs-push-9 {
+  left: 75%;
+}
+.col-xs-push-8 {
+  left: 66.66666667%;
+}
+.col-xs-push-7 {
+  left: 58.33333333%;
+}
+.col-xs-push-6 {
+  left: 50%;
+}
+.col-xs-push-5 {
+  left: 41.66666667%;
+}
+.col-xs-push-4 {
+  left: 33.33333333%;
+}
+.col-xs-push-3 {
+  left: 25%;
+}
+.col-xs-push-2 {
+  left: 16.66666667%;
+}
+.col-xs-push-1 {
+  left: 8.33333333%;
+}
+.col-xs-push-0 {
+  left: auto;
+}
+.col-xs-offset-12 {
+  margin-left: 100%;
+}
+.col-xs-offset-11 {
+  margin-left: 91.66666667%;
+}
+.col-xs-offset-10 {
+  margin-left: 83.33333333%;
+}
+.col-xs-offset-9 {
+  margin-left: 75%;
+}
+.col-xs-offset-8 {
+  margin-left: 66.66666667%;
+}
+.col-xs-offset-7 {
+  margin-left: 58.33333333%;
+}
+.col-xs-offset-6 {
+  margin-left: 50%;
+}
+.col-xs-offset-5 {
+  margin-left: 41.66666667%;
+}
+.col-xs-offset-4 {
+  margin-left: 33.33333333%;
+}
+.col-xs-offset-3 {
+  margin-left: 25%;
+}
+.col-xs-offset-2 {
+  margin-left: 16.66666667%;
+}
+.col-xs-offset-1 {
+  margin-left: 8.33333333%;
+}
+.col-xs-offset-0 {
+  margin-left: 0;
+}
+@media (min-width: 768px) {
+  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
+    float: left;
+  }
+  .col-sm-12 {
+    width: 100%;
+  }
+  .col-sm-11 {
+    width: 91.66666667%;
+  }
+  .col-sm-10 {
+    width: 83.33333333%;
+  }
+  .col-sm-9 {
+    width: 75%;
+  }
+  .col-sm-8 {
+    width: 66.66666667%;
+  }
+  .col-sm-7 {
+    width: 58.33333333%;
+  }
+  .col-sm-6 {
+    width: 50%;
+  }
+  .col-sm-5 {
+    width: 41.66666667%;
+  }
+  .col-sm-4 {
+    width: 33.33333333%;
+  }
+  .col-sm-3 {
+    width: 25%;
+  }
+  .col-sm-2 {
+    width: 16.66666667%;
+  }
+  .col-sm-1 {
+    width: 8.33333333%;
+  }
+  .col-sm-pull-12 {
+    right: 100%;
+  }
+  .col-sm-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-sm-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-sm-pull-9 {
+    right: 75%;
+  }
+  .col-sm-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-sm-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-sm-pull-6 {
+    right: 50%;
+  }
+  .col-sm-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-sm-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-sm-pull-3 {
+    right: 25%;
+  }
+  .col-sm-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-sm-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-sm-pull-0 {
+    right: auto;
+  }
+  .col-sm-push-12 {
+    left: 100%;
+  }
+  .col-sm-push-11 {
+    left: 91.66666667%;
+  }
+  .col-sm-push-10 {
+    left: 83.33333333%;
+  }
+  .col-sm-push-9 {
+    left: 75%;
+  }
+  .col-sm-push-8 {
+    left: 66.66666667%;
+  }
+  .col-sm-push-7 {
+    left: 58.33333333%;
+  }
+  .col-sm-push-6 {
+    left: 50%;
+  }
+  .col-sm-push-5 {
+    left: 41.66666667%;
+  }
+  .col-sm-push-4 {
+    left: 33.33333333%;
+  }
+  .col-sm-push-3 {
+    left: 25%;
+  }
+  .col-sm-push-2 {
+    left: 16.66666667%;
+  }
+  .col-sm-push-1 {
+    left: 8.33333333%;
+  }
+  .col-sm-push-0 {
+    left: auto;
+  }
+  .col-sm-offset-12 {
+    margin-left: 100%;
+  }
+  .col-sm-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-sm-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-sm-offset-9 {
+    margin-left: 75%;
+  }
+  .col-sm-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-sm-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-sm-offset-6 {
+    margin-left: 50%;
+  }
+  .col-sm-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-sm-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-sm-offset-3 {
+    margin-left: 25%;
+  }
+  .col-sm-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-sm-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-sm-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
+    float: left;
+  }
+  .col-md-12 {
+    width: 100%;
+  }
+  .col-md-11 {
+    width: 91.66666667%;
+  }
+  .col-md-10 {
+    width: 83.33333333%;
+  }
+  .col-md-9 {
+    width: 75%;
+  }
+  .col-md-8 {
+    width: 66.66666667%;
+  }
+  .col-md-7 {
+    width: 58.33333333%;
+  }
+  .col-md-6 {
+    width: 50%;
+  }
+  .col-md-5 {
+    width: 41.66666667%;
+  }
+  .col-md-4 {
+    width: 33.33333333%;
+  }
+  .col-md-3 {
+    width: 25%;
+  }
+  .col-md-2 {
+    width: 16.66666667%;
+  }
+  .col-md-1 {
+    width: 8.33333333%;
+  }
+  .col-md-pull-12 {
+    right: 100%;
+  }
+  .col-md-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-md-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-md-pull-9 {
+    right: 75%;
+  }
+  .col-md-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-md-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-md-pull-6 {
+    right: 50%;
+  }
+  .col-md-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-md-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-md-pull-3 {
+    right: 25%;
+  }
+  .col-md-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-md-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-md-pull-0 {
+    right: auto;
+  }
+  .col-md-push-12 {
+    left: 100%;
+  }
+  .col-md-push-11 {
+    left: 91.66666667%;
+  }
+  .col-md-push-10 {
+    left: 83.33333333%;
+  }
+  .col-md-push-9 {
+    left: 75%;
+  }
+  .col-md-push-8 {
+    left: 66.66666667%;
+  }
+  .col-md-push-7 {
+    left: 58.33333333%;
+  }
+  .col-md-push-6 {
+    left: 50%;
+  }
+  .col-md-push-5 {
+    left: 41.66666667%;
+  }
+  .col-md-push-4 {
+    left: 33.33333333%;
+  }
+  .col-md-push-3 {
+    left: 25%;
+  }
+  .col-md-push-2 {
+    left: 16.66666667%;
+  }
+  .col-md-push-1 {
+    left: 8.33333333%;
+  }
+  .col-md-push-0 {
+    left: auto;
+  }
+  .col-md-offset-12 {
+    margin-left: 100%;
+  }
+  .col-md-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-md-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-md-offset-9 {
+    margin-left: 75%;
+  }
+  .col-md-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-md-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-md-offset-6 {
+    margin-left: 50%;
+  }
+  .col-md-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-md-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-md-offset-3 {
+    margin-left: 25%;
+  }
+  .col-md-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-md-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-md-offset-0 {
+    margin-left: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
+    float: left;
+  }
+  .col-lg-12 {
+    width: 100%;
+  }
+  .col-lg-11 {
+    width: 91.66666667%;
+  }
+  .col-lg-10 {
+    width: 83.33333333%;
+  }
+  .col-lg-9 {
+    width: 75%;
+  }
+  .col-lg-8 {
+    width: 66.66666667%;
+  }
+  .col-lg-7 {
+    width: 58.33333333%;
+  }
+  .col-lg-6 {
+    width: 50%;
+  }
+  .col-lg-5 {
+    width: 41.66666667%;
+  }
+  .col-lg-4 {
+    width: 33.33333333%;
+  }
+  .col-lg-3 {
+    width: 25%;
+  }
+  .col-lg-2 {
+    width: 16.66666667%;
+  }
+  .col-lg-1 {
+    width: 8.33333333%;
+  }
+  .col-lg-pull-12 {
+    right: 100%;
+  }
+  .col-lg-pull-11 {
+    right: 91.66666667%;
+  }
+  .col-lg-pull-10 {
+    right: 83.33333333%;
+  }
+  .col-lg-pull-9 {
+    right: 75%;
+  }
+  .col-lg-pull-8 {
+    right: 66.66666667%;
+  }
+  .col-lg-pull-7 {
+    right: 58.33333333%;
+  }
+  .col-lg-pull-6 {
+    right: 50%;
+  }
+  .col-lg-pull-5 {
+    right: 41.66666667%;
+  }
+  .col-lg-pull-4 {
+    right: 33.33333333%;
+  }
+  .col-lg-pull-3 {
+    right: 25%;
+  }
+  .col-lg-pull-2 {
+    right: 16.66666667%;
+  }
+  .col-lg-pull-1 {
+    right: 8.33333333%;
+  }
+  .col-lg-pull-0 {
+    right: auto;
+  }
+  .col-lg-push-12 {
+    left: 100%;
+  }
+  .col-lg-push-11 {
+    left: 91.66666667%;
+  }
+  .col-lg-push-10 {
+    left: 83.33333333%;
+  }
+  .col-lg-push-9 {
+    left: 75%;
+  }
+  .col-lg-push-8 {
+    left: 66.66666667%;
+  }
+  .col-lg-push-7 {
+    left: 58.33333333%;
+  }
+  .col-lg-push-6 {
+    left: 50%;
+  }
+  .col-lg-push-5 {
+    left: 41.66666667%;
+  }
+  .col-lg-push-4 {
+    left: 33.33333333%;
+  }
+  .col-lg-push-3 {
+    left: 25%;
+  }
+  .col-lg-push-2 {
+    left: 16.66666667%;
+  }
+  .col-lg-push-1 {
+    left: 8.33333333%;
+  }
+  .col-lg-push-0 {
+    left: auto;
+  }
+  .col-lg-offset-12 {
+    margin-left: 100%;
+  }
+  .col-lg-offset-11 {
+    margin-left: 91.66666667%;
+  }
+  .col-lg-offset-10 {
+    margin-left: 83.33333333%;
+  }
+  .col-lg-offset-9 {
+    margin-left: 75%;
+  }
+  .col-lg-offset-8 {
+    margin-left: 66.66666667%;
+  }
+  .col-lg-offset-7 {
+    margin-left: 58.33333333%;
+  }
+  .col-lg-offset-6 {
+    margin-left: 50%;
+  }
+  .col-lg-offset-5 {
+    margin-left: 41.66666667%;
+  }
+  .col-lg-offset-4 {
+    margin-left: 33.33333333%;
+  }
+  .col-lg-offset-3 {
+    margin-left: 25%;
+  }
+  .col-lg-offset-2 {
+    margin-left: 16.66666667%;
+  }
+  .col-lg-offset-1 {
+    margin-left: 8.33333333%;
+  }
+  .col-lg-offset-0 {
+    margin-left: 0;
+  }
+}
+table {
+  background-color: transparent;
+}
+caption {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  color: #777;
+  text-align: left;
+}
+th {
+  text-align: left;
+}
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 21px;
+  line-height: inherit;
+  color: #333;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 5px;
+  font-weight: bold;
+}
+.form-control::-moz-placeholder {
+  color: #999;
+  opacity: 1;
+}
+.form-control:-ms-input-placeholder {
+  color: #999;
+}
+.form-control::-webkit-input-placeholder {
+  color: #999;
+}
+.btn {
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.42857143;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  -ms-touch-action: manipulation;
+      touch-action: manipulation;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  background-image: none;
+  border: 1px solid transparent;
+  border-radius: 4px;
+}
+.btn:focus {
+  outline: thin dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+.btn:hover,
+.btn:focus {
+  color: #333;
+  text-decoration: none;
+}
+.btn:active {
+  outline: 0;
+}
+.btn-default {
+  color: #333;
+  background-color: #fff;
+  border-color: #ccc;
+}
+.btn-default:focus {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #8c8c8c;
+}
+.btn-default:hover {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active {
+  color: #333;
+  background-color: #e6e6e6;
+  border-color: #adadad;
+}
+.btn-default:active {
+  background-image: none;
+}
+.btn-primary {
+  color: #fff;
+  background-color: #337ab7;
+  border-color: #2e6da4;
+}
+.btn-primary:focus {
+  color: #fff;
+  border-color: #122b40;
+}
+.btn-primary:hover {
+  color: #fff;
+  background-color: #286090;
+  border-color: #204d74;
+}
+.btn-primary:active {
+  color: #fff;
+  border-color: #204d74;
+}
+.btn-primary:active {
+  background-image: none;
+}
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #4cae4c;
+}
+.btn-success:focus {
+  color: #fff;
+  border-color: #255625;
+}
+.btn-success:hover {
+  color: #fff;
+  background-color: #449d44;
+  border-color: #398439;
+}
+.btn-success:active {
+  color: #fff;
+  border-color: #398439;
+}
+.btn-success:active {
+  background-image: none;
+}
+.btn-info {
+  color: #fff;
+  background-color: #5bc0de;
+  border-color: #46b8da;
+}
+.btn-info:focus {
+  color: #fff;
+  border-color: #1b6d85;
+}
+.btn-info:hover {
+  color: #fff;
+  background-color: #31b0d5;
+  border-color: #269abc;
+}
+.btn-info:active {
+  color: #fff;
+  border-color: #269abc;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  padding: 10px 16px;
+  font-size: 18px;
+  line-height: 1.3333333;
+  border-radius: 6px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  padding: 5px 10px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding: 1px 5px;
+  font-size: 12px;
+  line-height: 1.5;
+  border-radius: 3px;
+}
+.nav {
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+}
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+.panel {
+  margin-bottom: 20px;
+  background-color: #fff;
+  border: 1px solid transparent;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+}
+.panel-body {
+  padding: 15px;
+}
+.carousel {
+  position: relative;
+}
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+.carousel-inner > .item {
+  position: relative;
+  display: none;
+  -webkit-transition: .6s ease-in-out left;
+       -o-transition: .6s ease-in-out left;
+          transition: .6s ease-in-out left;
+}
+.carousel-inner > .active {
+  display: block;
+}
+.carousel-inner > .active {
+  left: 0;
+}
+.carousel-indicators {
+  position: absolute;
+  bottom: 10px;
+  left: 50%;
+  z-index: 15;
+  width: 60%;
+  padding-left: 0;
+  margin-left: -30%;
+  text-align: center;
+  list-style: none;
+}
+.carousel-indicators li {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  margin: 1px;
+  text-indent: -999px;
+  cursor: pointer;
+  background-color: #000 \9;
+  background-color: rgba(0, 0, 0, 0);
+  border: 1px solid #fff;
+  border-radius: 10px;
+}
+.carousel-indicators .active {
+  width: 12px;
+  height: 12px;
+  margin: 0;
+  background-color: #fff;
+}
+@media screen and (min-width: 768px) {
+  .carousel-indicators {
+    bottom: 20px;
+  }
+}
+.container:before,
+.container:after,
+.row:before,
+.row:after,
+.nav:before,
+.nav:after,
+.panel-body:before,
+.panel-body:after {
+  display: table;
+  content: " ";
+}
+.container:after,
+.row:after,
+.nav:after,
+.panel-body:after {
+  clear: both;
+}
+.pull-right {
+  float: right !important;
+}
+@-ms-viewport {
+  width: device-width;
+}
+@media (max-width: 767px) {
+  .hidden-xs {
+    display: none !important;
+  }
+}
diff --git a/docs/static/css/home-page-style-responsive.css b/docs/static/css/home-page-style-responsive.css
@@ -0,0 +1,44 @@
+/* full page image header area */
+
+@media (min-width: 1024.1px) {
+    .header {
+        background-image: url('../img/desk.jpg');
+    }
+}
+@media (max-width: 319.9px) {
+    .header {
+        background-image: url('../img/desk-sm.jpg');
+    }
+}
+@media (max-width: 319.9px), (min-width: 1024.1px) {
+    .header {
+        background-position: center center;
+        -webkit-background-size: cover;
+           -moz-background-size: cover;
+             -o-background-size: cover;
+                background-size: cover;
+        background-attachment: fixed;
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) {
+    .header {
+        background-position: 0% 0%;
+        -webkit-background-size: 100% 100%;
+           -moz-background-size: 100% 100%;
+             -o-background-size: 100% 100%;
+                background-size: 100% 100%;
+        background-attachment: scroll;
+        background-clip: border-box;
+        background-origin: padding-box;
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
+    .header {
+        background-image: url('../img/desk-mini.jpg');
+    }
+}
+@media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
+    .header {
+        background-image: url('../img/desk-wide.jpg');
+    }
+}
diff --git a/docs/static/css/home-page-style.css b/docs/static/css/home-page-style.css
@@ -0,0 +1,194 @@
+/* global styles */
+
+html {
+    width: 100%;
+    height: 100%;
+    letter-spacing: 0.5px;
+}
+body {
+    width: 100%;
+    height: 100%;
+    letter-spacing: 0.5px;
+    line-height: 1.6;
+    font-family: 'Arbutus Slab', "Helvetica Neue", "Helvetica", sans-serif !important;
+}
+h1, h2, h3, h4, h5, h6 {
+    font-family: 'Cabin', "Helvetica Neue", "Helvetica", sans-serif;
+}
+div.vert-text {
+    display: table-cell;
+    vertical-align: middle;
+    text-align: center;
+}
+
+/* full page image header area */
+
+div.buttonbox {
+    margin: 2em 0 4em;
+}
+img.logo {
+    padding: 2em;
+    width: 100%;
+    max-width: 35em;
+}
+div#main {
+    position: relative;
+    z-index: 99999;
+    background: rgb(255, 255, 255);
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
+}
+.header {
+    display: table;
+    position: relative;
+    width: 100%;
+    height: 70%;
+    min-height: 70%;
+    z-index: 99999;
+    background-color: black;
+    background-repeat: no-repeat;
+}
+.header a.btn {
+    margin: 10px;
+    font-weight: 100;
+}
+
+/* intro */
+
+a:hover {
+    color: rgb(52, 73, 94);
+}
+i.callout-icon, i.lead-icon, i.point-icon {
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    width: 140px;
+    height: 140px;
+    font-size: 56px;
+    line-height: 136px;
+    border-radius: 50%;
+    -webkit-transition: box-shadow 0.2s;
+    -moz-transition: box-shadow 0.2s;
+    transition: box-shadow 0.2s;
+}
+div.counterpoint {
+    background-color: rgb(255, 252, 244);
+}
+div.counterpoint, div.point {
+    padding: 50px 0;
+}
+div.counterpoint a, div.point a {
+    color: rgb(7,162,166);
+}
+div.counterpoint h2, div.point h2 {
+    line-height: 1.7;
+    font-size: 32pt;
+}
+a.icon-2x {
+    font-size: 200%;
+}
+i.lead-icon {
+    border: 3px solid #222222;
+}
+i.lead-icon:hover {
+    border: 3px solid black;
+    background: black;
+    color: #ffffff;
+}
+div.point {
+    background: rgb(96,210,211);
+    color: #ffffff;
+}
+div.point h2 > i {
+    color:#FF4088;
+}
+i.point-icon {
+    border: 3px solid #ffffff;
+}
+i.point-icon:hover {
+    background: #ffffff;
+    color: rgb(22, 203, 230);
+}
+
+/* callout */
+
+div.callout {
+    display: table;
+    table-layout: fixed;
+    width: 100%;
+    height: 420px;
+    padding: 50px 0;
+    background-color: rgb(118,156,172);
+    color: #ffffff;
+}
+i.callout-icon {
+    border: 3px solid #ffffff;
+}
+i.callout-icon:hover {
+    background: #ffffff;
+    color: rgb(249, 176, 190);
+}
+
+/* call to action */
+
+div#action.call-to-action {
+    padding: 30px 0px 40px;
+    padding: 30px 0px 50px;
+    width: 100%;
+    background-color: rgba(255, 255, 255, 0.19);
+    background: url('../img/gray.png');
+    color: #ffffff;
+}
+div#action.call-to-action code {
+    font-size: 14pt;
+}
+div#action.call-to-action h1 {
+    padding-bottom: .5em;
+}
+div#action.call-to-action pre {
+    background-color: #545454;
+    color: #f9f2f4;
+    margin-bottom: 0;
+}
+div#action.call-to-action pre:hover {
+    background-color: #f9f2f4;
+    color: #545454;
+}
+div#action.call-to-action a.btn {
+    margin: 10px;
+}
+div#action.call-to-action a.quickstart {
+    font-weight: 300;
+    color: white;
+}
+
+/* footer */
+
+footer {
+    padding: 50px 0px 25px 0px;
+    font-size: 14px;
+    background: rgb(255, 255, 255);
+}
+footer a {
+    color: black;
+}
+footer a:focus,
+footer a:hover {
+    text-decoration: none;
+    outline: none;
+}
+footer a:active {
+    color: green;
+}
+
+/* Bootstrap addons */
+
+div.owl-carousel a {
+    white-space: nowrap;
+    color: #243382;
+}
+div.owl-carousel blockquote {
+    border-left: 0px;
+}
+div.owl-carousel blockquote p {
+    font-size: 20pt;
+}
diff --git a/docs/static/css/owl.carousel.min.css b/docs/static/css/owl.carousel.min.css
@@ -1 +0,0 @@
-.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}-
\ No newline at end of file
diff --git a/docs/static/css/owl.theme.default.min.css b/docs/static/css/owl.theme.default.min.css
@@ -1 +0,0 @@
-.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}-
\ No newline at end of file
diff --git a/docs/static/img/desk-long.jpg b/docs/static/img/desk-wide.jpg
Binary files differ.
diff --git a/docs/static/js/owl.carousel-custom.js b/docs/static/js/owl.carousel-custom.js
@@ -0,0 +1,16 @@
+$('.owl-carousel').owlCarousel({
+    loop:true,
+    margin:10,
+    nav:true,
+    autoplay:true,
+    autoplayHoverPause:true,
+    autoplayTimeout:3000,
+    responsive:{
+        0:{
+            items:1
+        },
+        1000:{
+            items:3
+        },
+    }
+})
diff --git a/docs/static/vendor/OwlCarousel2/LICENSE b/docs/static/vendor/OwlCarousel2/LICENSE
@@ -0,0 +1,22 @@
+Copyright (c) 2014 Owl
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
diff --git a/docs/static/css/owl.carousel.css b/docs/static/vendor/OwlCarousel2/css/owl.carousel.css
diff --git a/docs/static/css/owl.theme.default.css b/docs/static/vendor/OwlCarousel2/css/owl.theme.default.css
diff --git a/docs/static/js/owl.carousel.min.js b/docs/static/vendor/OwlCarousel2/js/owl.carousel.min.js
diff --git a/docs/static/vendor/OwlCarousel2/notes.txt b/docs/static/vendor/OwlCarousel2/notes.txt
@@ -0,0 +1,12 @@
+Version: 2.0.0-beta.3
+
+Source:
+  https://github.com/OwlCarousel2/OwlCarousel2
+
+Files (there):
+  dist/assets/owl.carousel.css
+  dist/assets/owl.theme.default.css
+  dist/owl.carousel.js
+
+Roadmap (from August 22, 2016):
+  https://github.com/OwlCarousel2/OwlCarousel2/issues/1538
diff --git a/docs/static/js/instantclick.min.js b/docs/static/vendor/dieulot/js/instantclick.min.js
diff --git a/docs/static/js/jquery.scrollTo.min.js b/docs/static/vendor/flesler/js/jquery.scrollTo.min.js
diff --git a/docs/static/assets/font-awesome/css/font-awesome.min.css b/docs/static/vendor/font-awesome/css/font-awesome.min.css
diff --git a/docs/static/assets/font-awesome/fonts/FontAwesome.otf b/docs/static/vendor/font-awesome/fonts/FontAwesome.otf
Binary files differ.
diff --git a/docs/static/assets/font-awesome/fonts/fontawesome-webfont.eot b/docs/static/vendor/font-awesome/fonts/fontawesome-webfont.eot
Binary files differ.
diff --git a/docs/static/assets/font-awesome/fonts/fontawesome-webfont.svg b/docs/static/vendor/font-awesome/fonts/fontawesome-webfont.svg
diff --git a/docs/static/assets/font-awesome/fonts/fontawesome-webfont.ttf b/docs/static/vendor/font-awesome/fonts/fontawesome-webfont.ttf
Binary files differ.
diff --git a/docs/static/assets/font-awesome/fonts/fontawesome-webfont.woff b/docs/static/vendor/font-awesome/fonts/fontawesome-webfont.woff
Binary files differ.
diff --git a/docs/static/assets/font-awesome/fonts/fontawesome-webfont.woff2 b/docs/static/vendor/font-awesome/fonts/fontawesome-webfont.woff2
Binary files differ.
diff --git a/docs/static/css/monokai-sublime.css b/docs/static/vendor/highlightjs/css/monokai-sublime.css
diff --git a/docs/static/js/highlight.pack.js b/docs/static/vendor/highlightjs/js/highlight.pack.js
diff --git a/docs/static/vendor/highlightjs/notes.txt b/docs/static/vendor/highlightjs/notes.txt
@@ -0,0 +1,13 @@
+Version: 9.0.0
+
+Source:
+  https://github.com/isagalaev/highlight.js
+
+Also see Hugo commit:
+  7cf7f85ad66a1cd35ab4e6026ed6b9da95c53c34.
+
+Files (there):
+  src/styles/monokai-sublime.css
+
+Files (we build):
+  highlight.pack.js
diff --git a/docs/static/js/jquery-2.1.4.min.js b/docs/static/vendor/jquery/js/jquery-2.1.4.min.js
diff --git a/docs/static/js/bootstrap.min.js b/docs/static/vendor/twitter/js/bootstrap.min.js