diff --git a/config.toml b/config.toml
index 38f969e..5fb023a 100644
--- a/config.toml
+++ b/config.toml
@@ -19,7 +19,7 @@ showVisitedLinks = true # default is false
 themeStyle = "flex" # "original" or "flex" # default "flex"
 themeVariant = "" # choose theme variant "green", "gold" , "gray", "blue" (default)
 ordersectionsby = "weight" # ordersectionsby = "title"
-disableHomeIcon = true # default is false
+disableHomeIcon = false # default is false
 disableSearch = false # default is false
 disableNavChevron = false # set true to hide next/prev chevron, default is false
 highlightClientSide = false # set true to use highlight.pack.js instead of the default hugo chroma highlighter
diff --git a/content/_index.md b/content/_index.md
index d1fce07..a0f78d8 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,3 +1,7 @@
++++
+title = "Home"
+weight = 1
++++
 ![LOGO](images/HAASPLogo_Dark.png)  
 
 **H**ome **A**utomation **A**nd **S**ecurity **P**latform is a sowftware framework for home automation and security installations. Primary written in python and optimized for use within docker containers HAASP consist of following modules:     
diff --git a/content/applications/_index.md b/content/applications/_index.md
index c0e78f7..3e05c6e 100644
--- a/content/applications/_index.md
+++ b/content/applications/_index.md
@@ -1,5 +1,7 @@
 +++
 title = "Applications"
+weight=5
+alwaysopen = true
 +++
 
 TEST
diff --git a/content/applications/broadlink.md b/content/applications/broadlink.md
new file mode 100644
index 0000000..0d3995f
--- /dev/null
+++ b/content/applications/broadlink.md
@@ -0,0 +1,8 @@
++++
+title = "Broadlink"
+date = "2018-10-26"
++++
+
+# Broadlink 
+
+
diff --git a/content/applications/huee.md b/content/applications/huee.md
new file mode 100644
index 0000000..e5664cc
--- /dev/null
+++ b/content/applications/huee.md
@@ -0,0 +1,9 @@
++++
+title = "Huee"
+date = "2018-10-26"
+Weight=2
++++
+
+# Huee 
+
+
diff --git a/content/applications/webapp.md b/content/applications/webapp.md
new file mode 100644
index 0000000..2440813
--- /dev/null
+++ b/content/applications/webapp.md
@@ -0,0 +1,8 @@
++++
+title = "WebApp"
+date = "2018-10-26"
++++
+
+# Webapp 
+
+
diff --git a/content/applications/zwave.md b/content/applications/zwave.md
index fe19210..338cc5d 100644
--- a/content/applications/zwave.md
+++ b/content/applications/zwave.md
@@ -1,7 +1,6 @@
 +++
 title = "Zwave"
 date = "2018-10-26"
-Weight=2
 +++
 
 # Zwave
diff --git a/content/cli/_index.md b/content/cli/_index.md
new file mode 100644
index 0000000..d4090ae
--- /dev/null
+++ b/content/cli/_index.md
@@ -0,0 +1,7 @@
++++
+title = "CLI"
+date = "2018-10-28"
+Weight=4
++++
+
+TEST
diff --git a/content/hardware/_index.md b/content/hardware/_index.md
new file mode 100644
index 0000000..f42f5f4
--- /dev/null
+++ b/content/hardware/_index.md
@@ -0,0 +1,7 @@
++++
+title = "Hardware"
+weight=6
+alwaysopen = true
++++
+
+TEST
diff --git a/content/workflow/_index.md b/content/workflow/_index.md
new file mode 100644
index 0000000..b173560
--- /dev/null
+++ b/content/workflow/_index.md
@@ -0,0 +1,21 @@
++++
+title = "Workflow"
+date = "2018-10-28"
+Weight=1
++++  
+![WORKFL:W](/images/HAASP.png)    
+
+### Available haasp send/receive commands
+* event = `{"event":{"source":source, "destination":destination, reference":reference, "value":value}}`  
+* command = `{"command":{"source":source, "destination":destination, command":command, "value":[value]}}` 
+* command_respond = `{"command_respond":{"source":source, "destination":destination, command":command, "value":value}}`  
+  
+### Port used  
+| **port** | **Core** | **Applicaion** |
+| -------- |  ----------- | ------ |
+|tcp 6120|haasp receive|haasp send|  
+|tcp 6121|haasp send|haasp receive|  
+|tcp 6122|logging receive|logging send|    
+|tcp 6123|logging (all) send|logging (all) receive|    
+
+
diff --git a/layouts/partials/flex/body-aftercontent.html b/layouts/partials/flex/body-aftercontent.html
index 18a6e5d..c5a0430 100644
--- a/layouts/partials/flex/body-aftercontent.html
+++ b/layouts/partials/flex/body-aftercontent.html
@@ -53,4 +53,3 @@
 
 </section>
 </article>
-{{ partial "flex/scripts.html" . }}
diff --git a/layouts/partials/flex/head.html b/layouts/partials/flex/head.html
new file mode 100644
index 0000000..c367129
--- /dev/null
+++ b/layouts/partials/flex/head.html
@@ -0,0 +1,18 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+{{ .Hugo.Generator }}
+<title>{{ .Title }} :: {{ .Site.Title }}</title>
+<link rel="shortcut icon" href="{{"images/favicon.png" | relURL}}" type="image/x-icon" />
+<link href="{{"css/font-awesome.min.css" | relURL}}" rel="stylesheet">
+<link href="{{"css/nucleus.css" | relURL}}" rel="stylesheet">
+<link href="{{(printf "theme-%s/style.css" (.Site.Params.themeStyle| default "flex")  ) | relURL}}" rel="stylesheet">
+{{with .Site.Params.themeVariant}}
+	<link href="{{(printf "theme-%s/variant-%s.css" ($.Site.Params.themeStyle| default "flex") .) | relURL}}" rel="stylesheet">
+{{end}}
+<link rel="stylesheet" href="{{"css/bootstrap.min.css" | relURL}}">
+<script src="{{"js/jquery-2.x.min.js" | relURL}}"></script>
+{{ partial "flex/scripts.html" . }}
+<script type="text/javascript">
+      var baseurl = "{{.Site.BaseURL}}";
+</script>
+{{ partial "custom-head.html" . }}
diff --git a/static/css/custom.css b/static/css/custom.css
index b753d40..d0a3a10 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -5,7 +5,8 @@ header {
 
 article > aside {
 	background-color: #161616;
-	color: #c6c6c6;
+	color: #c6c6c6; 
+    width: 15rem;
 }
 
 article > aside .menu .dd-item.active > div * {
@@ -24,14 +25,28 @@ article > aside .menu .dd-item div a:hover, article > aside .menu .dd-item div a
 	color: #c6c6c6;
 }
 
+article > aside .menu .dd-item div i.category-icon:hover {
+    background-color: #161616;
+}
+
 article {
 	background-color: #262626;
 	color: #c6c6c6;
-    max-width: 1300px;
+    width: 1300px;
     margin-left: auto;
     margin-right: auto;
 }
 
+@media (max-width: 1300px) {
+    article {
+        background-color: #262626;
+        color: #c6c6c6;
+        width: 100%;
+        margin-left: none;
+        margin-right: none;
+    }
+}
+
 .searchbox input {
 	background: #303030;
 	color: #c6c6c6;
@@ -58,6 +73,7 @@ article section.page {
     font-family: "Helvetica";
     font-weight: normal;
     overflow-y: initial;
+    padding-left: 0;
 }
 
 section strong {
@@ -95,3 +111,44 @@ article section.page pre {
     background: #c6c6c6;
 }
 
+.nav-select {
+    background: #161616; 
+}
+
+.nav-select select {
+    width: auto;
+    max-width: 100%;
+    min-width: 100%;
+    margin-bottom: 1.7rem;
+    padding: 4px;
+    border-width: 0px;
+    border-radius: 5px;
+    background: #161616;
+}
+
+article section.page table {
+    border-color: #000;
+}
+
+article section.page table th {
+    background: #808080;
+    border-color: #000;
+    text-align: left;
+}
+
+article section.page table td {
+    color: #c6c6c6;
+    border-color: #000;
+}
+
+.anchor {
+  color: #505050;
+}
+
+.anchor :hover {
+  color: #808080;
+}
+.featherlight .featherlight-content {
+    background: #262626;
+}
+
diff --git a/static/images/HAASP.png b/static/images/HAASP.png
new file mode 100644
index 0000000..14ae196
Binary files /dev/null and b/static/images/HAASP.png differ