Removed icons page and menu item (#88)

.gitignore

@@ -4,3 +4,4 @@ _site/
 node_modules/*
 *.DS_Store
 package-lock.json
+.jekyll-cache

README.md

@@ -3,3 +3,85 @@
 This is where we catalogue our design work at DreamHost, using the latest release of DreamHost.css.
 
 Our documentation is built on Jekyll, and is viewable at http://dreamhost.design
+
+
+## New .design Eclipse 
+Uses node ver 8.9.1
+Build on Jekyll x Liquid Templating + Gulp
+
+## Running Locally
+1. Ensure your using node ver 8.9.1
+2. Install Ruby and Jekyll if you don't have it yet
+3. (Windows Only) Be sure to add a .bat extension on gulp.js line 88 should be 
+`const jekyll = child.spawn('jekyll.bat', ['build',`
+
+4. `npm install`
+5. (Windows Only) Comment out line 109 in node_modules\engine.io\build\socket.js
+`//                this.pingIntervalTimer.refresh();`
+6. `npm run dev`
+7. open [http://localhost:7676] with your browser.
+
+
+## Structure
+New .design site has detached dreamhost-css located in `assets\dreamhost-css` it doesn't read from node_modules import. In this way we can edit the styles in dreamhost-css to adapt the new look of feel of Eclipse Style Guide. Instead of being overriden in every npm install with the old one. 
+
+### Stylesheet
+can be found in `assets\_scss_new` and `assets\css_new`
+I've added command in gulp.js to just compile both the new and old per `npm run dev` execution
+Please use .scss file to alter the styling not the css file. 
+
+Feel free to alter the included detached dreamhost-css .scss `assets\dreamhost-css\src\scss` if you see it fit to do so.
+
+Some values needs to been modified to fit the new design look and feel.
+
+### New Pages in development
+can be found in locally in `new` live link is [http://dreamhost.design/new/]
+
+### Includes (navigation, footer, head,)
+can be found in `_includes` 
+the in-development ones are labeled with `_new` suffix before the file extension .html
+Example:
+```
+_nav.html  < this is the old one 
+_nav_new.html  < this is the new one, alter this one to change the footer in /new/
+```
+Please add a new navigation if the page is ready for review or being worked on.
+This is one of the ways to check if a page is being coded.
+
+
+### Layouts 
+can be found in `_layouts`
+the in-development ones are labeled with `_new` suffix before the file extension .html
+Example:
+```
+app.html  < this is the old one
+app_new.html  < this is the new one, alter this one to change the app html in /new/
+```
+
+### Lading page
+Is build as a layout and can be found also in `_layouts/landing_new`
+It's styling is in  `assets/_scss_new/style.css`
+
+## Images and Downloads (for Illustrations, Icons, Logo, Mascot etc..)
+New images and downloads folders are labeled with _new suffix.
+
+Example:
+```
+Path: assets\images\
+---
+mascot < this is the old one
+mascot_new  < this is the new one 
+```
+
+Same method applies for downloads folder.
+
+Example:
+```
+Path: assets\downloads\
+---
+mascot < this is the old one
+mascot_new  < this is the new one 
+```
+
+### Additional Memes 
+added _data folder for json storage.

_data/colors.json

@@ -0,0 +1,104 @@
+[{
+  "primary":[
+   {
+     "name": "Abyss",
+     "hex": "#000000",
+     "text-color": "white",
+     "bg": "bg-black"
+   },
+   {
+     "name": "Oblivion",
+     "hex": "#111111",
+     "text-color": "white",
+     "bg": "bg-c-b900"
+   },
+   {
+     "name": "Midnight",
+     "hex": "#071C26",
+     "text-color": "white",
+     "bg": "bg-c-b700"
+   },
+   {
+     "name": "White",
+     "hex": "#ffffff",
+     "text-color": "black",
+     "bg": "bg-c-w100"
+   },
+   {
+     "name": "Azure",
+     "hex": "#0073EC",
+     "text-color": "white",
+     "bg": "bg-c-b300"
+   },
+   {
+     "name": "Prince",
+     "hex": "#A644E5",
+     "text-color": "white",
+     "bg": "bg-c-p300"
+   }
+  ],
+   "secondary": [
+   {
+     "name": "Turtle",
+     "hex": "#00CAAA",
+     "text-color": "black",
+     "bg": "bg-c-t300"
+
+   },
+   {
+     "name": "Coral",
+     "hex": "#FF4A48",
+     "text-color": "black",
+     "bg": "bg-c-r300"
+
+   },
+   {
+     "name": "Tangerine",
+     "hex": "#F59D00",
+     "text-color": "black",
+     "bg": "bg-c-o300"
+   },
+   {
+     "name": "Sunflower",
+     "hex": "#FFDA00",
+     "text-color": "black",
+     "bg": "bg-c-y300"
+   }
+  ],
+   "grayscale": [
+   {
+     "name": "Off White",
+     "hex": "#F4F6F9",
+     "text-color": "black",
+     "bg": "bg-c-g100"
+   },
+   {
+     "name": "Smoke",
+     "hex": "#E0E4E8",
+     "text-color": "black",
+     "bg": "bg-c-g200"
+   },
+   {
+
+     "name": "Cloudy",
+     "hex": "#AFBFC9",
+     "text-color": "black",
+     "bg": "bg-c-g300"
+   },
+   {
+
+     "name": "Galactic",
+     "hex": "#677983",
+     "text-color": "white",
+     "bg": "bg-c-g400"
+   },
+   {
+
+     "name": "Metal",
+     "hex": "#434F58",
+     "text-color": "white",
+     "bg": "bg-c-g500"
+   }
+  ]
+ } 
+]

_data/colors_paring.json

@@ -0,0 +1,109 @@
+[
+  {
+    "bg_name": "White Background",
+    "bg_color": "bg-c-w300",
+    "treatment": "Neutral",
+    "base_color": "Abyss",
+    "font_color": "t-black",
+    "emphasis": [
+      {
+        "color_name": "Azure",
+        "font_color": "t-c-b300"
+      },
+      {
+        "color_name": "Prince",
+        "font_color": "t-c-p300"
+      },
+      {
+        "color_name": "Turtle",
+        "font_color": "t-c-t300"
+      }
+    ],
+    "error": [
+      {
+        "heading":"Error",
+        "color_name": "Coral",
+        "font_color": "t-c-r300"
+      }
+    ]
+  },
+
+  {
+    "bg_name": "Off-White Background",
+    "bg_color": "bg-c-g100",
+    "treatment": "Neutral",
+    "base_color": "Abyss",
+    "font_color": "t-black",
+    "emphasis": [
+      {
+        "color_name": "Azure",
+        "font_color": "t-c-b300"
+      },
+      {
+        "color_name": "Prince",
+        "font_color": "t-c-p300"
+      },
+      {
+        "color_name": "Turtle",
+        "font_color": "t-c-t300"
+      }
+    ],
+    "error": [
+      {
+        "heading":"Error",
+        "color_name": "Coral",
+        "font_color": "t-c-r300"
+      }
+    ]
+  },
+
+  {
+    "bg_name": "Blue Background",
+    "bg_color": "bg-c-b300",
+    "treatment": "Neutral",
+    "base_color": "Abyss",
+    "font_color": "t-c-w100",
+    "emphasis": [
+      {
+        "color_name": "White",
+        "font_color": "t-c-w100"
+      }
+    ],
+    "error": [
+      {
+        "heading":"Do not use this background for error text",
+        "color_name": null,
+        "font_color": "t-c-w100"
+      }
+    ]
+  },
+
+  {
+    "bg_name": "Black Background",
+    "bg_color": "bg-black",
+    "treatment": "Neutral",
+    "base_color": "Abyss",
+    "font_color": "t-c-w100",
+    "emphasis": [
+      {
+        "color_name": "Azure",
+        "font_color": "t-c-b300"
+      },
+      {
+        "color_name": "Prince",
+        "font_color": "t-c-p300"
+      },
+      {
+        "color_name": "Turtle",
+        "font_color": "t-c-t300"
+      }
+    ],
+    "error": [
+      {
+        "heading":"Error",
+        "color_name": "Coral",
+        "font_color": "t-c-r300"
+      }
+    ]
+  }
+]