From 1f05f01e156bdcfdb2e7b56e003caa7399d6296d Mon Sep 17 00:00:00 2001
From: Gareth Jones <gareth.jones@shinetech.com>
Date: Sun, 16 Apr 2017 14:23:11 +1000
Subject: [PATCH] docs(layout): improved documentation

---
 .gitignore                 |  2 ++
 docs/Gemfile               |  2 ++
 docs/_layouts/default.html |  4 ++--
 docs/assets/css/style.scss | 32 ++++++++++++++++++++++++++++++++
 docs/faq.md                |  0
 docs/layouts.md            |  0
 6 files changed, 38 insertions(+), 2 deletions(-)
 create mode 100644 docs/Gemfile
 create mode 100644 docs/assets/css/style.scss
 create mode 100644 docs/faq.md
 create mode 100644 docs/layouts.md

diff --git a/.gitignore b/.gitignore
index 580c030..7a45921 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,3 +19,5 @@ test/streams/test-*
 yarn.lock
 coverage/
 .nyc_output/
+_site
+Gemfile.lock
diff --git a/docs/Gemfile b/docs/Gemfile
new file mode 100644
index 0000000..37f5eaa
--- /dev/null
+++ b/docs/Gemfile
@@ -0,0 +1,2 @@
+source 'https://rubygems.org'
+gem 'github-pages', group: :jekyll_plugins
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index 77b490c..64327a8 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -21,14 +21,14 @@
           <p class="view"><a href="{{ site.github.repository_url }}">View the Project on GitHub <small>{{ github_name }}</small></a></p>
         {% endif %}
 
-        <ul>
+        <nav id="menu"><ul>
           <li><a href="{% link index.md %}">Home</a></li>
           <li><a href="{% link api.md %}">API</a></li>
           <li><a href="{% link appenders.md %}">Appenders</a></li>
           <li><a href="{% link layouts.md %}">Layouts</a></li>
           <li><a href="{% link terms.md %}">Terminology</a></li>
           <li><a href="{% link faq.md %}">FAQ</a></li>
-        </ul>
+        </ul></nav>
 
         {% if site.github.is_user_page %}
           <p class="view"><a href="{{ site.github.owner_url }}">View My GitHub Profile</a></p>
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss
new file mode 100644
index 0000000..2f5bb4e
--- /dev/null
+++ b/docs/assets/css/style.scss
@@ -0,0 +1,32 @@
+---
+---
+
+@import "{{ site.theme }}";
+
+header ul {
+  display: block;
+  background-color: white;
+  border: none;
+  width: auto;
+  height: auto;
+  padding: 0;
+  list-style: disc;
+  clear:both;
+  margin-left: 20px;
+}
+
+header li {
+  display: list-item;
+  width: auto;
+  border: none;
+  float: none;
+  height: auto;
+}
+
+header ul a {
+  display: inline;
+  width: auto;
+  text-align: left;
+  color: #39c;
+  font-size: 14px;
+}
diff --git a/docs/faq.md b/docs/faq.md
new file mode 100644
index 0000000..e69de29
diff --git a/docs/layouts.md b/docs/layouts.md
new file mode 100644
index 0000000..e69de29