From d248b8b24db8bb4e837e76ccd8017ee521b5e65e Mon Sep 17 00:00:00 2001
From: streetturtle <streetturtle@gmail.com>
Date: Mon, 8 Oct 2018 11:50:01 -0400
Subject: [PATCH] add main page

---
 _config.yml        |  1 +
 _layouts/page.html |  3 +--
 _main/main.md      | 21 +++++++++++++++++++++
 3 files changed, 23 insertions(+), 2 deletions(-)
 create mode 100644 _main/main.md

diff --git a/_config.yml b/_config.yml
index 82c9f5c..5f304e8 100644
--- a/_config.yml
+++ b/_config.yml
@@ -1,6 +1,7 @@
 baseurl: /awesome-wm-widgets
 
 collections:
+  main:
   widgets:
 #    output: true
 
diff --git a/_layouts/page.html b/_layouts/page.html
index f80f8db..3f819bc 100644
--- a/_layouts/page.html
+++ b/_layouts/page.html
@@ -56,8 +56,7 @@
                 </div>
 
                 <div id="tabMain" class="widget col s12 active">
-                    <h1>Awesome WM Widgets</h1>
-                    <p>This is a project page of the github repo with set of widgets for Awesome Window Manager</p>
+                    {{site.main[0].content}}
                 </div>
 
                 {% for widget in site.widgets %}
diff --git a/_main/main.md b/_main/main.md
new file mode 100644
index 0000000..68b0e05
--- /dev/null
+++ b/_main/main.md
@@ -0,0 +1,21 @@
+---
+layout: page
+---
+
+# Awesome WM Widgets
+
+This is a project page of the github repo with set of widgets for Awesome Window Manager
+
+## Prerequisite
+
+To have a consistent color palette through all the widgets add following section to your **theme.lua**. This will also allow you to easily change colors of the widgets in one place.
+
+```lua
+-- https://github.com/streetturtle/awesome-wm-widget
+theme.widget_main_color = "#74aeab"
+theme.widget_red = "#e53935"
+theme.widget_yelow = "#c0ca33"
+theme.widget_green = "#43a047"
+theme.widget_black = "#000000"
+theme.widget_transparent = "#00000000"
+```