Move documentation under documentation sub menu

Author: ethanhann

doc/configuration.md

@@ -6,7 +6,7 @@ currentMenu: configuration
 # Configuration
 
 __InEngine.NET__ is configured with a JSON file called IntegrationEngine.json.
-The configuration file has four sections: _WebApi_, _MessageQueue_, _Mail_, and _Database_.
+The configuration file has several sections, outlined below.
 
 ### WebApi
 

doc/couscous.yml

@@ -20,18 +20,23 @@ menu:
             text: Change Log
             iconClass: 'fa fa-fw fa-refresh'
             relativeUrl: change-log.html
-        configuration:
-            text: Configuration
-            iconClass: 'fa fa-fw fa-gear'
-            relativeUrl: configuration.html
-        integration-jobs:
-            text: Integration Jobs
-            iconClass: 'fa fa-fw fa-exchange'
-            relativeUrl: integration-jobs.html
-        web-api:
-            text: Web API
-            iconClass: 'fa fa-fw fa-cloud'
-            relativeUrl: web-api/cron-trigger.html
+        documentation:
+            text: Documentation
+            iconClass: 'fa fa-fw fa-book'
+            relativeUrl: documentation.html
+            items:
+                configuration:
+                    text: Configuration
+                    iconClass: 'fa fa-fw fa-gear'
+                    relativeUrl: configuration.html
+                integration-jobs:
+                    text: Integration Jobs
+                    iconClass: 'fa fa-fw fa-exchange'
+                    relativeUrl: integration-jobs.html
+                web-api:
+                    text: Web API
+                    iconClass: 'fa fa-fw fa-cloud'
+                    relativeUrl: web-api/cron-trigger.html
 
 webApiMenu:
     items:

doc/documentation.md

@@ -0,0 +1,19 @@
+---
+layout: default
+currentMenu: documentation
+---
+
+# Documentation
+
+## Configuration
+
+The [Configuration documentation](configuration.html) describes how the values in the IntegrationEngine.json file can be set.
+
+## Integration Jobs
+
+The [Integration Jobs documentation](configuration.html) lists the built-in integration jobs, and explains their usage.
+
+## Web API
+
+The [Web API documentation](configuration.html) lists the available HTTP endpoints, and explains their usage.
+

doc/website/css/main.css

@@ -147,3 +147,8 @@ pre code {
     letter-spacing: -2px;
     line-height: 100px;
 }
+
+
+.nav.nav-sub-items li a {
+    padding-left: 1.6em;
+}

doc/website/home.twig

@@ -37,6 +37,7 @@
     </div>
     <div class="jumbotron text-center">
         <h1>{{ title }}</h1>
+
         <p class="lead">{{ subTitle }}</p>
     </div>
 </header>
@@ -45,16 +46,13 @@
     <div class="container">
         <section id="content">
             <div class="row text-center jumbo-nav-icons">
-                {% for itemId, item in menu.items %}
-                    <div class="col-sm-2">
-                        <p>
-                            <a href="{{ item.absoluteUrl|default(baseUrl ~ '/' ~ item.relativeUrl) }}">
-                                <span class="{{ item.iconClass }} fa-5x"></span>
-                                <br>
-                                {{ item.text|raw }}
-                            </a>
-
-                        <p>
+                {% for itemId, item in menu.items if itemId != 'home' %}
+                    <div class="col-md-4">
+                        <a href="{{ item.absoluteUrl|default(baseUrl ~ '/' ~ item.relativeUrl) }}">
+                            <span class="{{ item.iconClass }} fa-5x"></span>
+                            <br>
+                            {{ item.text|raw }}
+                        </a>
                     </div>
                 {% endfor %}
             </div>

doc/website/menu-items.twig

@@ -5,4 +5,18 @@
             <span>{{ item.text|raw }}</span>
         </a>
     </li>
+    {% if item.items is defined %}
+        {% for subItemId, subItem in item.items %}
+            <li>
+                <ul class="nav nav-pills nav-stacked nav-sub-items">
+                    <li class="{{ subItemId == currentMenu ? 'active' }}">
+                        <a href="{{ subItem.absoluteUrl|default(baseUrl ~ '/' ~ subItem.relativeUrl) }}">
+                            <span class="{{ subItem.iconClass }}"></span>
+                            <span>{{ subItem.text|raw }}</span>
+                        </a>
+                    </li>
+                </ul>
+            </li>
+        {% endfor %}
+    {% endif %}
 {% endfor %}