syndesisio · pure-bot · Nov 15, 2018 · Oct 24, 2018 · Nov 12, 2018 · Nov 12, 2018
diff --git a/content/community.md b/content/community.md
@@ -8,7 +8,7 @@ menu:
   sidenav:
     name: "Community"
     pre: "<i class='fa fa-fw fa-group'></i>"
-    weight: -180
+    weight: -80
   topnav:
     name: "community"
     weight: -120

diff --git a/content/docs.md b/content/docs.md
@@ -0,0 +1,20 @@
+---
+draft: false
+title: "Developer Docs"
+description: "Documentation and guides for using and/or contributing to the Syndesis project."
+sidebar: "sidenav"
+kind: docs
+
+menu:
+  sidenav:
+    name: "Developer Docs"
+    pre: "<i class='fa fa-fw fa-book'></i>"
+    weight: -180
+  topnav:
+    name: "docs"
+    weight: -180
+---
+
+This handbook contain all information required for installing, running and developing Syndesis from a developer's point of view.
+
+Please use the links in the sidebar on the left to navigate the Developer Docs.
diff --git a/content/docs/_index.md b/content/docs/_index.md
diff --git a/content/docs/cli.md b/content/docs/cli.md
diff --git a/content/docs/development.md b/content/docs/development.md
diff --git a/static/images/favicon-02.png b/static/images/favicon-02.png
diff --git a/static/images/favicon.png b/static/images/favicon.png
diff --git a/static/images/grant.png b/static/images/grant.png
diff --git a/static/images/landing_page.png b/static/images/landing_page.png
diff --git a/static/images/login.png b/static/images/login.png
diff --git a/static/images/orig/grant.png b/static/images/orig/grant.png
diff --git a/static/images/orig/landing_page.png b/static/images/orig/landing_page.png
diff --git a/static/images/orig/login.png b/static/images/orig/login.png
diff --git a/static/images/orig/security_exception.png b/static/images/orig/security_exception.png
diff --git a/static/images/red-hat-02.png b/static/images/red-hat-02.png
diff --git a/static/images/screenshot-dashboard.png b/static/images/screenshot-dashboard.png
diff --git a/static/images/screenshot-integration-list.png b/static/images/screenshot-integration-list.png
diff --git a/static/images/security_exception.png b/static/images/security_exception.png
diff --git a/static/images/syndesis-group-dependencies.png b/static/images/syndesis-group-dependencies.png
diff --git a/static/images/zenhub-columns.png b/static/images/zenhub-columns.png
diff --git a/themes/syndesis/layouts/docs/list.html → themes/syndesis/layouts/docs/single.html b/themes/syndesis/layouts/docs/list.html → themes/syndesis/layouts/docs/single.html
@@ -1,15 +1,15 @@
 {{ define "main"}}
 <div itemscope
-    class="article">
+    class="doc">
   {{ template "_internal/schema.html" .}}
   <div class="hero">
     <h1 itemprop="headline">{{.Title}}</h1>
     {{ if .Description }}
     <blockquote itemprop="description">{{ .Description }}</blockquote>
     {{ end }}
   </div>
-  <div itemprop="articleBody"
-      class="articleBody">
+  <div itemprop="docBody"
+      class="docBody">
     {{ .Content | safeHTML }}
   </div>
 </div>

diff --git a/themes/syndesis/scss/_blog.scss b/themes/syndesis/scss/_blog.scss
@@ -1,4 +1,4 @@
-@import 'colors';
+@import "colors";
 
 ////////////////////////////////////////////////////////////////////////////////
 // BLOG
@@ -36,4 +36,3 @@
     }
   }
 }
-
diff --git a/themes/syndesis/scss/_docs.scss b/themes/syndesis/scss/_docs.scss
@@ -2,5 +2,33 @@
 // DOCS
 ////////////////////////////////////////////////////////////////////////////////
 
-@import 'colors';
-@import 'navbar';
+@import "colors";
+@import "navbar";
+@import "./bootstrap/_variables";
+@import "../../../node_modules/bootstrap/scss/bootstrap";
+
+@import "colors";
+@import "highlighting";
+
+.docs {
+  .docBody {
+    h2 {
+      font-size: 1.75rem;
+      padding: 35px 0 10px;
+
+      &:first-of-type {
+        padding: 15px 0;
+      }
+    }
+
+    h3 {
+      color: $pf-blue;
+      font-size: 1.3em;
+      padding: 15px 0 10px;
+    }
+
+    pre {
+      background: #f7f7f8 !important;
+    }
+  }
+}
diff --git a/themes/syndesis/scss/_sidenav.scss b/themes/syndesis/scss/_sidenav.scss
@@ -68,7 +68,7 @@
 ul.sidebar-menu {
   padding: 0;
   margin: -2px 0 0;
-  background-color: #eeeeee;
+  //background-color: #eeeeee;
 
   li {
 

diff --git a/themes/syndesis/scss/syndesis.scss b/themes/syndesis/scss/syndesis.scss
@@ -1,19 +1,20 @@
-@import './bootstrap/_variables';
-@import '../../../node_modules/bootstrap/scss/bootstrap';
-
-@import 'blog';
-@import 'colors';
-@import 'docs';
-@import 'footer';
-@import 'github-corner';
-@import 'home';
-@import 'icons';
-@import 'navbar';
-@import 'sidenav';
-@import 'toc';
-@import 'highlighting';
-
-html, body {
+@import "./bootstrap/_variables";
+@import "../../../node_modules/bootstrap/scss/bootstrap";
+
+@import "blog";
+@import "colors";
+@import "docs";
+@import "footer";
+@import "github-corner";
+@import "home";
+@import "icons";
+@import "navbar";
+@import "sidenav";
+@import "toc";
+@import "highlighting";
+
+html,
+body {
   height: 100%;
   width: 100%;
 }
@@ -39,6 +40,78 @@ html, body {
     @include media-breakpoint-up(lg) {
       width: calc(100% - 214px - 314px);
     }
+
+    h2 {
+      font-size: 1.75rem;
+      padding: 35px 0 10px;
+
+      &:first-of-type {
+        padding: 15px 0;
+      }
+    }
+
+    h3 {
+      color: $pf-blue;
+      font-size: 1.3em;
+      padding: 15px 0 10px;
+    }
+
+    pre {
+      background: #f7f7f8 !important;
+    }
+  }
+
+  table {
+    //display: block;
+    display: table;
+    border-collapse: collapse;
+    //border-collapse: separate;
+    border-color: grey;
+    border-spacing: 2px;
+    empty-cells: hide;
+    line-height: 1.5;
+    margin-bottom: 1.5rem;
+    overflow: auto;
+    width: 100%;
+
+    thead {
+      display: table-header-group;
+      vertical-align: middle;
+      border-color: inherit;
+
+      th,
+      tr {
+        :empty {
+          display: none;
+        }
+      }
+    }
+
+    tbody {
+      display: table-row-group;
+      vertical-align: middle;
+      border-color: inherit;
+    }
+
+    th {
+      font-weight: 600;
+    }
+
+    tr {
+      background-color: #fff;
+      border-top: 1px solid #c6cbd1;
+      display: table-row;
+    }
+
+    tr:nth-child(2n) {
+      background-color: #f6f8fa;
+    }
+
+    td,
+    th {
+      border: 1px solid #dfe2e5;
+      padding: 6px 13px;
+    }
   }
 }
 
@@ -49,4 +122,3 @@ html, body {
   height: 100px;
   visibility: hidden;
 }
-