From 735469dad66483359dc34450f1125d7d7d4000dc Mon Sep 17 00:00:00 2001
From: Oleksii Kurinnyi <okurinnyi@codenvy.com>
Date: Fri, 6 May 2016 11:09:29 +0300
Subject: [PATCH] CHE-1095: add new UD/IDE navigation experience

Goals:
- revamp the left navbar
- remove the mobile responsiveness
- add ability to jump into recent workspace
- improve the branding/consistency between UD/IDE

Signed-off-by: Oleksii Kurinnyi <okurinnyi@codenvy.com>
---
 .../src/app/colors/che-color.constant.js      |   1 +
 dashboard/src/app/colors/che-colors.json      |   1 +
 dashboard/src/app/colors/che-colors.styl      |   2 +-
 .../src/app/dashboard/dashboard.controller.js |   7 +-
 dashboard/src/app/ide/ide-config.js           |  16 --
 .../ide-iframe-button-link.controller.js      |  15 +-
 .../ide-iframe-button-link.html               |   5 +-
 .../ide-iframe-button-link.styl               |  12 +-
 .../ide/ide-iframe/ide-iframe.controller.js   |  21 --
 .../app/ide/ide-iframe/ide-iframe.service.js  |  26 ++-
 .../src/app/ide/ide-iframe/ide-iframe.styl    |   2 +-
 .../ide-list-item-navbar.controller.js        |  45 ----
 .../ide-list-item-navbar.html                 |   8 -
 .../ide-list-item-navbar.styl                 |   2 -
 .../ide/ide-loader/ide-loader.controller.js   |  64 ------
 .../ide/ide-loader/ide-loader.directive.js    |  36 ---
 .../src/app/ide/ide-loader/ide-loader.html    |  41 ----
 .../app/ide/ide-loader/ide-loader.service.js  |  49 -----
 .../src/app/ide/ide-loader/ide-loader.styl    |  61 ------
 dashboard/src/app/ide/ide.controller.js       |  29 +--
 dashboard/src/app/ide/ide.html                |  33 +--
 dashboard/src/app/ide/ide.service.js          | 153 ++++---------
 dashboard/src/app/ide/ide.styl                |  16 ++
 dashboard/src/app/index.styl                  |  30 ++-
 dashboard/src/app/navbar/navbar-config.js     |  11 +
 .../navbar-dropdown-menu.controller.js        |  56 +++++
 .../navbar-dropdown-menu.directive.js         | 155 +++++++++++++
 .../navbar-dropdown-menu.html                 |  14 ++
 .../navbar-dropdown-menu.styl                 |  51 +++++
 .../app/navbar/navbar-selected.directive.js   |  36 +--
 dashboard/src/app/navbar/navbar-selected.styl |   4 +
 dashboard/src/app/navbar/navbar-theme.styl    |  13 ++
 dashboard/src/app/navbar/navbar.controller.js |  25 ++-
 dashboard/src/app/navbar/navbar.html          |  63 ++----
 dashboard/src/app/navbar/navbar.styl          | 131 ++++++++---
 .../recent-workspaces.controller.js           | 206 ++++++++++++++++++
 .../recent-workspaces.directive.js}           |  23 +-
 .../recent-workspaces/recent-workspaces.html  |  39 ++++
 .../recent-workspaces/recent-workspaces.styl  |  39 ++++
 .../create-project.controller.js              |  22 +-
 .../list-projects/list-projects.controller.js |   4 +-
 .../create-workspace.controller.js            |  19 +-
 .../list-workspaces.controller.js             |   4 +-
 .../workspace-item/workspace-item.html        |   2 +-
 .../workspace-details.controller.js           |   4 +-
 .../workspace-details/workspace-details.html  |   6 +-
 .../workspace-status-indicator.html           |  16 --
 .../workspace-status-indicator.directive.js   |  56 +++++
 .../workspace-status-indicator.styl           |  20 +-
 .../workspace-status.directive.js}            |   8 +-
 .../workspace-status/workspace-status.html    |   4 +
 .../workspace-status/workspace-status.styl    |   9 +
 .../src/app/workspaces/workspaces-config.js   |   4 +-
 .../src/assets/branding/che-logo-text.svg     |  27 +++
 dashboard/src/assets/branding/product.json    |   1 +
 dashboard/src/assets/fonts/che.eot            | Bin 4640 -> 5052 bytes
 dashboard/src/assets/fonts/che.svg            |  34 ++-
 dashboard/src/assets/fonts/che.ttf            | Bin 4492 -> 4904 bytes
 dashboard/src/assets/fonts/che.woff           | Bin 2956 -> 3180 bytes
 dashboard/src/assets/styles/che-font.css      |  38 +++-
 dashboard/src/assets/svg/dashboard.svg        |  25 +++
 dashboard/src/assets/svg/factory.svg          |  22 ++
 dashboard/src/assets/svg/project.svg          |  55 +++++
 dashboard/src/assets/svg/workspace.svg        |  24 ++
 .../components/api/che-workspace.factory.js   |  13 +-
 .../components/attribute/attribute-config.js  |   6 +-
 .../click/che-on-right-click.directive.js     |  52 +++++
 .../touch/che-on-long-touch.directive.js      |  64 ++++++
 .../branding/che-branding.factory.js          |   2 +
 .../components/widget/panel/che-panel.styl    |   2 +-
 .../widget/toolbar/che-toolbar.directive.js   |   6 -
 .../widget/toolbar/che-toolbar.styl           |   5 -
 dashboard/src/index.html                      |  11 +-
 .../che/ide/CoreLocalizationConstant.java     |  12 -
 .../RedirectToDashboardProjectsAction.java    |  39 ----
 .../RedirectToDashboardWorkspacesAction.java  |  39 ----
 .../che/ide/client/BootstrapController.java   |  13 ++
 .../core/StandardComponentInitializer.java    |  14 +-
 .../ide/CoreLocalizationConstant.properties   |   4 -
 .../che-plugin-ext-dashboard/pom.xml          |  14 +-
 .../client/DashboardLocalizationConstant.java |   8 +-
 .../dashboard/client/DashboardResources.java  |   8 +-
 .../client/RedirectToDashboardAction.java     |  74 +++++--
 .../ide/ext/dashboard/client/Dashboard.css    |  85 +-------
 .../DashboardLocalizationConstant.properties  |   3 +-
 .../icons/dashboardButtonBackground.svg       |  32 ---
 .../client/icons/dashboardButtonIcon.svg      |  28 ---
 87 files changed, 1475 insertions(+), 1004 deletions(-)
 delete mode 100644 dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.controller.js
 delete mode 100644 dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.html
 delete mode 100644 dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.styl
 delete mode 100644 dashboard/src/app/ide/ide-loader/ide-loader.controller.js
 delete mode 100644 dashboard/src/app/ide/ide-loader/ide-loader.directive.js
 delete mode 100644 dashboard/src/app/ide/ide-loader/ide-loader.html
 delete mode 100644 dashboard/src/app/ide/ide-loader/ide-loader.service.js
 delete mode 100644 dashboard/src/app/ide/ide-loader/ide-loader.styl
 create mode 100644 dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.controller.js
 create mode 100644 dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.directive.js
 create mode 100644 dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.html
 create mode 100644 dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.styl
 create mode 100644 dashboard/src/app/navbar/navbar-selected.styl
 create mode 100644 dashboard/src/app/navbar/navbar-theme.styl
 create mode 100644 dashboard/src/app/navbar/recent-workspaces/recent-workspaces.controller.js
 rename dashboard/src/app/{ide/ide-list-item-navbar/ide-list-item-navbar.directive.js => navbar/recent-workspaces/recent-workspaces.directive.js} (52%)
 create mode 100644 dashboard/src/app/navbar/recent-workspaces/recent-workspaces.html
 create mode 100644 dashboard/src/app/navbar/recent-workspaces/recent-workspaces.styl
 delete mode 100644 dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.html
 create mode 100644 dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.directive.js
 rename dashboard/src/app/workspaces/{workspace-status-indicator => workspace-status}/workspace-status-indicator.styl (53%)
 rename dashboard/src/app/workspaces/{workspace-status-indicator/workspace-status-indicator.directive.js => workspace-status/workspace-status.directive.js} (69%)
 create mode 100644 dashboard/src/app/workspaces/workspace-status/workspace-status.html
 create mode 100644 dashboard/src/app/workspaces/workspace-status/workspace-status.styl
 create mode 100644 dashboard/src/assets/branding/che-logo-text.svg
 create mode 100644 dashboard/src/assets/svg/dashboard.svg
 create mode 100644 dashboard/src/assets/svg/factory.svg
 create mode 100644 dashboard/src/assets/svg/project.svg
 create mode 100644 dashboard/src/assets/svg/workspace.svg
 create mode 100644 dashboard/src/components/attribute/click/che-on-right-click.directive.js
 create mode 100644 dashboard/src/components/attribute/touch/che-on-long-touch.directive.js
 delete mode 100644 ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardProjectsAction.java
 delete mode 100644 ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardWorkspacesAction.java
 delete mode 100644 plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonBackground.svg
 delete mode 100644 plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonIcon.svg

diff --git a/dashboard/src/app/colors/che-color.constant.js b/dashboard/src/app/colors/che-color.constant.js
index 525752a2ad8..0e348dc16ce 100644
--- a/dashboard/src/app/colors/che-color.constant.js
+++ b/dashboard/src/app/colors/che-color.constant.js
@@ -21,6 +21,7 @@ export class CheColorsConfig {
   '$che-green-color': '#60AB0A',
   '$che-purple-color': '#4E5A96',
   '$che-white-color' : '#FFFFFF',
+  '$che-black-color' : '#000000',
   '$che-ide-background-color' : '#292C2F ',
   '$che-logo-yellow-color' : '#FDB940',
   '$che-logo-blue-color' : '#525C86',
diff --git a/dashboard/src/app/colors/che-colors.json b/dashboard/src/app/colors/che-colors.json
index 94d3f643502..b3c3fbe85b2 100644
--- a/dashboard/src/app/colors/che-colors.json
+++ b/dashboard/src/app/colors/che-colors.json
@@ -5,6 +5,7 @@
   "$che-green-color": "#60AB0A",
   "$che-purple-color": "#4E5A96",
   "$che-white-color" : "#FFFFFF",
+  "$che-black-color" : "#000000",
   "$che-ide-background-color" : "#292C2F ",
   "$che-logo-yellow-color" : "#FDB940",
   "$che-logo-blue-color" : "#525C86",
diff --git a/dashboard/src/app/colors/che-colors.styl b/dashboard/src/app/colors/che-colors.styl
index a8b2a62dd7b..f5e37494463 100644
--- a/dashboard/src/app/colors/che-colors.styl
+++ b/dashboard/src/app/colors/che-colors.styl
@@ -13,6 +13,7 @@ $error-color = $red-lipstick-color
 $list-separator-color = $cat-gray-color
 $form-element-border-color = $mouse-gray-color
 $white-color = $che-white-color
+$black-color = $che-black-color
 $link-color = $che-medium-blue-color
 $frame-notlogged-color = $che-green-color
 $frame-notlogged-bg-color = alpha($che-green-color, 0.2)
@@ -55,7 +56,6 @@ $che-loader-active-title-color = $che-navy-color
 $che-loader-background-color = darken($che-medium-blue-color, 75%)
 $che-loader-logs-background-color = darken($stroke-color,65%)
 
-
 // box shadows
 box-shadow-simple()
   box-shadow 0 2px 1px 0 rgba(0, 0, 0, 0.15)
diff --git a/dashboard/src/app/dashboard/dashboard.controller.js b/dashboard/src/app/dashboard/dashboard.controller.js
index fa74335659a..d43c78e3332 100644
--- a/dashboard/src/app/dashboard/dashboard.controller.js
+++ b/dashboard/src/app/dashboard/dashboard.controller.js
@@ -23,9 +23,8 @@ export class DashboardController {
    * Default constructor
    * @ngInject for Dependency injection
    */
-  constructor() {
+  constructor($rootScope) {
+    'ngInject';
+    $rootScope.showIDE = false;
   }
-
-
 }
-
diff --git a/dashboard/src/app/ide/ide-config.js b/dashboard/src/app/ide/ide-config.js
index fdfbca122dd..89998509317 100644
--- a/dashboard/src/app/ide/ide-config.js
+++ b/dashboard/src/app/ide/ide-config.js
@@ -15,17 +15,10 @@
 import IdeCtrl from './ide.controller';
 import IdeSvc from './ide.service';
 
-import IdeLoaderCtrl from './ide-loader/ide-loader.controller';
-import IdeLoader from './ide-loader/ide-loader.directive';
-import IdeLoaderSvc from './ide-loader/ide-loader.service';
-
 import IdeIFrameCtrl from './ide-iframe/ide-iframe.controller';
 import IdeIFrame from './ide-iframe/ide-iframe.directive';
 import IdeIFrameSvc from './ide-iframe/ide-iframe.service';
 
-import IdeListItemNavbarCtrl from './ide-list-item-navbar/ide-list-item-navbar.controller';
-import IdeListItemNavbar from './ide-list-item-navbar/ide-list-item-navbar.directive';
-
 import IdeIFrameButtonLinkCtrl from './ide-iframe-button-link/ide-iframe-button-link.controller';
 import IdeIFrameButtonLink from './ide-iframe-button-link/ide-iframe-button-link.directive';
 
@@ -35,19 +28,10 @@ export class IdeConfig {
     register.service('ideSvc', IdeSvc);
     register.controller('IdeCtrl', IdeCtrl);
 
-
-    register.service('ideLoaderSvc', IdeLoaderSvc);
-    register.controller('IdeLoaderCtrl', IdeLoaderCtrl);
-    register.directive('ideLoader', IdeLoader);
-
     register.service('ideIFrameSvc', IdeIFrameSvc);
     register.controller('IdeIFrameCtrl', IdeIFrameCtrl);
     register.directive('ideIframe', IdeIFrame);
 
-    register.controller('IdeListItemNavbarCtrl', IdeListItemNavbarCtrl);
-    register.directive('ideListItemNavbar', IdeListItemNavbar);
-
-
     register.controller('IdeIFrameButtonLinkCtrl', IdeIFrameButtonLinkCtrl);
     register.directive('ideIframeButtonLink', IdeIFrameButtonLink);
 
diff --git a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.controller.js b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.controller.js
index 36c26a0bcfe..3662dc1d60b 100644
--- a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.controller.js
+++ b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.controller.js
@@ -20,10 +20,23 @@ class IdeIFrameButtonLinkCtrl {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor() {
+  constructor($mdSidenav, $rootScope) {
+    this.$mdSidenav = $mdSidenav;
+    this.$rootScope = $rootScope;
   }
 
+  toggleLeftMenu() {
+    let isLockedOpen = this.$mdSidenav('left').isLockedOpen(),
+      isOpen  = this.$mdSidenav('left').isOpen();
 
+    if (isOpen || isLockedOpen) {
+      this.$rootScope.hideNavbar = true;
+      this.$mdSidenav('left').close();
+    } else {
+      this.$rootScope.hideNavbar = isLockedOpen;
+      this.$mdSidenav('left').toggle();
+    }
+  }
 }
 
 
diff --git a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.html b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.html
index 585ce6e24fe..b9e8d035e8f 100644
--- a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.html
+++ b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.html
@@ -1,3 +1,4 @@
-<div id="ide-iframe-button-link" ng-click="ideIFrameCtrl.restoreHistory(); showIDE = false">
-    &nbsp;
+<div id="ide-iframe-button-link" ng-click="ideIFrameButtonLinkCtrl.toggleLeftMenu()">
+  <i class="fa fa-chevron-left" aria-hidden="true" ng-show="!hideNavbar"></i>
+  <i class="fa fa-chevron-right" aria-hidden="true" ng-show="hideNavbar"></i>
 </div>
diff --git a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.styl b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.styl
index 288cfd4a177..65e8feecb6a 100644
--- a/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.styl
+++ b/dashboard/src/app/ide/ide-iframe-button-link/ide-iframe-button-link.styl
@@ -2,5 +2,13 @@
   position absolute
   cursor pointer
   outline none
-  width 71px
-  height 24px
+  width 24px
+  height 16px
+  top 4px
+  background-color $navbar-ide-iframe-button-background-color
+  color $light-gray-color
+  font-size 8px
+  padding 0px
+  line-height 16px
+  text-align center
+  z-index 1
diff --git a/dashboard/src/app/ide/ide-iframe/ide-iframe.controller.js b/dashboard/src/app/ide/ide-iframe/ide-iframe.controller.js
index d15c0e61c1e..c28818d6ec3 100644
--- a/dashboard/src/app/ide/ide-iframe/ide-iframe.controller.js
+++ b/dashboard/src/app/ide/ide-iframe/ide-iframe.controller.js
@@ -26,27 +26,6 @@ class IdeIFrameCtrl {
     this.$rootScope = $rootScope;
   }
 
-
-  /**
-   * Redirect user to the last page in history or to dashboard if user came into IDE page directly
-   */
-  restoreHistory() {
-    // user has restored IDE page so avoid to go in history
-    if (this.$rootScope.restoringIDE) {
-      this.$rootScope.restoringIDE = false;
-      return;
-    }
-    let paths = this.routeHistory.getPaths();
-    let redirectPath;
-    // do we have at least two history in the path ?
-    if (paths.length > 2) {
-      redirectPath = paths[paths.length - 2];
-    } else {
-      // redirect to dashboard if user was coming directly on this IDE page
-      redirectPath = '/';
-    }
-    this.$location.path(redirectPath);
-  }
 }
 
 
diff --git a/dashboard/src/app/ide/ide-iframe/ide-iframe.service.js b/dashboard/src/app/ide/ide-iframe/ide-iframe.service.js
index 4fba364c98c..a1e06577375 100644
--- a/dashboard/src/app/ide/ide-iframe/ide-iframe.service.js
+++ b/dashboard/src/app/ide/ide-iframe/ide-iframe.service.js
@@ -22,32 +22,44 @@ class IdeIFrameSvc {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor ($timeout, $compile) {
+  constructor ($timeout, $compile, $rootScope, $location, $window) {
     this.iframeAdded = false;
     this.$timeout = $timeout;
     this.$compile = $compile;
 
+    $window.addEventListener("message", (event) => {
+      if ("ide-loaded" === event.data) {
+        // check whether user is still waiting for IDE
+        if (/\/ide\//.test($location.path())) {
+          $rootScope.$apply(() => {
+            $rootScope.showIDE = true;
+            $rootScope.hideLoader = true;
+          });
+        }
+      } else if ("show-workspaces" === event.data){
+        $rootScope.$apply(() => {
+          $location.path('/workspaces');
+        });
+      }
+    }, false);
   }
 
-
   addIFrame() {
     if (!this.iframeAdded) {
       this.iframeAdded = true;
         // The new element to be added
-        var $div = $('<ide-iframe id="ide-iframe-window" ng-show="showIDE" flex style="height: 100%"></ide-iframe>');
+        var $div = angular.element('<ide-iframe id="ide-iframe-window" ng-show="showIDE" flex style="height: 100%"></ide-iframe>');
 
         // The parent of the new element
-        var $target = $('body');
+        var $target = angular.element('body');
 
       let $scope = angular.element($target).scope();
       let insertHtml = this.$compile($div)($scope);
-      $target.append(insertHtml);
+      angular.element('body').find('.main-page').append(insertHtml);
 
     }
   }
 
-
 }
 
 export default IdeIFrameSvc;
-
diff --git a/dashboard/src/app/ide/ide-iframe/ide-iframe.styl b/dashboard/src/app/ide/ide-iframe/ide-iframe.styl
index e9e43dbc6b9..928a031e2cc 100644
--- a/dashboard/src/app/ide/ide-iframe/ide-iframe.styl
+++ b/dashboard/src/app/ide/ide-iframe/ide-iframe.styl
@@ -2,7 +2,7 @@ ide-iframe#ide-iframe-window.ng-hide
   opacity 1
 
 #ide-iframe-window
-  position absolute
+  position relative
   width 100%
   height 100%
   top 0
diff --git a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.controller.js b/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.controller.js
deleted file mode 100644
index c41f87e9424..00000000000
--- a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.controller.js
+++ /dev/null
@@ -1,45 +0,0 @@
-/*
- * Copyright (c) 2015-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- */
-'use strict';
-
-/**
- * This class is handling the controller for the item in navbar allowing to redirect to the IDE
- * @author Florent Benoit
- */
-class IdeListItemNavbarCtrl {
-
-  /**
-   * Default constructor that is using resource
-   * @ngInject for Dependency injection
-   */
-  constructor(ideSvc, cheWorkspace) {
-    this.ideSvc = ideSvc;
-    this.cheWorkspace = cheWorkspace;
-  }
-
-  displayIDE() {
-    this.ideSvc.restoreIDE();
-  }
-
-  isIDEAvailable() {
-    return this.ideSvc.hasIdeLink();
-  }
-
-  /**
-   * Check if last opened in IDE workspace is available
-   */
-  isWorkspaceAvailable() {
-    return this.ideSvc.lastWorkspace != null && this.cheWorkspace.getWorkspaceById(this.ideSvc.lastWorkspace.id) != null;
-  }
-}
-
-
-export default IdeListItemNavbarCtrl;
diff --git a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.html b/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.html
deleted file mode 100644
index 88bb7ea49a0..00000000000
--- a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<md-list-item id="navbar-list-item-ide"flex class="navbar-subsection-item" ng-show="ideListItemNavbarCtrl.isIDEAvailable() && ideListItemNavbarCtrl.isWorkspaceAvailable()">
-    <md-button flex ng-href="" ng-click="ideListItemNavbarCtrl.displayIDE()" layout-align="left">
-        <div class="navbar-item" layout="row" layout-align="start center">
-            <i class="fa fa-chevron-circle-right icon">&nbsp;</i>
-            <span>Back to IDE</span>
-        </div>
-    </md-button>
-</md-list-item>
diff --git a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.styl b/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.styl
deleted file mode 100644
index 0eba20277e3..00000000000
--- a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.styl
+++ /dev/null
@@ -1,2 +0,0 @@
-#navbar-list-item-ide i
-  color $primary-color
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.controller.js b/dashboard/src/app/ide/ide-loader/ide-loader.controller.js
deleted file mode 100644
index 12f831c3d18..00000000000
--- a/dashboard/src/app/ide/ide-loader/ide-loader.controller.js
+++ /dev/null
@@ -1,64 +0,0 @@
-/*
- * Copyright (c) 2015-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- */
-'use strict';
-
-/**
- * This class is handling the controller for the loader displayed beofre displaying the IDE
- * @author Florent Benoit
- */
-class IdeLoaderCtrl {
-
-  /**
-   * Default constructor that is using resource
-   * @ngInject for Dependency injection
-   */
-  constructor(ideSvc, $rootScope, $location) {
-    this.ideSvc = ideSvc;
-    this.$rootScope = $rootScope;
-    this.$location = $location;
-  }
-
-  getSteps() {
-    return this.ideSvc.steps;
-  }
-
-  getCurrentStep() {
-    return this.ideSvc.currentStep;
-  }
-
-  getStepText(stepNumber) {
-    return this.ideSvc.getStepText(stepNumber);
-  }
-
-  cancelLoad() {
-    this.$rootScope.hideIdeLoader = true;
-    this.$rootScope.hideLoader = true;
-    this.$location.path('/');
-  }
-
-  downloadLogs() {
-    let logs = '';
-    this.getSteps().forEach((step) => {
-      logs += step.logs + '\n';
-    });
-    window.open('data:text/csv,' + encodeURIComponent(logs));
-  }
-
-  openRunningIde() {
-    this.ideSvc.setPreventRedirection(false);
-    this.ideSvc.init();
-
-    // open last running workspace
-    this.ideSvc.openLastStartedIde(true);
-  }
-}
-
-export default IdeLoaderCtrl;
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.directive.js b/dashboard/src/app/ide/ide-loader/ide-loader.directive.js
deleted file mode 100644
index 6defee0e6b2..00000000000
--- a/dashboard/src/app/ide/ide-loader/ide-loader.directive.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Copyright (c) 2015-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- */
-'use strict';
-
-/**
- * Defines a directive for displaying full screen loader displayed to load the IDE
- * @author Florent Benoit
- */
-class IdeLoader {
-
-  /**
-   * Default constructor that is using resource
-   * @ngInject for Dependency injection
-   */
-  constructor () {
-    this.restrict='E';
-    this.templateUrl = 'app/ide/ide-loader/ide-loader.html';
-
-
-    this.controller = 'IdeLoaderCtrl';
-    this.controllerAs = 'ideLoaderCtrl';
-    this.bindToController = true;
-  }
-
-}
-
-export default IdeLoader;
-
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.html b/dashboard/src/app/ide/ide-loader/ide-loader.html
deleted file mode 100644
index aa20eb89250..00000000000
--- a/dashboard/src/app/ide/ide-loader/ide-loader.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<div class="ide-loader" layout="column" layout-align="center center">
-  <che-loader layout="column" layout-align="center center">
-    <!--crane and terminals-->
-    <div class="che-loader-animation-panel main-page" layout="row" flex>
-      <div layout="column"
-           hide-xs hide-sm
-           layout-align="end start">
-        <che-loader-crane che-all-steps="ideLoaderCtrl.getSteps()"
-                          che-exclude-steps="[ideLoaderCtrl.getSteps().length-1]"
-                          che-step="{{ideLoaderCtrl.getCurrentStep()}}"
-                          che-switch-on-iteration="true">
-        </che-loader-crane>
-      </div>
-      <div layout="column"
-           layout-align="center center"
-           flex="auto">
-        <che-steps-container class="ide-loader-working-log"
-                             che-all-steps="ideLoaderCtrl.getSteps()"
-                             che-current-step="ideLoaderCtrl.getCurrentStep()"></che-steps-container>
-      </div>
-    </div>
-    <!--bottom bar-->
-    <div class="che-loader-bottom-bar" flex="none">
-      <div layout="row" layout-align="center stretch" class="main-page ide-loader-bottom-bar">
-        <div flex="50" layout="column" layout-align="end start" class="ide-loader-bottom-bar-left">
-          <che-link ng-click="ideLoaderCtrl.cancelLoad()" che-link-text="&larr; Back to dashboard"
-                    class="ide-loader-back-link"></che-link>
-        </div>
-        <div flex="50" layout="column" layout-align="end end" class="ide-loader-bottom-bar-right">
-          <che-button-default ng-show="ideLoaderCtrl.getCurrentStep() === ideLoaderCtrl.getSteps().length - 1"
-                              che-button-title="Open IDE" name="openIde"
-                              ng-click="ideLoaderCtrl.openRunningIde()"></che-button-default>
-          <che-link ng-click="ideLoaderCtrl.downloadLogs()" che-link-text="Problem? download logs"
-                    class="ide-loader-download-link"></che-link>
-        </div>
-      </div>
-    </div>
-  </che-loader>
-
-  <div class="ide-loader-logo logo-color-white" ng-include="branding.logoURL"></div>
-</div>
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.service.js b/dashboard/src/app/ide/ide-loader/ide-loader.service.js
deleted file mode 100644
index 541eb206a9c..00000000000
--- a/dashboard/src/app/ide/ide-loader/ide-loader.service.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Copyright (c) 2015-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- */
-'use strict';
-
-/*global $:false
-
- */
-/**
- * Defines a service for displaying loader before displaying the IDE.
- * @author Florent Benoit
- */
-class IdeLoaderSvc {
-
-  /**
-   * Default constructor that is using resource
-   * @ngInject for Dependency injection
-   */
-  constructor ($timeout, $compile) {
-    this.isLoaderAdded = false;
-    this.$timeout = $timeout;
-    this.$compile = $compile;
-  }
-
-  addLoader() {
-    if (!this.isLoaderAdded) {
-      this.isLoaderAdded = true;
-      // The new element to be added
-      var $div = $('<ide-loader id="ide-loader" class="ide-loader-window" ng-hide="hideIdeLoader"></ide-loader>');
-
-      // The parent of the new element
-      var $target = $('body');
-
-      let $scope = angular.element($target).scope();
-      let insertHtml = this.$compile($div)($scope);
-      $target.append(insertHtml);
-    }
-  }
-}
-
-export default IdeLoaderSvc;
-
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.styl b/dashboard/src/app/ide/ide-loader/ide-loader.styl
deleted file mode 100644
index 17648c9f64a..00000000000
--- a/dashboard/src/app/ide/ide-loader/ide-loader.styl
+++ /dev/null
@@ -1,61 +0,0 @@
-#ide-loader
-  position absolute
-  height 100%
-  width 100%
-  z-index 100
-  left 0
-  top 0
-  opacity 1
-  background-color $che-white-color
-
-  .ide-loader
-    height 100%
-    width 100%
-    background-color $che-loader-background-color
-
-ide-loader#ide-loader.ng-hide-add
-  opacity 1
-
-ide-loader#ide-loader.ng-hide
-  opacity 1
-
-.ide-loader-cancel-item
-  cursor pointer
-  font-size 0.8em
-  &:hover
-    color $primary-color
-
-.ide-loader-working-log
-  margin 35px 0
-
-.ide-loader-bottom-bar
-  height 90px
-
-  .ide-loader-bottom-bar-left
-    margin-left 100px
-
-  .ide-loader-bottom-bar-right
-    margin-right 35px
-
-.ide-loader-back-link
-  margin-top 20px
-
-.ide-loader-download-link
-  margin-top 20px
-  margin-right 7px
-
-@media (max-width:959px)
-  .ide-loader-bottom-bar
-    .ide-loader-bottom-bar-left
-      margin-left 8px
-    .ide-loader-bottom-bar-right
-      margin-right 8px
-
-.ide-loader-logo svg
-  height 35px
-  position fixed
-  left 0
-  right 0
-  bottom 15px
-  margin auto
-  z-index 100
diff --git a/dashboard/src/app/ide/ide.controller.js b/dashboard/src/app/ide/ide.controller.js
index c64e6d75a23..138b216ba92 100644
--- a/dashboard/src/app/ide/ide.controller.js
+++ b/dashboard/src/app/ide/ide.controller.js
@@ -20,18 +20,16 @@ class IdeCtrl {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor(ideSvc, $routeParams, ideLoaderSvc, ideIFrameSvc, $rootScope, cheWorkspace, $timeout, $location, routeHistory) {
+  constructor(ideSvc, $routeParams, ideIFrameSvc, $rootScope, cheWorkspace, $timeout, $location, routeHistory) {
     this.ideSvc = ideSvc;
     this.ideIFrameSvc = ideIFrameSvc;
     this.$rootScope = $rootScope;
     this.cheWorkspace = cheWorkspace;
-    this.ideLoaderSvc = ideLoaderSvc;
     this.$timeout = $timeout;
     this.selectedWorkspace = null;
-    this.$rootScope.loadingIDE = true;
+    this.$rootScope.showIDE = false;
 
     $rootScope.wantTokeepLoader = true;
-    $rootScope.hideLoader = false;
 
     // search the selected workspace
     let workspace = $routeParams.workspaceName;
@@ -56,7 +54,7 @@ class IdeCtrl {
 
     } else if (ideParams) {
       let params = new Map();
-      let isArray = Array.isArray(ideParams);
+      let isArray = angular.isArray(ideParams);
       if (isArray) {
         ideParams.forEach((param) => {
           let argParam = this.getParams(param);
@@ -88,8 +86,6 @@ class IdeCtrl {
         // remove action from path
         $location.url(selectedWorkspaceIdeUrl, false);
         $location.replace();
-
-        this.ideSvc.setPreventRedirection($routeParams.showLogs);
       }
 
       promise.then(() => {
@@ -128,23 +124,10 @@ class IdeCtrl {
       }
     }
 
+    this.$rootScope.hideLoader = true;
+
     if (this.selectedWorkspace) {
-      if (this.ideSvc.getPreventRedirection()) {
-        this.$rootScope.hideIdeLoader = false;
-        this.ideLoaderSvc.addLoader();
-      } else if ('RUNNING' === this.selectedWorkspace.status) {
-        this.ideSvc.setPreventRedirection(false);
-        this.ideSvc.init();
-        this.ideSvc.openIde(this.selectedWorkspace.id);
-      } else if ('STOPPED' === this.selectedWorkspace.status) {
-        this.$rootScope.hideIdeLoader = false;
-        this.$rootScope.hideLoader = true;
-        this.ideSvc.init();
-        this.ideSvc.startIde(this.selectedWorkspace);
-      }
-    } else {
-      this.$rootScope.hideIdeLoader = true;
-      this.$rootScope.hideLoader = true;
+      this.ideSvc.openIde(this.selectedWorkspace.id);
     }
   }
 }
diff --git a/dashboard/src/app/ide/ide.html b/dashboard/src/app/ide/ide.html
index e5fd5943c2c..0c33e91fa67 100644
--- a/dashboard/src/app/ide/ide.html
+++ b/dashboard/src/app/ide/ide.html
@@ -10,26 +10,17 @@
       Codenvy, S.A. - initial API and implementation
 
 -->
-<che-toolbar che-title="Opening IDE">
 
-</che-toolbar>
-<md-progress-linear md-mode="indeterminate" class="projects-list-projects-progress"
-                    ng-hide="ideCtrl.hasData"></md-progress-linear>
-
-<md-content id="open-ide-page" md-scroll-y flex class="open-ide-page" md-theme="maincontent-theme">
-
-    <div ng-hide="ideCtrl.selectedWorkspace">
-        No workspace selected. Unable to open IDE
-    </div>
-
-    <div ng-show="loadingIDE && ideCtrl.selectedWorkspace" layout="column" layout-align="center center">
-        Redirecting to the IDE for workspace {{ideCtrl.selectedWorkspace.name}}... Please Wait.
-        <img style="width: 300px" src="assets/images/loader.svg" />
+<div flex class="open-ide-page" md-theme="maincontent-theme">
+  <div class="ide-page-loader"
+       layout="column" layout-align="center center">
+    <div ng-hide="ideCtrl.selectedWorkspace">No workspace selected. Unable to open IDE</div>
+    <div layout="column" class="ide-page-loader-content" ng-show="ideCtrl.selectedWorkspace">
+      <div class="spinner">
+        <div class="rect1"></div>
+        <div class="rect2"></div>
+        <div class="rect3"></div>
+      </div>
     </div>
-    <div ng-hide="loadingIDE">
-        <che-button-primary che-button-title="Restore IDE window"
-                             ng-click="ideCtrl.displayIDE()"></che-button-primary>
-    </div>
-
-
-</md-content>
+  </div>
+</div>
diff --git a/dashboard/src/app/ide/ide.service.js b/dashboard/src/app/ide/ide.service.js
index ebcaae3dc01..5e1120678e0 100644
--- a/dashboard/src/app/ide/ide.service.js
+++ b/dashboard/src/app/ide/ide.service.js
@@ -20,7 +20,7 @@ class IdeSvc {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor(cheAPI, $rootScope, lodash, $mdDialog, userDashboardConfig, $timeout, $websocket, $sce, proxySettings, ideLoaderSvc, $location, routeHistory, $q, $log, cheWorkspace) {
+  constructor(cheAPI, $rootScope, lodash, $mdDialog, userDashboardConfig, $timeout, $websocket, $sce, proxySettings, $location, routeHistory, $q, $log, cheWorkspace) {
     this.cheAPI = cheAPI;
     this.$rootScope = $rootScope;
     this.lodash = lodash;
@@ -30,7 +30,6 @@ class IdeSvc {
     this.userDashboardConfig = userDashboardConfig;
     this.$sce = $sce;
     this.proxySettings = proxySettings;
-    this.ideLoaderSvc = ideLoaderSvc;
     this.$location = $location;
     this.routeHistory = routeHistory;
     this.$q = $q;
@@ -39,39 +38,10 @@ class IdeSvc {
 
     this.ideParams = new Map();
 
-    this.currentStep = 0;
     this.lastWorkspace = null;
+    this.openedWorkspace = null;
 
     this.listeningChannels = [];
-
-    this.steps = [
-      {text: 'Initializing workspace', inProgressText: 'Provision workspace and associating it with the existing user', logs: '', hasError: false},
-      {text: 'Starting workspace runtime', inProgressText: 'Retrieving the stack\'s image and launching it', logs: '', hasError: false},
-      {text: 'Starting workspace agent', inProgressText: 'Agents provide RESTful services like intellisense and SSH', logs: '', hasError: false},
-      {text: 'Open IDE', inProgressText: 'Opening IDE', logs: '', hasError: false}
-    ];
-
-    this.preventRedirection = false;
-  }
-
-  init() {
-    this.steps.forEach((step) => {
-      step.logs = '';
-      step.hasError = false;
-    });
-
-    if (this.lastWorkspace) {
-      this.cleanupChannels(this.lastWorkspace.id);
-    }
-  }
-
-  getStepText(stepNumber) {
-    let entry = this.steps[stepNumber];
-    if (this.currentStep >= stepNumber) {
-      return entry.inProgressText;
-    } else {
-      return entry.text;
-    }
   }
 
   displayIDE() {
@@ -88,27 +58,25 @@ class IdeSvc {
   }
 
   handleError(error) {
-    if (error.data.message) {
-      this.steps[this.currentStep].logs += '\n' + error.data.message;
-    }
-    this.steps[this.currentStep].hasError = true;
     this.$log.error(error);
   }
 
-  startIde(workspace, noIdeLoader) {
-    this.lastWorkspace = workspace;
-
-    let defer = this.$q.defer();
-    if (!noIdeLoader) {
-      this.ideLoaderSvc.addLoader();
+  startIde(workspace) {
+    if (this.lastWorkspace) {
+      this.cleanupChannels(this.lastWorkspace.id);
     }
+    this.lastWorkspace = workspace;
 
-    this.currentStep = 1;
+    this.updateRecentWorkspace(workspace.id);
 
     let bus = this.cheAPI.getWebsocket().getBus(workspace.id);
 
     let startWorkspaceDefer = this.$q.defer();
     this.startWorkspace(bus, workspace).then(() => {
+      // update list of workspaces
+      // for new workspace to show in recent workspaces
+      this.cheAPI.cheWorkspace.fetchWorkspaces();
+
       this.cheWorkspace.fetchStatusChange(workspace.id, 'RUNNING').then(() => {
         return this.cheWorkspace.fetchWorkspaceDetails(workspace.id);
       }).then(() => {
@@ -125,16 +93,18 @@ class IdeSvc {
     });
 
     return startWorkspaceDefer.promise.then(() => {
-      if (workspace.id === this.lastWorkspace.id) {
+      if (this.lastWorkspace && workspace.id === this.lastWorkspace.id) {
         // Now that the container is started, wait for the extension server. For this, needs to get runtime details
         let websocketUrl = this.cheWorkspace.getWebsocketUrl(workspace.id);
         // try to connect
         this.websocketReconnect = 50;
         this.connectToExtensionServer(websocketUrl, workspace.id);
+      } else {
+        this.cleanupChannels(workspace.id);
       }
       return this.$q.resolve();
     }, (error) => {
-      if (workspace.id === this.lastWorkspace.id) {
+      if (this.lastWorkspace && workspace.id === this.lastWorkspace.id) {
         this.cleanupChannels(workspace.id);
       }
       return this.$q.reject(error);
@@ -157,21 +127,16 @@ class IdeSvc {
       let findStatusLink = this.lodash.find(machineConfigsLinks, (machineConfigsLink) => {
         return machineConfigsLink.rel === 'get machine status channel';
       });
-      let findOutputLink = this.lodash.find(machineConfigsLinks, (machineConfigsLink) => {
-        return machineConfigsLink.rel === 'get machine logs channel';
-      });
 
       let workspaceId = data.id;
 
       let agentChannel = 'workspace:' + data.id + ':ext-server:output';
       let statusChannel = findStatusLink ? findStatusLink.parameters[0].defaultValue : null;
-      let outputChannel = findOutputLink ? findOutputLink.parameters[0].defaultValue : null;
 
       this.listeningChannels.push(statusChannel);
       // for now, display log of status channel in case of errors
       bus.subscribe(statusChannel, (message) => {
         if (message.eventType === 'DESTROYED' && message.workspaceId === data.id && !this.$rootScope.showIDE) {
-          this.steps[this.currentStep].hasError = true;
           // need to show the error
           this.$mdDialog.show(
             this.$mdDialog.alert()
@@ -182,7 +147,6 @@ class IdeSvc {
           );
         }
         if (message.eventType === 'ERROR' && message.workspaceId === data.id) {
-          this.steps[this.currentStep].hasError = true;
           // need to show the error
           this.$mdDialog.show(
             this.$mdDialog.alert()
@@ -197,14 +161,7 @@ class IdeSvc {
 
       this.listeningChannels.push(agentChannel);
       bus.subscribe(agentChannel, (message) => {
-        if (this.currentStep < 2) {
-          this.currentStep = 2;
-        }
-
-        let agentStep = 2;
-
         if (message.eventType === 'ERROR' && message.workspaceId === data.id) {
-          this.steps[agentStep].hasError = true;
           // need to show the error
           this.$mdDialog.show(
             this.$mdDialog.alert()
@@ -214,38 +171,21 @@ class IdeSvc {
               .ok('OK')
           );
         }
-
-        if (this.steps[agentStep].logs.length > 0) {
-          this.steps[agentStep].logs = this.steps[agentStep].logs + '\n' + message;
-        } else {
-          this.steps[agentStep].logs = message;
-        }
-      });
-
-      this.listeningChannels.push(outputChannel);
-      bus.subscribe(outputChannel, (message) => {
-        if (this.steps[this.currentStep].logs.length > 0) {
-          this.steps[this.currentStep].logs = this.steps[this.currentStep].logs + '\n' + message;
-        } else {
-          this.steps[this.currentStep].logs = message;
-        }
       });
-
     }, (error) => {
       this.handleError(error);
+      this.$q.reject(error);
     });
 
     return startWorkspacePromise;
   }
 
   connectToExtensionServer(websocketURL, workspaceId) {
-    this.currentStep = 2;
     // try to connect
     let websocketStream = this.$websocket(websocketURL);
 
     // on success, create project
     websocketStream.onOpen(() => {
-      this.openIde(workspaceId);
       this.cleanupChannels(workspaceId, websocketStream);
     });
 
@@ -258,7 +198,6 @@ class IdeSvc {
         }, 1000);
       } else {
         this.cleanupChannels(workspaceId, websocketStream);
-        this.steps[this.currentStep].hasError = true;
         this.$log.error('error when starting remote extension', error);
         // need to show the error
         this.$mdDialog.show(
@@ -280,32 +219,23 @@ class IdeSvc {
     this.ideAction = ideAction;
   }
 
-  openLastStartedIde(skipLoader) {
-    this.openIde(this.lastWorkspace.id, skipLoader);
-  }
+  openIde(workspaceId) {
+    this.$rootScope.hideNavbar = false;
 
-  openIde(workspaceId, skipLoader) {
-    this.$timeout(() => {
-      this.currentStep = 3;
-    }, 0);
+    this.updateRecentWorkspace(workspaceId);
 
-    if (this.$rootScope.loadingIDE === false || this.preventRedirection) {
+    if (this.openedWorkspace && this.openedWorkspace.id === workspaceId) {
+      this.restoreIDE();
       return;
     }
 
-    if (skipLoader) {
-      this.ideLoaderSvc.addLoader();
-      this.$rootScope.hideIdeLoader = true;
-    }
-
     let inDevMode = this.userDashboardConfig.developmentMode;
     let randVal = Math.floor((Math.random() * 1000000) + 1);
     let appendUrl = '?uid=' + randVal;
 
     let workspace = this.cheWorkspace.getWorkspaceById(workspaceId);
-    this.lastWorkspace = workspace;
+    this.openedWorkspace = workspace;
 
-    let selfLink = this.getHrefLink(workspace, 'self link');
     let ideUrlLink = this.getHrefLink(workspace, 'ide url');
 
     if (this.ideAction != null) {
@@ -327,17 +257,22 @@ class IdeSvc {
     } else {
       this.$rootScope.ideIframeLink = ideUrlLink + appendUrl;
     }
-    if (!skipLoader) {
-      this.$timeout(() => {
-        this.$rootScope.hideIdeLoader = true;
-      }, 4000);
-    }
 
-    this.$timeout(() => {
-      this.$rootScope.showIDE = true;
-      this.$rootScope.hideLoader = true;
-      this.$rootScope.loadingIDE = false;
-    }, 2000);
+    let defer = this.$q.defer();
+    if (workspace.status === 'RUNNING') {
+      defer.resolve();
+    } else {
+      this.cheWorkspace.fetchStatusChange(workspace.id, 'STARTING').then(() => {
+        defer.resolve();
+      }, (error) => {
+        defer.reject(error);
+        this.$log.error('Unable to start workspace: ', error);
+      })
+    }
+    defer.promise.then(() => {
+      // update list of recent workspaces
+      this.cheWorkspace.fetchWorkspaces();
+    });
   }
 
   /**
@@ -377,12 +312,14 @@ class IdeSvc {
     return '';
   }
 
-  setPreventRedirection(preventRedirection) {
-    this.preventRedirection = preventRedirection;
-  }
-
-  getPreventRedirection() {
-    return this.preventRedirection;
+  /**
+   * Emit event to move workspace immediately
+   * to top of the recent workspaces list
+   *
+   * @param workspaceId
+   */
+  updateRecentWorkspace(workspaceId) {
+    this.$rootScope.$broadcast('recent-workspace:set', workspaceId);
   }
 }
 
diff --git a/dashboard/src/app/ide/ide.styl b/dashboard/src/app/ide/ide.styl
index b06d5f60dd1..45f30fe4f89 100644
--- a/dashboard/src/app/ide/ide.styl
+++ b/dashboard/src/app/ide/ide.styl
@@ -5,3 +5,19 @@
   top 0
   left 0
   border none
+
+.open-ide-page
+  position relative
+  color $white-color
+
+.ide-page-loader
+  position absolute
+  top 0
+  bottom 0
+  left 0
+  right 0
+  margin auto
+
+.ide-page-loader-content
+  width 120px
+  height 120px
diff --git a/dashboard/src/app/index.styl b/dashboard/src/app/index.styl
index 3994ba810b5..2211c6d315a 100644
--- a/dashboard/src/app/index.styl
+++ b/dashboard/src/app/index.styl
@@ -12,10 +12,10 @@ che-roundimage()
   border-radius 50%
 
 che-developers-face()
-  che-roundimage()
   box-shadow-simple()
-  height 20px
-  width 20px
+  border-radius 1px
+  height 14px
+  width 14px
   padding 0
 
 @import '../../bower_components/bootstrap-stylus/bootstrap/index'
@@ -38,14 +38,19 @@ $che-logs-output-font = "Droid Sans Mono", monospace
   background-color $menu-bg-color
 
 md-sidenav.dark-menu-bg
-  overflow auto
+  overflow hidden
 
   img.pull-right
     width 50px
 
 md-sidenav
   box-shadow none !important
-  width 230px
+  width 200px
+  min-width 200px
+
+md-sidenav > *
+  width 200px
+  min-width 200px
 
 html
 
@@ -53,7 +58,7 @@ body
   font-size 13px
   font-family 'Open Sans'
   background-color $background-site-color
-
+  min-width 600px
 
 button,
 select,
@@ -73,10 +78,12 @@ label
   font-weight normal !important
 
 md-divider
-  border-top-color #454F5F !important
+  border-top-color #353E5D !important
+  margin 0 10px
 
 md-toolbar
   font-size 1em
+  flex 1
 
 md-option
   padding 5px
@@ -85,13 +92,14 @@ md-option
 md-option:hover
   background-color $hover-on-list-color
 
-.sidebar-entry
-  margin-left auto
+.md-open-menu-container
+  transition none !important
+
+  md-menu-item
+    transition none !important
 
 .main-page
-  max-width 1296px
   min-width 320px
-  margin-right auto
 
 
 .main-page-loader
diff --git a/dashboard/src/app/navbar/navbar-config.js b/dashboard/src/app/navbar/navbar-config.js
index f5c5b61837e..cbbd10bd890 100644
--- a/dashboard/src/app/navbar/navbar-config.js
+++ b/dashboard/src/app/navbar/navbar-config.js
@@ -14,6 +14,11 @@ import {CheNavBarCtrl} from './navbar.controller';
 import {CheNavBar} from './navbar.directive';
 import {NavBarSelectedCtrl} from './navbar-selected.controller';
 import {NavBarSelected} from './navbar-selected.directive';
+import {NavbarRecentWorkspacesController} from './recent-workspaces/recent-workspaces.controller';
+import {NavbarRecentWorkspaces} from './recent-workspaces/recent-workspaces.directive';
+
+import {NavbarDropdownMenuController} from './navbar-dropdown-menu/navbar-dropdown-menu.controller';
+import {NavbarDropdownMenu} from './navbar-dropdown-menu/navbar-dropdown-menu.directive';
 
 export class NavbarConfig {
 
@@ -22,5 +27,11 @@ export class NavbarConfig {
     register.controller('NavBarSelectedCtrl', NavBarSelectedCtrl);
     register.directive('cheNavBar', CheNavBar);
     register.directive('navBarSelected', NavBarSelected);
+
+    register.controller('NavbarRecentWorkspacesController', NavbarRecentWorkspacesController);
+    register.directive('navbarRecentWorkspaces', NavbarRecentWorkspaces);
+
+    register.controller('NavbarDropdownMenuController', NavbarDropdownMenuController);
+    register.directive('navbarDropdownMenu', NavbarDropdownMenu);
   }
 }
diff --git a/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.controller.js b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.controller.js
new file mode 100644
index 00000000000..4fd2680331c
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.controller.js
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+
+/**
+ * This class is handling the controller for the dropdown menu on navbar
+ * @author Oleksii Kurinnyi
+ */
+export class NavbarDropdownMenuController {
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor($window) {
+    this.$window = $window;
+
+    this.offset = angular.isUndefined(this.offset) ? '0 0' : this.offset;
+  }
+
+  /**
+   * Method process click on dropdown-menu item. If item contains
+   * url property then application will follow this URL.
+   * Otherwise, onclick callback will be called.
+   *
+   * @param item {Object} the dropdown-menu item which was clicked on
+   */
+  process(item) {
+    if (item.url) {
+      this.redirect(item.url);
+      return;
+    }
+
+    if (item.onclick) {
+      item.onclick();
+    }
+  }
+
+  redirect(newPath) {
+    if (!newPath || this.isDisabled) {
+      return;
+    }
+    this.$window.location.href = newPath;
+  }
+}
+
+
diff --git a/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.directive.js b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.directive.js
new file mode 100644
index 00000000000..7d01a3b36b3
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.directive.js
@@ -0,0 +1,155 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * @ngDoc directive
+ * @name navbar.directive:NavbarDropdownMenu
+ * @description This class is handling the directive to show the dropdown menu in the navbar
+ * @author Oleksii Kurinnyi
+ */
+export class NavbarDropdownMenu {
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor($timeout, $document, $rootScope) {
+    this.$timeout = $timeout;
+    this.$document = $document;
+    this.$rootScope = $rootScope;
+
+
+    this.restrict = 'E';
+    this.bindToController = true;
+    this.templateUrl = 'app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.html';
+    this.controller = 'NavbarDropdownMenuController';
+    this.controllerAs = 'navbarDropdownMenuController';
+
+    this.transclude = true;
+
+    // scope values
+    this.scope = {
+      dropdownItems: '=navbarDropdownItems',
+      isDisabled: '=?navbarDropdownDisabled',
+      externalCssClass: '@?navbarDropdownExternalClass',
+      offset: '@?navbarDropdownOffset'
+    };
+  }
+
+  compile($element, attrs) {
+    let jqButton = $element.find('[ng-transclude]');
+    if (angular.isDefined(attrs['navbarDropdownRightClick'])) {
+      jqButton.attr('ng-click', '');
+      jqButton.attr('che-on-right-click', '$mdOpenMenu($event)');
+    } else {
+      jqButton.attr('ng-click', '$mdOpenMenu($event)');
+    }
+  }
+
+  link($scope, $element) {
+    // store active menu element in rootScope
+    let menuContentEl = $element.find('.navbar-dropdown-menu'),
+      menuEl = $element.find('md-menu');
+    $scope.$watch(() => {
+      return menuContentEl.is(':visible');
+    }, (visible) => {
+      if (visible) {
+        this.$rootScope.navbarDropdownActiveMenu = menuEl[0];
+      }
+    });
+
+    let self = this;
+    this.$document.off().on('mousedown contextmenu', '.md-menu-backdrop', (e) => {
+      let eventType = e.type,
+        eventWhich = e.which,
+        backdropEl = angular.element(e.target);
+
+      if (eventType === 'mousedown') {
+        if (eventWhich === 3) {
+          // prevent event propagation for right mousedown
+          // and wait for contextmenu event
+          e.preventDefault();
+          e.stopPropagation();
+          return false;
+        } else {
+          eventType = 'click';
+        }
+      }
+
+      var x = e.clientX,
+        y = e.clientY,
+        stack = [];
+      let elementMouseIsOver = self.$document[0].elementFromPoint(x, y);
+      elementMouseIsOver.style.pointerEvents = 'none';
+      stack.push(elementMouseIsOver);
+
+      // iterate elements under cursor
+      let limit = 50,
+        nextTargetEl;
+      while (elementMouseIsOver.tagName !== 'MD-MENU' && limit > 0){
+        elementMouseIsOver = self.$document[0].elementFromPoint(x, y);
+
+        // break when top of tree is reached
+        if (stack[stack.length-1] === elementMouseIsOver) {
+          break;
+        }
+
+        let curEl = angular.element(elementMouseIsOver);
+
+        // element to trigger event
+        if (!nextTargetEl) {
+          nextTargetEl = curEl;
+        }
+
+        elementMouseIsOver.style.pointerEvents = 'none';
+        stack.push(elementMouseIsOver);
+
+        limit--;
+      }
+
+      // click on menu's backdrop to hide menu
+      backdropEl.triggerHandler('click');
+
+      if (elementMouseIsOver.tagName === 'MD-MENU') {
+        // if menu is found then
+        // check if click is caught over the same menu
+        if(elementMouseIsOver === this.$rootScope.navbarDropdownActiveMenu) {
+          // clear active menu
+          delete this.$rootScope.navbarDropdownActiveMenu;
+        } else {
+          // open new menu by triggering mouse event
+          angular.element(nextTargetEl).trigger({
+            type: eventType,
+            which: eventWhich
+          });
+        }
+      } else {
+        // if menu isn't found
+        // just trigger same mouse event on first found element
+        angular.element(nextTargetEl).trigger({
+          type: eventType,
+          which: eventWhich
+        });
+      }
+
+      // clean pointer events
+      for (let i=0; i<stack.length; i++) {
+        stack[i].style.pointerEvents = '';
+      }
+
+      e.preventDefault();
+      e.stopPropagation();
+
+      return false;
+    });
+  }
+}
diff --git a/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.html b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.html
new file mode 100644
index 00000000000..d4ccd2439b7
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.html
@@ -0,0 +1,14 @@
+<md-menu md-offset="{{navbarDropdownMenuController.offset}}">
+  <div class="navbar-dropdown-button" ng-transclude></div>
+  <md-menu-content class="navbar-dropdown-menu {{navbarDropdownMenuController.externalCssClass}}" width="3">
+    <md-menu-item ng-repeat="item in navbarDropdownMenuController.dropdownItems"
+                  ng-if="!item.hidden"
+                  ng-disabled="item.disabled"
+                  ng-click="navbarDropdownMenuController.process(item)">
+        <span class="navbar-click-area">
+          <i ng-if="item.icon" class="navbar-dropdown-icon {{item.icon}}" aria-hidden="true"></i>
+          {{item.name}}
+        </span>
+    </md-menu-item>
+  </md-menu-content>
+</md-menu>
diff --git a/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.styl b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.styl
new file mode 100644
index 00000000000..e32fd829b62
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-dropdown-menu/navbar-dropdown-menu.styl
@@ -0,0 +1,51 @@
+navbar-dropdown-menu
+  height inherit
+  min-height inherit
+
+  *
+    outline none
+
+  md-menu
+    outline none
+    height inherit
+    min-height inherit
+
+    a.md-button.che-navbar-selected
+      background-color $navbar-active-menu-background-color !important
+
+    div
+      height inherit
+      min-height inherit
+
+md-menu-content.navbar-dropdown-menu
+  che-border-radius(2px)
+  color $label-secondary-color
+  padding 3px 0
+
+  *
+    outline none
+
+  md-menu-item
+    height 21px
+    min-height 21px
+    font-size 11px
+
+    &:not([disabled]):hover
+      che-brightness(85%)
+      background-color $mouse-gray-color
+      cursor pointer
+
+    &[disabled] .navbar-click-area
+      color lighten($label-secondary-color, 50%)
+
+    .navbar-click-area
+      che-border-radius(2px)
+      display block
+      padding 2px 8px
+      color $label-secondary-color
+      cursor pointer
+      outline none
+
+      .navbar-dropdown-icon
+        padding-right 3px
+
diff --git a/dashboard/src/app/navbar/navbar-selected.directive.js b/dashboard/src/app/navbar/navbar-selected.directive.js
index bb5317d86b4..b168f62a8fe 100644
--- a/dashboard/src/app/navbar/navbar-selected.directive.js
+++ b/dashboard/src/app/navbar/navbar-selected.directive.js
@@ -33,19 +33,16 @@ export class NavBarSelected {
 
   }
 
-
   /**
    * Monitor click
    */
-  link($scope, element, attrs, controller) {
+  link($scope, element, attrs) {
     let select = (elem) => {
       // if there is a previous selected element, unselect it
       if (this.$rootScope.selectedNavBarElement) {
         this.$rootScope.selectedNavBarElement.removeClass('che-navbar-selected');
       }
 
-      controller.close();
-
       // select the new element
       this.$rootScope.selectedNavBarElement = elem;
       // add the class
@@ -59,23 +56,32 @@ export class NavBarSelected {
     }
 
     // highlight item on click
-    element.bind('click', () => {
+    element.bind('click', (event) => {
+      // prevent activating menu item if Ctrl key is pressed
+      if (event.ctrlKey) {
+        this.$rootScope.selectedNavBarElement.focus();
+        return;
+      }
       select(element);
     });
+    element.bind('mousedown', () => {
+      element.addClass('navbar-item-no-hover');
+    });
+    element.bind('mouseup', () => {
+      if (element !== this.$rootScope.selectedNavBarElement) {
+        element.blur();
+      }
+    });
+    element.bind('mouseover', () => {
+      element.removeClass('navbar-item-no-hover');
+    });
 
-    $scope.$on('navbar-selected:clear', () => {
-      // unselect item
-      if (this.$rootScope.selectedNavBarElement) {
+    $scope.$on('navbar-selected:set', (event, path) => {
+      // unselect previously selected item
+      if (this.$rootScope.selectedNavBarElement === element) {
         this.$rootScope.selectedNavBarElement.removeClass('che-navbar-selected');
         delete this.$rootScope.selectedNavBarElement;
       }
-    });
-    $scope.$on('navbar-selected:restore', (event, path) => {
-      // check if item is selected already
-      if (this.$rootScope.selectedNavBarElement) {
-        return;
-      }
-
       // select item
       if (attrs['ngHref'] === path) {
         select(element);
diff --git a/dashboard/src/app/navbar/navbar-selected.styl b/dashboard/src/app/navbar/navbar-selected.styl
new file mode 100644
index 00000000000..728053f1d3b
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-selected.styl
@@ -0,0 +1,4 @@
+
+.admin-navbar-menu md-list-item a.md-button.navbar-item-no-hover:hover,
+.admin-navbar-menu md-menu a.md-button.navbar-item-no-hover:hover
+  background-color transparent !important
diff --git a/dashboard/src/app/navbar/navbar-theme.styl b/dashboard/src/app/navbar/navbar-theme.styl
new file mode 100644
index 00000000000..bba1d5e7720
--- /dev/null
+++ b/dashboard/src/app/navbar/navbar-theme.styl
@@ -0,0 +1,13 @@
+// navbar colors
+$navbar-backgroud-color = #282E44
+$navbar-active-menu-background-color = alpha($white-color, 20%)
+$navbar-border-right-color = $black-color
+$navbar-active-menu-mark-color = $che-logo-yellow-color
+$navbar-menu-icon-color = #808B9C
+$navbar-active-menu-icon-color = $light-gray-color
+$navbar-menu-text-color = $mouse-gray-color
+$navbar-menu-dark-text-color = $navbar-menu-icon-color
+$navbar-active-menu-text-color = $light-gray-color
+$navbar-section-title-color = #62687C
+$navbar-ide-iframe-button-background-color = lighten($navbar-backgroud-color, 31%)
+$navbar-ide-iframe-button-border-color = alpha($navbar-ide-iframe-button-background-color, 0.65)
diff --git a/dashboard/src/app/navbar/navbar.controller.js b/dashboard/src/app/navbar/navbar.controller.js
index 69a9559ca52..1acce89b879 100644
--- a/dashboard/src/app/navbar/navbar.controller.js
+++ b/dashboard/src/app/navbar/navbar.controller.js
@@ -16,12 +16,13 @@ export class CheNavBarCtrl {
    * Default constructor
    * @ngInject for Dependency injection
    */
-  constructor($mdSidenav, $scope, $location, $route, userDashboardConfig, cheAPI) {
+  constructor($mdSidenav, $scope, $location, $route, userDashboardConfig, cheAPI, $rootScope, $window) {
     this.mdSidenav = $mdSidenav;
     this.$scope = $scope;
     this.$location = $location;
     this.$route = $route;
     this.cheAPI = cheAPI;
+    this.$window = $window;
     this.links = [{href: '#/create-workspace', name: 'New Workspace'}];
 
     this.displayLoginItem = userDashboardConfig.developmentMode;
@@ -59,18 +60,10 @@ export class CheNavBarCtrl {
       billing: '#/billing'
     };
 
-    // clear highlighting of menu item from navbar
-    // if route is not part of navbar
-    // or restore highlighting otherwise
+    // highlight navbar menu item
     $scope.$on('$locationChangeStart', () => {
-      let path = '#' + $location.path(),
-        match = Object.keys(this.menuItemUrl).some(item => this.menuItemUrl[item] === path);
-      if (match) {
-        $scope.$broadcast('navbar-selected:restore', path);
-      }
-      else {
-        $scope.$broadcast('navbar-selected:clear');
-      }
+      let path = '#' + $location.path();
+      $scope.$broadcast('navbar-selected:set', path);
     });
 
     cheAPI.cheWorkspace.fetchWorkspaces();
@@ -94,4 +87,12 @@ export class CheNavBarCtrl {
   getWorkspacesNumber() {
     return this.cheAPI.cheWorkspace.getWorkspaces().length;
   }
+
+  getProjectsNumber() {
+    return this.cheAPI.cheWorkspace.getAllProjects().length;
+  }
+
+  openLinkInNewTab(url) {
+    this.$window.open(url, '_blank');
+  }
 }
diff --git a/dashboard/src/app/navbar/navbar.html b/dashboard/src/app/navbar/navbar.html
index 04c928efebe..d1f3cc543e4 100644
--- a/dashboard/src/app/navbar/navbar.html
+++ b/dashboard/src/app/navbar/navbar.html
@@ -14,77 +14,50 @@
   <md-toolbar class="flex-shrink-none">
     <md-progress-linear md-mode="indeterminate" ng-hide="navbarCtrl.email"></md-progress-linear>
     <div ng-show="navbarCtrl.email">
-      <section class="navbar-top-dropdown" layout="column" layout-align="center left">
-        <che-button-dropdown che-button-dropdown-href="#/create-project?resetProgress" che-button-dropdown-label="New Project"
-                             che-button-dropdown-controller="navbarCtrl"></che-button-dropdown>
+      <section class="navbar-top-logo logo-color-white" layout="column" layout-align="center left" ng-include="branding.logoText">
       </section>
+
       <md-divider md-theme="factory-theme"></md-divider>
+
       <div class="admin-navbar-menu">
         <section class="left-sidebar-menu" layout="column" layout-align="center center">
           <md-list layout="column">
-            <ide-list-item-navbar></ide-list-item-navbar>
             <md-list-item flex class="navbar-subsection-item">
-              <md-button nav-bar-selected flex che-reload-href ng-href="{{navbarCtrl.menuItemUrl.dashboard}}" layout-align="left"
+              <md-button nav-bar-selected flex che-reload-href che-on-long-touch="navbarCtrl.openLinkInNewTab('{{navbarCtrl.menuItemUrl.dashboard}}')" ng-href="{{navbarCtrl.menuItemUrl.dashboard}}" layout-align="left"
                          target="_self">
                 <div class="navbar-item" layout="row" layout-align="start center">
-                  <i class="fa fa-th-large icon">&nbsp;</i>
+                  <md-icon md-font-icon="navbar-icon chefont cheico-dashboard" aria-label="Dashboard"></md-icon>
                   <span>Dashboard</span>
                 </div>
               </md-button>
             </md-list-item>
             <md-list-item flex class="navbar-subsection-item">
-              <md-button nav-bar-selected flex che-reload-href ng-href="{{navbarCtrl.menuItemUrl.workspaces}}" layout-align="left">
+              <md-button nav-bar-selected flex che-reload-href che-on-long-touch="navbarCtrl.openLinkInNewTab('{{navbarCtrl.menuItemUrl.workspaces}}')" ng-href="{{navbarCtrl.menuItemUrl.workspaces}}" layout-align="left">
                 <div class="navbar-item" layout="row" layout-align="start center">
-                  <i class="fa fa-server fa-lg icon">&nbsp;</i>
-                  <span>Workspaces</span><span ng-show="navbarCtrl.getWorkspacesNumber()">&nbsp;({{navbarCtrl.getWorkspacesNumber()}})</span>
+                  <md-icon md-font-icon="navbar-icon chefont cheico-workspace"></md-icon>
+                  <span>Workspaces</span>
+                  <span class="navbar-number" ng-show="navbarCtrl.getWorkspacesNumber()">&nbsp;({{navbarCtrl.getWorkspacesNumber()}})</span>
                 </div>
               </md-button>
             </md-list-item>
             <md-list-item flex class="navbar-subsection-item">
-              <md-button nav-bar-selected flex che-reload-href ng-href="{{navbarCtrl.menuItemUrl.projects}}" layout-align="left">
+              <md-button nav-bar-selected flex che-reload-href che-on-long-touch="navbarCtrl.openLinkInNewTab('{{navbarCtrl.menuItemUrl.projects}}')" ng-href="{{navbarCtrl.menuItemUrl.projects}}" layout-align="left">
                 <div class="navbar-item" layout="row" layout-align="start center">
-                  <i class="fa fa-folder-open icon">&nbsp;</i>
+                  <md-icon md-font-icon="navbar-icon chefont cheico-project"
+                           style="font-size: 10px;"></md-icon>
                   <span>Projects</span>
-                </div>
-              </md-button>
-            </md-list-item>
-            <md-list-item flex class="navbar-subsection-item" ng-if="navbarCtrl.isFactoryServiceAvailable">
-              <md-button nav-bar-selected flex che-reload-href ng-href="{{navbarCtrl.menuItemUrl.factories}}" layout-align="left">
-                <div class="navbar-item" layout="row" layout-align="start center">
-                  <i class="chefont cheico-rocket-chefont icon">&nbsp;</i>
-                  <span>Factories</span>
+                  <span class="navbar-number" ng-show="navbarCtrl.getProjectsNumber()">&nbsp;({{navbarCtrl.getProjectsNumber()}})</span>
                 </div>
               </md-button>
             </md-list-item>
           </md-list>
         </section>
       </div>
-      <md-divider ng-show="navbarCtrl.isAdminServiceAvailable" md-theme="factory-theme"></md-divider>
-      <div ng-show="navbarCtrl.isAdminServiceAvailable" class="admin-navbar-menu"
-           ng-init="configMenuIsExpand=true">
-        <div class="navbar-identity"
-             flex layout="row" layout-align="start center" ng-click="configMenuIsExpand=!configMenuIsExpand">
-      <span flex layout="row" layout-align="start center" layout-padding>
-        <i class="material-design icon-ic_build_24px">&nbsp;</i>
-        <span flex class="navbar-title">Configuration</span>
-      </span>
-          <i class="material-design md-tab-themed" ng-class="configMenuIsExpand ? 'icon-ic_expand_less_24px' : 'icon-ic_expand_more_24px'">
-            &nbsp;</i>
-        </div>
-        <section class="animation navbar-subsection"
-                 flex layout="column" layout-align="center start" layout-fill
-                 class="animation"
-                 ng-if="configMenuIsExpand">
-          <md-list layout="column" flex>
-            <md-list-item ng-show="navbarCtrl.isAdminPluginServiceAvailable" flex class="navbar-subsection-item">
-              <md-button nav-bar-selected flex che-reload-href ng-href="{{navbarCtrl.menuItemUrl.plugins}}" layout-align="left">
-                <div class="navbar-item" layout="row" layout-align="start center">Plug-Ins</div>
-              </md-button>
-            </md-list-item>
-          </md-list>
-        </section>
-      </div>
-      <md-divider md-theme="factory-theme"></md-divider>
+
+      <navbar-recent-workspaces></navbar-recent-workspaces>
+
     </div>
   </md-toolbar>
+
+  <div class="navbar-iframe-button-left-border" ng-show="showIDE"></div>
 </div>
diff --git a/dashboard/src/app/navbar/navbar.styl b/dashboard/src/app/navbar/navbar.styl
index 51d9f3042fc..cbbe0423761 100644
--- a/dashboard/src/app/navbar/navbar.styl
+++ b/dashboard/src/app/navbar/navbar.styl
@@ -9,17 +9,15 @@
  *   Codenvy, S.A. - initial API and implementation
  */
 
-$active-background-color = #3E4856
-$active-border-color = rgb(74, 144, 226)
-$navbar-menu-color = #C5D0DF
-$navbar-icon-color = #E2E2E3
 $faces-shadow = rgba(255, 255, 255, 0.5)
 $menu-font-size = 1em
-$submenu-font-size = 0.9em
+$submenu-font-size = 10px
+$circle-indicator-font-size = 0.7em
 
-.navbar-top-dropdown
-  margin: 0 10px
-  height 60px
+.navbar-top-logo
+  margin 5px 10px 0
+  height 54px
+  width 95px
 
 /* restore non-allcaps */
 .admin-navbar-menu section a.md-button
@@ -29,29 +27,40 @@ $submenu-font-size = 0.9em
 .admin-navbar-menu md-list-item a.md-button
   margin 0
 
+che-nav-bar
+  width 100%
+
 .left-sidebar-container
-  height 100vh
   display flex
+  flex 1
   flex-flow row wrap
   justify-content space-around
+  width 100%
 
 .left-sidebar-container md-toolbar
   box-shadow none
+  background-color $navbar-backgroud-color
+  border-right 1px solid $navbar-border-right-color
 
 .left-sidebar-menu
   width 100%
 
-.left-sidebar-menu .navbar-subsection-item .navbar-item i,
-.left-sidebar-menu .navbar-submenu-item .navbar-item i,
-.navbar-submenu-content i
-  width 40px
-  font-size 19px
-  line-height 12px
+.left-sidebar-menu .navbar-subsection-item .navbar-item .navbar-icon,
+.left-sidebar-menu .navbar-submenu-item .navbar-item .navbar-icon,
+.navbar-submenu-content .navbar-icon
+  width 20px
+  min-width 20px
+  font-size 14px
+  line-height 24px
   text-align center
+  margin 0 4px 0 7px
 
 .left-sidebar-menu .navbar-subsection-item.md-no-proxy
   padding 0
 
+.left-sidebar-menu md-list
+  padding-top 5px
+
 .admin-navbar-menu .navbar-subsection md-list
   padding-top 4px
 
@@ -59,33 +68,48 @@ $submenu-font-size = 0.9em
   min-height 0
   margin-top -4px
 
-.admin-navbar-menu .navbar-identity span
-  padding-left 3px
+.admin-navbar-menu
+  .navbar-section span.navbar-section-title
+    padding-top 10px
+    padding-left 10px
+    text-transform uppercase
+    font-size 0.9em
+    white-space nowrap
+  .navbar-section + md-list
+    padding-top 2px
 
 /* text color */
 .admin-navbar-menu .navbar-header,
 .admin-navbar-menu .navbar-identity,
 .admin-navbar-menu section a.md-button span,
 .navbar-submenu-content a.md-button span
-  color $navbar-menu-color
+  color $navbar-menu-text-color
+
+.admin-navbar-menu md-list-item a.md-button span.navbar-number
+  color $navbar-menu-dark-text-color
 
-.admin-navbar-menu section a.md-button i,
-.navbar-submenu-content a.md-button i
-  color $navbar-icon-color
+.admin-navbar-menu .navbar-section span.navbar-section-title
+  color $navbar-section-title-color
+
+.admin-navbar-menu section a.md-button .navbar-icon,
+.navbar-submenu-content a.md-button .navbar-icon
+  color $navbar-menu-icon-color
 
 .admin-navbar-menu section a.md-button,
 .navbar-submenu-content a.md-button
   height 36px
 
+.admin-navbar-menu md-list-item a.md-button.che-navbar-selected .navbar-icon
+  color $navbar-active-menu-icon-color
 .admin-navbar-menu md-list-item a.md-button.che-navbar-selected span
-  color $white-color
+  color $navbar-active-menu-text-color
 
 /* background color */
 
 .admin-navbar-menu md-list-item a.md-button.che-navbar-selected,
 .admin-navbar-menu md-list-item a.md-button:hover,
 .admin-navbar-menu md-menu a.md-button:hover
-  background-color $active-background-color
+  background-color $navbar-active-menu-background-color
 
 .admin-navbar-menu md-menu a.md-button.che-navbar-selected
   background-color inherit
@@ -104,29 +128,58 @@ $submenu-font-size = 0.9em
 .admin-navbar-menu md-list-item a.md-button
   width fill-available
   padding 0
+  height 26px
+  min-height 24px
+  border-radius 0
+
+.admin-navbar-menu .navbar-account-section md-list
+  padding 0
+
+.admin-navbar-menu .navbar-account-section md-list-item a.md-button
+  height inherit
+  min-height inherit
 
 .admin-navbar-menu .left-sidebar-menu md-list-item > a.md-button .navbar-item,
 .admin-navbar-menu .left-sidebar-menu md-menu > a.md-button .navbar-item,
 .navbar-submenu-content md-menu-item > a.md-button .navbar-item
-  padding-left 10px
+  padding-left 0
+  padding-right 5px
 
 .admin-navbar-menu .left-sidebar-menu md-list-item > a.md-button .navbar-item.navbar-item-no-icon,
 .admin-navbar-menu .left-sidebar-menu md-menu > a.md-button .navbar-item.navbar-item-no-icon,
 .navbar-submenu-content md-menu-item > a.md-button .navbar-item.navbar-item-no-icon
-  padding-left 51px
+  padding-left 36px
 
 .admin-navbar-menu md-list-item a.md-button .navbar-item
-  padding-left 87px
+  line-height 24px
+
+.admin-navbar-menu md-list-item a.md-button .navbar-item span
+  overflow: hidden
+  text-overflow ellipsis
+
+.admin-navbar-menu md-list-item a.md-button span.navbar-number
+  font-weight 600
 
 .admin-navbar-menu section md-list,
 .admin-navbar-menu .navbar-identity
   width fill-available
 
-.admin-navbar-menu .navbar-subsection md-list-item a.md-button .navbar-item i
+.admin-navbar-menu .navbar-identity
+  height 100%
+
+.admin-navbar-menu .navbar-subsection md-list-item a.md-button .navbar-item .navbar-icon
   line-height inherit
   width 13px
   margin-right 2px
 
+.left-sidebar-menu .navbar-subsection-item
+  height 26px
+  min-height 26px
+
+.left-sidebar-menu.navbar-account-section .navbar-subsection-item
+  height 31px
+  min-height 31px
+
 /* hover, focus */
 /* remove underline on focus */
 .admin-navbar-menu section a.md-button:focus
@@ -136,7 +189,7 @@ $submenu-font-size = 0.9em
 .admin-navbar-menu section.navbar-subsection md-list md-item.navbar-subsection-item md-list-item a.md-button.che-navbar-selected,
 .admin-navbar-menu section.navbar-subsection md-list md-item.navbar-subsection-item md-list-item a.md-button:hover,
 .navbar-submenu-content md-menu-item a.md-button:hover
-  background-color $active-background-color
+  background-color $navbar-active-menu-background-color
 
 .admin-navbar-menu a:hover, .admin-navbar-menu a.che-navbar-selected
   color inherit
@@ -145,10 +198,10 @@ $submenu-font-size = 0.9em
 .admin-navbar-menu .che-navbar-selected:before
   content ""
   left 0
-  top 4px
-  bottom 4px
+  top 0
+  bottom 0
   position absolute
-  border-left solid 3px $active-border-color
+  border-left solid 2px $navbar-active-menu-mark-color
 
 /* animations */
 .admin-navbar-menu .animation.ng-enter
@@ -183,9 +236,6 @@ $submenu-font-size = 0.9em
 /* user avatar */
 .admin-navbar-menu .navbar-identity .developers-face
   che-developers-face()
-  -webkit-box-shadow 0 0 0 1px $faces-shadow
-  -moz-box-shadow 0 0 0 1px $faces-shadow
-  box-shadow 0 0 0 1px $faces-shadow
 
 /* fonts sizes */
 .admin-navbar-menu .navbar-header,
@@ -196,11 +246,13 @@ $submenu-font-size = 0.9em
 
 .navbar-identity
   outline 0
-  padding-left 7px
 
 .admin-navbar-menu section a.md-button
   font-size $submenu-font-size
 
+.admin-navbar-menu .workspace-status-indicator span
+  font-size $circle-indicator-font-size
+
 /* remove focus effect on fold/unfold button */
 .admin-navbar-menu .navbar-identity i.material-design:focus
   outline none
@@ -229,3 +281,12 @@ $submenu-font-size = 0.9em
 .admin-navbar-menu md-divider
   margin-top 8px
   margin-bottom 8px
+
+.navbar-iframe-button-left-border
+  position absolute
+  top 4px
+  right 0
+  width 0
+  height 16px
+  border-right 1px solid $navbar-ide-iframe-button-border-color
+  z-index 10
diff --git a/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.controller.js b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.controller.js
new file mode 100644
index 00000000000..b12c5c16bdb
--- /dev/null
+++ b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.controller.js
@@ -0,0 +1,206 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * @ngdoc controller
+ * @name navbar.controller:NavbarRecentWorkspacesController
+ * @description This class is handling the controller of the recent workspaces to display in the navbar
+ * @author Oleksii Kurinnyi
+ */
+export class NavbarRecentWorkspacesController {
+
+  /**
+   * Default constructor
+   * @ngInject for Dependency injection
+   */
+  constructor(cheWorkspace, ideSvc, $window, $log, $rootScope) {
+    this.cheWorkspace = cheWorkspace;
+    this.ideSvc = ideSvc;
+    this.$window = $window;
+    this.$log = $log;
+    this.$rootScope = $rootScope;
+
+    // fetch workspaces when initializing
+    this.cheWorkspace.fetchWorkspaces();
+
+    this.dropdownItemTempl = [
+      // running
+      {
+        name: 'Stop',
+        scope: 'RUNNING',
+        icon: 'fa fa-stop',
+        _onclick: (workspaceId) => { this.stopRecentWorkspace(workspaceId) }
+      },
+      {
+        name: 'Snapshot',
+        scope: 'RUNNING',
+        icon: 'fa fa-clock-o',
+        _onclick: (workspaceId) => { this.createSnapshotRecentWorkspace(workspaceId) }
+      },
+      // stopped
+      {
+        name: 'Run',
+        scope: 'STOPPED',
+        icon: 'fa fa-play',
+        _onclick: (workspaceId) => { this.runRecentWorkspace(workspaceId) }
+      }
+    ];
+    this.dropdownItems = {};
+
+    this.veryRecentWorkspaceId = '';
+    let cleanup = $rootScope.$on('recent-workspace:set', (event, workspaceId) => {
+      this.veryRecentWorkspaceId = workspaceId;
+    });
+    $rootScope.$on('$destroy', () => {
+      cleanup();
+    });
+  }
+
+  /**
+   * Returns only workspaces which were opened at least once
+   * @returns {*}
+   */
+  getRecentWorkspaces() {
+    let workspaces = this.cheWorkspace.getWorkspaces();
+    workspaces.forEach((workspace) => {
+      if (!workspace.attributes) {
+        workspace.attributes = {
+          updated: 0,
+          created: 0
+        }
+      }
+      if (!workspace.attributes.updated) {
+        workspace.attributes.updated = workspace.attributes.created;
+      }
+      if (this.veryRecentWorkspaceId === workspace.id) {
+        workspace.attributes.opened = 1;
+      } else {
+        workspace.attributes.opened = 0;
+      }
+    });
+    return workspaces;
+  }
+
+  /**
+   * Returns status of workspace
+   * @returns {String}
+   */
+  getWorkspaceStatus(workspaceId) {
+    let workspace = this.cheWorkspace.getWorkspaceById(workspaceId);
+    return workspace ? workspace.status : 'unknown';
+  }
+
+  /**
+   * Returns name of workspace
+   * @returns {String}
+   */
+  getWorkspaceName(workspaceId) {
+    let workspace = this.cheWorkspace.getWorkspaceById(workspaceId);
+    return workspace ? workspace.config.name : 'unknown';
+  }
+
+  /**
+   * Returns true if workspace is opened in IDE
+   * @param workspaceId {String} workspace id
+   * @returns {*|null|boolean}
+   */
+  isOpen(workspaceId) {
+    return this.ideSvc.openedWorkspace && this.ideSvc.openedWorkspace.id === workspaceId;
+  }
+
+  /**
+   * Returns IDE link
+   * @param workspaceId {String} workspace id
+   * @returns {string}
+   */
+  getIdeLink(workspaceId) {
+    return '#/ide/' + this.getWorkspaceName(workspaceId);
+  }
+
+  /**
+   * Opens new tab/window with IDE
+   * @param workspaceId {String} workspace id
+   */
+  openLinkInNewTab(workspaceId) {
+    let url = this.getIdeLink(workspaceId);
+    this.$window.open(url, '_blank');
+  }
+
+  /**
+   * Builds and returns array of dropdown menu items for specified workspace
+   * @param workspaceId {String} workspace id
+   * @returns {*}
+   */
+  getDropdownItems(workspaceId) {
+    let workspace = this.cheWorkspace.getWorkspaceById(workspaceId),
+      disabled = workspace && (workspace.status === 'STARTING' || workspace.status === 'STOPPING'),
+      visibleScope = (workspace && (workspace.status === 'RUNNING' || workspace.status === 'STOPPING')) ? 'RUNNING' : 'STOPPED';
+
+    if (!this.dropdownItems[workspaceId]) {
+      this.dropdownItems[workspaceId] = [];
+      this.dropdownItems[workspaceId] = angular.copy(this.dropdownItemTempl);
+    }
+
+    this.dropdownItems[workspaceId].forEach((item) => {
+      item.disabled = disabled;
+      item.hidden = item.scope !== visibleScope;
+      item.onclick = () => {
+        item._onclick(workspace.id)
+      };
+    });
+
+    return this.dropdownItems[workspaceId];
+  }
+
+  /**
+   * Stops specified workspace
+   * @param workspaceId {String} workspace id
+   */
+  stopRecentWorkspace(workspaceId) {
+    this.cheWorkspace.stopWorkspace(workspaceId).then(() => {}, (error) => {
+      this.$log.error(error);
+    });
+  }
+
+  /**
+   * Starts specified workspace
+   * @param workspaceId {String} workspace id
+   */
+  runRecentWorkspace(workspaceId) {
+    let workspace = this.cheWorkspace.getWorkspaceById(workspaceId);
+
+    this.updateRecentWorkspace(workspaceId);
+    this.cheWorkspace.startWorkspace(workspace.id, workspace.config.defaultEnv).then(() => {}, (error) => {
+      this.$log.error(error);
+    });
+  }
+
+  /**
+   * Creates snapshot of specified workspace
+   * @param workspaceId {String} workspace id
+   */
+  createSnapshotRecentWorkspace(workspaceId) {
+    this.cheWorkspace.createSnapshot(workspaceId).then(() => {}, (error) => {
+      this.$log.error(error);
+    });
+  }
+
+  /**
+   * Emit event to move workspace immediately
+   * to top of the recent workspaces list
+   *
+   * @param workspaceId
+   */
+  updateRecentWorkspace(workspaceId) {
+    this.$rootScope.$broadcast('recent-workspace:set', workspaceId);
+  }
+}
diff --git a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.directive.js b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.directive.js
similarity index 52%
rename from dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.directive.js
rename to dashboard/src/app/navbar/recent-workspaces/recent-workspaces.directive.js
index 40bb65a9ebc..d938b8ab976 100644
--- a/dashboard/src/app/ide/ide-list-item-navbar/ide-list-item-navbar.directive.js
+++ b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.directive.js
@@ -11,26 +11,25 @@
 'use strict';
 
 /**
- * This class is handling the controller for the item in navbar allowing to redirect to the IDE
- * @author Florent Benoit
+ * @ngdoc directive
+ * @name navbar.directive:NavbarRecentWorkspaces
+ * @description This class is handling the directive of the listing recent opened workspaces in the navbar
+ * @author Oleksii Kurinnyi
  */
-class IdeListItemNavbar {
+export class NavbarRecentWorkspaces {
+
 
   /**
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor () {
-    this.restrict='E';
-    this.templateUrl = 'app/ide/ide-list-item-navbar/ide-list-item-navbar.html';
-
+  constructor() {
+    this.restrict = 'E';
+    this.templateUrl = 'app/navbar/recent-workspaces/recent-workspaces.html';
 
-    this.controller = 'IdeListItemNavbarCtrl';
-    this.controllerAs = 'ideListItemNavbarCtrl';
+    this.controller = 'NavbarRecentWorkspacesController';
+    this.controllerAs = 'navbarRecentWorkspacesController';
     this.bindToController = true;
   }
 
 }
-
-export default IdeListItemNavbar;
-
diff --git a/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.html b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.html
new file mode 100644
index 00000000000..3c9c6518d45
--- /dev/null
+++ b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.html
@@ -0,0 +1,39 @@
+<div class="admin-navbar-menu recent-workspaces"
+     ng-show="navbarRecentWorkspacesController.getRecentWorkspaces().length">
+  <section class="left-sidebar-menu" layout="column" layout-align="start start">
+
+    <div class="navbar-section"
+         flex layout="row" layout-align="start start">
+      <span flex class="navbar-section-title">Recent workspaces</span>
+    </div>
+
+    <md-list layout="column">
+      <md-list-item flex class="navbar-subsection-item"
+                    ng-repeat="workspace in navbarRecentWorkspacesController.getRecentWorkspaces()
+                    | orderBy:['attributes.opened', 'attributes.updated']:'reverse'
+                    | limitTo:5"
+                    ng-class="{'recent-workspaces-last-opened': navbarRecentWorkspacesController.isOpen(workspace.id)}">
+        <navbar-dropdown-menu flex
+                              navbar-dropdown-items="navbarRecentWorkspacesController.getDropdownItems(workspace.id)"
+                              navbar-dropdown-right-click
+                              navbar-dropdown-external-class="recent-workspaces-menu"
+                              navbar-dropdown-offset="30 22">
+          <md-button nav-bar-selected flex che-reload-href
+                     che-on-long-touch="navbarRecentWorkspacesController.openLinkInNewTab(workspace.id)"
+                     ng-href="{{navbarRecentWorkspacesController.getIdeLink(workspace.id)}}" layout-align="left"
+                     target="_self">
+            <div class="navbar-item" layout="row" layout-align="start center">
+              <workspace-status-indicator
+                che-status="navbarRecentWorkspacesController.getWorkspaceStatus(workspace.id)"
+                che-empty-circle="true"
+                class="navbar-icon"
+                title="{{navbarRecentWorkspacesController.getWorkspaceStatus(workspace.id)}}"></workspace-status-indicator>
+            <span title="{{navbarRecentWorkspacesController.getWorkspaceName(workspace.id)}}"
+                  ng-class="{'recent-workspaces-stopped-workspace': navbarRecentWorkspacesController.getWorkspaceStatus(workspace.id) === 'STOPPED'}">{{navbarRecentWorkspacesController.getWorkspaceName(workspace.id)}}</span>
+            </div>
+          </md-button>
+        </navbar-dropdown-menu>
+      </md-list-item>
+    </md-list>
+  </section>
+</div>
diff --git a/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.styl b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.styl
new file mode 100644
index 00000000000..2046c72e42a
--- /dev/null
+++ b/dashboard/src/app/navbar/recent-workspaces/recent-workspaces.styl
@@ -0,0 +1,39 @@
+.recent-workspaces
+  $recent-workspaces-stopped-color = #9B9CA0
+  $recent-workspaces-notstopped-color = #C1C2C6
+
+  .navbar-subsection-item
+    height 19px
+    min-height 19px
+    line-height 19px
+
+    .md-button
+      height 19px !important
+      min-height 19px !important
+
+      .navbar-item
+        line-height 19px !important
+
+        .navbar-icon
+          font-size inherit !important
+          height 19px !important
+          line-height 19px !important
+
+          .spinner
+            height 19px
+
+  .workspace-status-indicator .workspace-status-stopped
+    color $recent-workspaces-stopped-color
+    text-shadow none
+
+  .md-button span.recent-workspaces-notstopped-workspace
+    color $recent-workspaces-notstopped-color
+
+  .md-button span.recent-workspaces-stopped-workspace
+    font-style italic
+    padding-right 2px
+    color $recent-workspaces-stopped-color
+
+.recent-workspaces-menu.navbar-dropdown-menu
+  width 140px
+  min-width 140px
diff --git a/dashboard/src/app/projects/create-project/create-project.controller.js b/dashboard/src/app/projects/create-project/create-project.controller.js
index 54b75cbe48e..2130faf7f2d 100755
--- a/dashboard/src/app/projects/create-project/create-project.controller.js
+++ b/dashboard/src/app/projects/create-project/create-project.controller.js
@@ -156,6 +156,8 @@ export class CreateProjectCtrl {
     this.defaultWorkspaceName = null;
 
     cheAPI.cheWorkspace.getWorkspaces();
+
+    $rootScope.showIDE = false;
   }
 
   /**
@@ -411,7 +413,11 @@ export class CreateProjectCtrl {
     }
 
     let startWorkspacePromise = this.cheAPI.getWorkspace().startWorkspace(workspace.id, workspace.config.defaultEnv);
-    startWorkspacePromise.then(() => {}, (error) => {
+    startWorkspacePromise.then(() => {
+      // update list of workspaces
+      // for new workspace to show in recent workspaces
+      this.cheAPI.cheWorkspace.fetchWorkspaces();
+    }, (error) => {
       let errorMessage;
 
       if (!error || !error.data) {
@@ -438,6 +444,8 @@ export class CreateProjectCtrl {
   }
 
   createProjectInWorkspace(workspaceId, projectName, projectData, bus, websocketStream, workspaceBus) {
+    this.updateRecentWorkspace(workspaceId);
+
     this.createProjectSvc.setCurrentProgressStep(3);
 
     var promise;
@@ -952,6 +960,8 @@ export class CreateProjectCtrl {
     //TODO: no account in che ? it's null when testing on localhost
     let creationPromise = this.cheAPI.getWorkspace().createWorkspaceFromConfig(null, workspaceConfig, attributes);
     creationPromise.then((workspace) => {
+      this.updateRecentWorkspace(workspace.id);
+
       // init message bus if not there
       if (this.workspaces.length === 0) {
         this.messageBus = this.cheAPI.getWebsocket().getBus(workspace.id);
@@ -1232,4 +1242,14 @@ export class CreateProjectCtrl {
     }
     return [];
   }
+
+  /**
+   * Emit event to move workspace immediately
+   * to top of the recent workspaces list
+   *
+   * @param workspaceId
+   */
+  updateRecentWorkspace(workspaceId) {
+    this.$rootScope.$broadcast('recent-workspace:set', workspaceId);
+  }
 }
diff --git a/dashboard/src/app/projects/list-projects/list-projects.controller.js b/dashboard/src/app/projects/list-projects/list-projects.controller.js
index 10c5f030cdf..3d5932be4fb 100644
--- a/dashboard/src/app/projects/list-projects/list-projects.controller.js
+++ b/dashboard/src/app/projects/list-projects/list-projects.controller.js
@@ -22,7 +22,7 @@ export class ListProjectsCtrl {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor($mdDialog, cheAPI, cheNotification, lodash, $q) {
+  constructor($mdDialog, cheAPI, cheNotification, lodash, $q, $rootScope) {
     this.$mdDialog = $mdDialog;
     this.cheAPI = cheAPI;
     this.cheNotification = cheNotification;
@@ -73,6 +73,8 @@ export class ListProjectsCtrl {
 
     // projects on all workspaces
     this.projects = [];
+
+    $rootScope.showIDE = false;
   }
 
   updateData() {
diff --git a/dashboard/src/app/workspaces/create-workspace/create-workspace.controller.js b/dashboard/src/app/workspaces/create-workspace/create-workspace.controller.js
index a526fa2095e..f9315562b7e 100644
--- a/dashboard/src/app/workspaces/create-workspace/create-workspace.controller.js
+++ b/dashboard/src/app/workspaces/create-workspace/create-workspace.controller.js
@@ -23,11 +23,12 @@ export class CreateWorkspaceCtrl {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor($location, cheAPI, cheNotification, lodash) {
+  constructor($location, cheAPI, cheNotification, lodash, $rootScope) {
     this.$location = $location;
     this.cheAPI = cheAPI;
     this.cheNotification = cheNotification;
     this.lodash = lodash;
+    this.$rootScope = $rootScope;
 
     this.selectSourceOption = 'select-source-recipe';
 
@@ -56,6 +57,8 @@ export class CreateWorkspaceCtrl {
     this.defaultWorkspaceName = null;
 
     cheAPI.cheWorkspace.fetchWorkspaces();
+
+    $rootScope.showIDE = false;
   }
 
   /**
@@ -188,6 +191,11 @@ export class CreateWorkspaceCtrl {
    */
   redirectAfterSubmitWorkspace(promise) {
     promise.then((workspaceData) => {
+      // update list of workspaces
+      // for new workspace to show in recent workspaces
+      this.updateRecentWorkspace(workspaceData.id);
+      this.cheAPI.cheWorkspace.fetchWorkspaces();
+
       let infoMessage = 'Workspace ' + workspaceData.config.name + ' successfully created.';
       this.cheNotification.showInfo(infoMessage);
       this.$location.path('/workspace/' + workspaceData.id);
@@ -197,4 +205,13 @@ export class CreateWorkspaceCtrl {
     });
   }
 
+  /**
+   * Emit event to move workspace immediately
+   * to top of the recent workspaces list
+   *
+   * @param workspaceId
+   */
+  updateRecentWorkspace(workspaceId) {
+    this.$rootScope.$broadcast('recent-workspace:set', workspaceId);
+  }
 }
diff --git a/dashboard/src/app/workspaces/list-workspaces/list-workspaces.controller.js b/dashboard/src/app/workspaces/list-workspaces/list-workspaces.controller.js
index de92575985e..e8c0d03d2d2 100644
--- a/dashboard/src/app/workspaces/list-workspaces/list-workspaces.controller.js
+++ b/dashboard/src/app/workspaces/list-workspaces/list-workspaces.controller.js
@@ -22,7 +22,7 @@ export class ListWorkspacesCtrl {
    * Default constructor that is using resource
    * @ngInject for Dependency injection
    */
-  constructor(cheAPI, $q, $log, $mdDialog, cheNotification, cheWorkspace) {
+  constructor(cheAPI, $q, $log, $mdDialog, cheNotification, cheWorkspace, $rootScope) {
     this.cheAPI = cheAPI;
     this.$q = $q;
     this.$log = $log;
@@ -71,6 +71,8 @@ export class ListWorkspacesCtrl {
         }
       }
     ];
+
+    $rootScope.showIDE = false;
   }
 
   //Fetch current user's workspaces (where he is a member):
diff --git a/dashboard/src/app/workspaces/list-workspaces/workspace-item/workspace-item.html b/dashboard/src/app/workspaces/list-workspaces/workspace-item/workspace-item.html
index 7a9a3dbb64c..c6e66ea2225 100644
--- a/dashboard/src/app/workspaces/list-workspaces/workspace-item/workspace-item.html
+++ b/dashboard/src/app/workspaces/list-workspaces/workspace-item/workspace-item.html
@@ -39,7 +39,7 @@
       </div>
       <div flex-gt-xs="33"
            class="workspace-item-status">
-        <workspace-status-indicator che-status="workspaceItemCtrl.getWorkspaceStatus()"></workspace-status-indicator>
+        <workspace-status che-status="workspaceItemCtrl.getWorkspaceStatus()"></workspace-status>
       </div>
       <div flex-gt-xs="33"
            class="workspace-consumed-value">
diff --git a/dashboard/src/app/workspaces/workspace-details/workspace-details.controller.js b/dashboard/src/app/workspaces/workspace-details/workspace-details.controller.js
index 6571728d062..7df92f4c614 100644
--- a/dashboard/src/app/workspaces/workspace-details/workspace-details.controller.js
+++ b/dashboard/src/app/workspaces/workspace-details/workspace-details.controller.js
@@ -144,9 +144,7 @@ export class WorkspaceDetailsCtrl {
     this.showShowMore = true;
     delete this.errorMessage;
 
-    this.ideSvc.init();
-    this.$rootScope.loadingIDE = false;
-    let promise = this.ideSvc.startIde(this.workspaceDetails, true);
+    let promise = this.ideSvc.startIde(this.workspaceDetails);
     promise.then(() => {
       this.showShowMore = false;
     }, (error) => {
diff --git a/dashboard/src/app/workspaces/workspace-details/workspace-details.html b/dashboard/src/app/workspaces/workspace-details/workspace-details.html
index 906912ba9d5..e34f8825196 100644
--- a/dashboard/src/app/workspaces/workspace-details/workspace-details.html
+++ b/dashboard/src/app/workspaces/workspace-details/workspace-details.html
@@ -46,10 +46,10 @@
           <div layout="row" flex>
             <che-label-container flex layout="row" che-label-name="State">
               <div layout="row">
-                <workspace-status-indicator che-status="workspaceDetailsCtrl.getWorkspaceStatus()"
-                                            layout-align="start start"></workspace-status-indicator>
+                <workspace-status che-status="workspaceDetailsCtrl.getWorkspaceStatus()"
+                                            layout-align="start start"></workspace-status>
                 <che-link che-link-text="Show more"
-                          ng-href="#/ide/{{workspaceDetailsCtrl.workspaceDetails.config.name}}?showLogs"
+                          ng-href="#/ide/{{workspaceDetailsCtrl.workspaceDetails.config.name}}"
                           layout-align="end start"
                           ng-show="(workspaceDetailsCtrl.showShowMore === true && (workspaceDetailsCtrl.getWorkspaceStatus() === 'STARTING' || workspaceDetailsCtrl.getWorkspaceStatus() === 'ERROR'))"></che-link>
               </div>
diff --git a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.html b/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.html
deleted file mode 100644
index 2488172edfe..00000000000
--- a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="workspace-status-indicator" flex layout="row" layout-align="start center">
-  <span ng-switch="status" class="workspace-status-indicator-circle">
-    <span ng-switch-when="STOPPED" class="fa fa-circle workspace-status-stopped"></span>
-    <span ng-switch-when="PAUSED" class="fa fa-pause workspace-status-paused"></span>
-    <span ng-switch-when="RUNNING" class="fa fa-circle workspace-status-running"></span>
-    <span ng-switch-when="STARTING" class="workspace-status-spinner">
-      <div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div></div>
-    </span>
-    <span ng-switch-when="STOPPING" class="workspace-status-spinner">
-      <div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div></div>
-    </span>
-    <span ng-switch-when="ERROR" class="fa fa-circle workspace-status-error"></span>
-    <span ng-switch-default class="fa fa-circle workspace-status-default"></span>
-  </span>
-  <span class="workspace-status-indicator-text">{{status}}</span>
-</div>
diff --git a/dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.directive.js b/dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.directive.js
new file mode 100644
index 00000000000..6538d91f873
--- /dev/null
+++ b/dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.directive.js
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * Defines a directive for creating simple indicator of workspace's status.
+ * @author Oleksii Kurinnyi
+ */
+export class WorkspaceStatusIndicator {
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor () {
+    this.restrict = 'E';
+
+    this.replace = true;
+
+    this.scope = {
+      status: '=cheStatus'
+    };
+  }
+
+  /**
+   * Template for the simple indicator of workspace's status
+   * @param element
+   * @param attrs
+   * @returns {string} the template
+   */
+  template (element, attr) {
+    let emptyCircleOnStopped = attr.cheEmptyCircle;
+
+    return '<span ng-switch="status" class="workspace-status-indicator">' +
+      '<span ng-switch-when="STOPPED" class="fa ' + (emptyCircleOnStopped ? 'fa-circle-o' : 'fa-circle') + ' workspace-status-stopped"></span>' +
+      '<span ng-switch-when="PAUSED" class="fa fa-pause workspace-status-paused"></span>' +
+      '<span ng-switch-when="RUNNING" class="fa fa-circle workspace-status-running"></span>' +
+      '<span ng-switch-when="STARTING" class="workspace-status-spinner">' +
+      '<div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div></div>' +
+      '</span>' +
+      '<span ng-switch-when="STOPPING" class="workspace-status-spinner">' +
+      '<div class="spinner"><div class="rect1"></div><div class="rect2"></div><div class="rect3"></div></div>' +
+      '</span>' +
+      '<span ng-switch-when="ERROR" class="fa fa-circle workspace-status-error"></span>' +
+      '<span ng-switch-default class="fa ' + (emptyCircleOnStopped ? 'fa-circle-o' : 'fa-circle') + ' workspace-status-default"></span>' +
+    '</span>';
+  }
+}
diff --git a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.styl b/dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.styl
similarity index 53%
rename from dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.styl
rename to dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.styl
index ea8fa8bf7e8..94ed4b6bd78 100644
--- a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.styl
+++ b/dashboard/src/app/workspaces/workspace-status/workspace-status-indicator.styl
@@ -1,16 +1,14 @@
-.workspace-status-indicator-circle
-  span
-    width 20px
-    text-shadow: 0 0 1px #000
+.workspace-status-indicator
+  display inline-block
 
   .workspace-status-stopped
-    color #d3d3d3
+    color #d3d3d3 !important
 
   .workspace-status-paused
-    color #ecab00
+    color #ecab00 !important
 
   .workspace-status-running
-    color #46af00
+    color #46af00 !important
 
   .workspace-status-spinner .spinner
     width 20px
@@ -23,11 +21,7 @@
       margin-right 2px
 
   .workspace-status-error
-    color #e22812
+    color #e22812 !important
 
   .workspace-status-default
-    color #d3d3d3
-
-.workspace-status-indicator-text
-  padding-left 20px
-  color $label-info-color
+    color #d3d3d3 !important
diff --git a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.directive.js b/dashboard/src/app/workspaces/workspace-status/workspace-status.directive.js
similarity index 69%
rename from dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.directive.js
rename to dashboard/src/app/workspaces/workspace-status/workspace-status.directive.js
index 83971948a04..3dc76a0bd35 100644
--- a/dashboard/src/app/workspaces/workspace-status-indicator/workspace-status-indicator.directive.js
+++ b/dashboard/src/app/workspaces/workspace-status/workspace-status.directive.js
@@ -11,11 +11,11 @@
 'use strict';
 
 /**
- * Defines a directive for creating RAM allocation slider that are working either on desktop or on mobile devices.
- * It will change upon width of the screen
+ * Defines a directive for creating an indicator of workspace's status, which contains
+ * both icon and text representation of current status
  * @author Oleksii Kurinnyi
  */
-export class WorkspaceStatusIndicator {
+export class WorkspaceStatus {
 
   /**
    * Default constructor that is using resource
@@ -25,7 +25,7 @@ export class WorkspaceStatusIndicator {
     this.restrict = 'E';
 
     this.replace = true;
-    this.templateUrl = 'app/workspaces/workspace-status-indicator/workspace-status-indicator.html';
+    this.templateUrl = 'app/workspaces/workspace-status/workspace-status.html';
 
     // scope values
     this.scope = {
diff --git a/dashboard/src/app/workspaces/workspace-status/workspace-status.html b/dashboard/src/app/workspaces/workspace-status/workspace-status.html
new file mode 100644
index 00000000000..d70f2605f7c
--- /dev/null
+++ b/dashboard/src/app/workspaces/workspace-status/workspace-status.html
@@ -0,0 +1,4 @@
+<div class="workspace-status" flex layout="row" layout-align="start center">
+  <workspace-status-indicator che-status="status"></workspace-status-indicator>
+  <span class="workspace-status-text">{{status}}</span>
+</div>
diff --git a/dashboard/src/app/workspaces/workspace-status/workspace-status.styl b/dashboard/src/app/workspaces/workspace-status/workspace-status.styl
new file mode 100644
index 00000000000..0cb7abba332
--- /dev/null
+++ b/dashboard/src/app/workspaces/workspace-status/workspace-status.styl
@@ -0,0 +1,9 @@
+.workspace-status
+
+  .workspace-status-indicator span
+    width 20px
+    text-shadow: 0 0 1px #000
+
+  .workspace-status-text
+    padding-left 20px
+    color $label-info-color !important
diff --git a/dashboard/src/app/workspaces/workspaces-config.js b/dashboard/src/app/workspaces/workspaces-config.js
index 1be76c7d933..8e8c39eb0c4 100644
--- a/dashboard/src/app/workspaces/workspaces-config.js
+++ b/dashboard/src/app/workspaces/workspaces-config.js
@@ -34,7 +34,8 @@ import {WorkspaceSelectStack} from './create-workspace/select-stack/workspace-se
 
 import {CheWorkspaceRamAllocationSliderCtrl} from './workspace-ram-slider/che-workspace-ram-allocation-slider.controller';
 import {CheWorkspaceRamAllocationSlider} from './workspace-ram-slider/che-workspace-ram-allocation-slider.directive';
-import {WorkspaceStatusIndicator} from './workspace-status-indicator/workspace-status-indicator.directive';
+import {WorkspaceStatus} from './workspace-status/workspace-status.directive';
+import {WorkspaceStatusIndicator} from './workspace-status/workspace-status-indicator.directive';
 
 import {CheStackLibraryFilterCtrl} from './create-workspace/select-stack/stack-library/stack-library-filter/che-stack-library-filter.controller';
 import {CheStackLibraryFilter}     from './create-workspace/select-stack/stack-library/stack-library-filter/che-stack-library-filter.directive';
@@ -75,6 +76,7 @@ export class WorkspacesConfig {
     register.controller('CheWorkspaceRamAllocationSliderCtrl', CheWorkspaceRamAllocationSliderCtrl);
     register.directive('cheWorkspaceRamAllocationSlider', CheWorkspaceRamAllocationSlider);
 
+    register.directive('workspaceStatus', WorkspaceStatus);
     register.directive('workspaceStatusIndicator', WorkspaceStatusIndicator);
 
     register.controller('ReadyToGoStacksCtrl', ReadyToGoStacksCtrl);
diff --git a/dashboard/src/assets/branding/che-logo-text.svg b/dashboard/src/assets/branding/che-logo-text.svg
new file mode 100644
index 00000000000..ffa82425d5f
--- /dev/null
+++ b/dashboard/src/assets/branding/che-logo-text.svg
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+    Copyright (c) 2015-2016 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   width="100%"
+   height="100%"
+   viewBox="0 0 162 32"
+   id="svg3077">
+  <path fill="#000" class="outer-fill" d="M 0,1.264 V 25.54 H 16.932 V 23.568 H 2.312 V 13.98 H 15.844 V 12.008 H 2.312 V 3.236 h 14.45 V 1.264 H 0 z m 31.33,12.24 h 2.142 C 33.223,11.487 32.446,9.979 31.143,8.982 29.84,7.985 28.247,7.486 26.366,7.486 c -1.337,0 -2.522,0.249 -3.553,0.748 -1.031,0.499 -1.898,1.167 -2.601,2.006 -0.703,0.839 -1.235,1.819 -1.598,2.941 -0.363,1.122 -0.544,2.318 -0.544,3.587 0,1.269 0.181,2.465 0.544,3.587 0.363,1.122 0.895,2.102 1.598,2.941 0.703,0.839 1.57,1.502 2.601,1.989 1.031,0.487 2.216,0.731 3.553,0.731 1.995,0 3.627,-0.595 4.896,-1.785 1.269,-1.19 2.051,-2.85 2.346,-4.981 h -2.142 c -0.068,0.725 -0.249,1.394 -0.544,2.006 -0.295,0.612 -0.669,1.139 -1.122,1.581 -0.453,0.442 -0.975,0.788 -1.564,1.037 -0.589,0.249 -1.213,0.374 -1.87,0.374 -1.02,0 -1.915,-0.215 -2.686,-0.646 -0.771,-0.431 -1.411,-0.997 -1.921,-1.7 -0.51,-0.703 -0.895,-1.502 -1.156,-2.397 -0.261,-0.895 -0.391,-1.808 -0.391,-2.737 0,-0.929 0.13,-1.842 0.391,-2.737 0.261,-0.895 0.646,-1.694 1.156,-2.397 0.51,-0.703 1.15,-1.269 1.921,-1.7 0.771,-0.431 1.666,-0.646 2.686,-0.646 1.428,0 2.539,0.374 3.332,1.122 0.793,0.748 1.337,1.779 1.632,3.094 z M 35.834,1.264 V 25.54 h 2.138 V 1.264 h -2.138 z m 5.488,0 v 3.434 h 2.14 V 1.264 h -2.14 z m 0,6.732 V 25.54 h 2.14 V 7.996 h -2.14 z m 5.46,0 V 32 h 2.14 v -9.792 h 0.07 c 0.22,0.635 0.55,1.19 0.97,1.666 0.42,0.476 0.9,0.873 1.44,1.19 0.55,0.317 1.14,0.555 1.77,0.714 0.63,0.159 1.27,0.238 1.9,0.238 1.34,0 2.5,-0.244 3.49,-0.731 0.99,-0.487 1.81,-1.156 2.46,-2.006 0.66,-0.85 1.15,-1.836 1.47,-2.958 0.31,-1.122 0.47,-2.306 0.47,-3.553 0,-1.247 -0.16,-2.431 -0.47,-3.553 -0.32,-1.122 -0.81,-2.108 -1.47,-2.958 -0.65,-0.85 -1.47,-1.524 -2.46,-2.023 -0.99,-0.499 -2.15,-0.748 -3.49,-0.748 -1.42,0 -2.7,0.334 -3.82,1.003 -1.12,0.669 -1.93,1.615 -2.43,2.839 h -0.07 V 7.996 h -1.97 z m 14.04,8.772 c 0,0.907 -0.11,1.808 -0.32,2.703 -0.22,0.895 -0.56,1.694 -1.02,2.397 -0.47,0.703 -1.06,1.275 -1.79,1.717 -0.72,0.442 -1.6,0.663 -2.62,0.663 -1.13,0 -2.09,-0.221 -2.87,-0.663 -0.78,-0.442 -1.42,-1.014 -1.9,-1.717 -0.49,-0.703 -0.84,-1.502 -1.06,-2.397 -0.21,-0.895 -0.32,-1.796 -0.32,-2.703 0,-0.997 0.1,-1.949 0.29,-2.856 0.19,-0.907 0.53,-1.7 1,-2.38 0.48,-0.68 1.11,-1.224 1.91,-1.632 0.79,-0.408 1.78,-0.612 2.95,-0.612 1.02,0 1.9,0.221 2.62,0.663 0.73,0.442 1.32,1.014 1.79,1.717 0.46,0.703 0.8,1.502 1.02,2.397 0.21,0.895 0.32,1.796 0.32,2.703 z m 15.18,-3.638 h 2.14 c -0.04,-0.952 -0.24,-1.779 -0.58,-2.482 -0.34,-0.703 -0.79,-1.292 -1.37,-1.768 -0.58,-0.476 -1.25,-0.827 -2.01,-1.054 -0.76,-0.227 -1.58,-0.34 -2.46,-0.34 -0.77,0 -1.55,0.091 -2.33,0.272 -0.79,0.181 -1.49,0.465 -2.13,0.85 -0.63,0.385 -1.15,0.895 -1.55,1.53 -0.39,0.635 -0.59,1.394 -0.59,2.278 0,0.748 0.12,1.377 0.37,1.887 0.25,0.51 0.6,0.941 1.04,1.292 0.44,0.351 0.96,0.646 1.55,0.884 0.59,0.238 1.23,0.448 1.94,0.629 l 2.75,0.612 c 0.48,0.113 0.95,0.249 1.41,0.408 0.47,0.159 0.88,0.357 1.24,0.595 0.36,0.238 0.65,0.533 0.87,0.884 0.21,0.351 0.32,0.788 0.32,1.309 0,0.612 -0.15,1.128 -0.46,1.547 -0.3,0.419 -0.69,0.765 -1.17,1.037 -0.48,0.272 -0.99,0.465 -1.55,0.578 -0.55,0.113 -1.09,0.17 -1.61,0.17 -1.43,0 -2.63,-0.368 -3.59,-1.105 -0.96,-0.737 -1.49,-1.83 -1.58,-3.281 h -2.14 c 0.18,2.153 0.91,3.717 2.19,4.692 1.28,0.975 2.95,1.462 5.02,1.462 0.81,0 1.64,-0.091 2.48,-0.272 0.84,-0.181 1.59,-0.482 2.26,-0.901 0.67,-0.419 1.22,-0.963 1.65,-1.632 0.43,-0.669 0.64,-1.479 0.64,-2.431 0,-0.771 -0.14,-1.439 -0.44,-2.006 -0.29,-0.567 -0.67,-1.043 -1.14,-1.428 -0.46,-0.385 -0.99,-0.697 -1.6,-0.935 -0.6,-0.238 -1.2,-0.402 -1.81,-0.493 l -2.86,-0.646 c -0.36,-0.091 -0.76,-0.21 -1.19,-0.357 -0.43,-0.147 -0.83,-0.334 -1.19,-0.561 -0.36,-0.227 -0.66,-0.504 -0.9,-0.833 -0.24,-0.329 -0.36,-0.731 -0.36,-1.207 0,-0.567 0.13,-1.043 0.38,-1.428 0.25,-0.385 0.57,-0.697 0.98,-0.935 0.41,-0.238 0.86,-0.408 1.35,-0.51 0.48,-0.102 0.96,-0.153 1.44,-0.153 0.61,0 1.19,0.074 1.73,0.221 0.55,0.147 1.03,0.38 1.45,0.697 0.42,0.317 0.75,0.72 1,1.207 0.25,0.487 0.39,1.06 0.41,1.717 z m 17.66,2.414 h -11.35 c 0.09,-0.793 0.27,-1.57 0.56,-2.329 0.28,-0.759 0.66,-1.428 1.14,-2.006 0.47,-0.578 1.05,-1.043 1.73,-1.394 0.68,-0.351 1.46,-0.527 2.35,-0.527 0.86,0 1.63,0.176 2.31,0.527 0.68,0.351 1.26,0.816 1.73,1.394 0.48,0.578 0.85,1.241 1.11,1.989 0.26,0.748 0.4,1.53 0.42,2.346 z m -11.35,1.802 h 13.49 c 0.05,-1.224 -0.06,-2.431 -0.34,-3.621 -0.27,-1.19 -0.72,-2.244 -1.34,-3.162 -0.62,-0.918 -1.43,-1.66 -2.43,-2.227 -1,-0.567 -2.2,-0.85 -3.6,-0.85 -1.39,0 -2.58,0.266 -3.59,0.799 -1.01,0.533 -1.83,1.235 -2.47,2.108 -0.63,0.873 -1.1,1.864 -1.41,2.975 -0.3,1.111 -0.46,2.244 -0.46,3.4 0,1.247 0.16,2.431 0.46,3.553 0.31,1.122 0.78,2.108 1.41,2.958 0.64,0.85 1.46,1.519 2.47,2.006 1.01,0.487 2.2,0.731 3.59,0.731 2.22,0 3.93,-0.544 5.15,-1.632 1.21,-1.088 2.04,-2.629 2.5,-4.624 h -2.15 c -0.34,1.36 -0.95,2.448 -1.83,3.264 -0.89,0.816 -2.11,1.224 -3.67,1.224 -1.02,0 -1.9,-0.215 -2.62,-0.646 -0.73,-0.431 -1.33,-0.975 -1.8,-1.632 -0.48,-0.657 -0.83,-1.4 -1.04,-2.227 -0.22,-0.827 -0.32,-1.626 -0.32,-2.397 z m 42.39,-8.738 h 2.31 c -0.15,-1.269 -0.53,-2.391 -1.14,-3.366 -0.6,-0.975 -1.34,-1.796 -2.24,-2.465 -0.89,-0.669 -1.89,-1.173 -2.99,-1.513 -1.1,-0.34 -2.23,-0.51 -3.38,-0.51 -1.91,0 -3.58,0.346 -5.02,1.037 -1.44,0.691 -2.63,1.621 -3.59,2.788 -0.95,1.167 -1.66,2.51 -2.14,4.029 -0.47,1.519 -0.71,3.117 -0.71,4.794 0,1.677 0.24,3.275 0.71,4.794 0.48,1.519 1.19,2.856 2.14,4.012 0.96,1.156 2.15,2.08 3.59,2.771 1.44,0.691 3.11,1.037 5.02,1.037 1.42,0 2.72,-0.227 3.89,-0.68 1.17,-0.453 2.18,-1.099 3.04,-1.938 0.86,-0.839 1.57,-1.859 2.11,-3.06 0.54,-1.201 0.9,-2.55 1.05,-4.046 h -2.31 c -0.11,1.088 -0.37,2.102 -0.78,3.043 -0.41,0.941 -0.94,1.762 -1.6,2.465 -0.66,0.703 -1.44,1.258 -2.34,1.666 -0.91,0.408 -1.93,0.612 -3.06,0.612 -1.61,0 -3,-0.306 -4.15,-0.918 -1.16,-0.612 -2.1,-1.422 -2.84,-2.431 -0.74,-1.009 -1.28,-2.153 -1.63,-3.434 -0.35,-1.281 -0.53,-2.578 -0.53,-3.893 0,-1.337 0.18,-2.641 0.53,-3.91 0.35,-1.269 0.89,-2.408 1.63,-3.417 0.74,-1.009 1.68,-1.819 2.84,-2.431 1.15,-0.612 2.54,-0.918 4.15,-0.918 0.88,0 1.72,0.13 2.53,0.391 0.8,0.261 1.54,0.64 2.21,1.139 0.67,0.499 1.23,1.116 1.7,1.853 0.46,0.737 0.8,1.57 1,2.499 z m 4.95,-7.344 V 25.54 h 2.14 V 15.306 c 0.02,-0.861 0.16,-1.66 0.42,-2.397 0.27,-0.737 0.63,-1.371 1.09,-1.904 0.47,-0.533 1.03,-0.952 1.7,-1.258 0.67,-0.306 1.44,-0.459 2.3,-0.459 0.86,0 1.58,0.136 2.16,0.408 0.58,0.272 1.03,0.646 1.37,1.122 0.34,0.476 0.58,1.037 0.72,1.683 0.13,0.646 0.2,1.343 0.2,2.091 V 25.54 h 2.14 V 14.252 c 0,-1.043 -0.1,-1.983 -0.3,-2.822 -0.21,-0.839 -0.56,-1.547 -1.06,-2.125 -0.49,-0.578 -1.16,-1.026 -1.98,-1.343 -0.83,-0.317 -1.86,-0.476 -3.08,-0.476 -1.25,0 -2.39,0.323 -3.44,0.969 -1.04,0.646 -1.76,1.502 -2.17,2.567 h -0.07 V 1.264 h -2.14 z m 30.1,14.28 h -11.35 c 0.09,-0.793 0.28,-1.57 0.56,-2.329 0.28,-0.759 0.66,-1.428 1.14,-2.006 0.47,-0.578 1.05,-1.043 1.73,-1.394 0.68,-0.351 1.46,-0.527 2.35,-0.527 0.86,0 1.63,0.176 2.31,0.527 0.68,0.351 1.26,0.816 1.73,1.394 0.48,0.578 0.85,1.241 1.11,1.989 0.26,0.748 0.4,1.53 0.42,2.346 z m -11.35,1.802 h 13.5 c 0.04,-1.224 -0.07,-2.431 -0.34,-3.621 -0.28,-1.19 -0.72,-2.244 -1.35,-3.162 -0.62,-0.918 -1.43,-1.66 -2.43,-2.227 -1,-0.567 -2.2,-0.85 -3.6,-0.85 -1.38,0 -2.58,0.266 -3.59,0.799 -1.01,0.533 -1.83,1.235 -2.46,2.108 -0.64,0.873 -1.11,1.864 -1.42,2.975 -0.3,1.111 -0.45,2.244 -0.45,3.4 0,1.247 0.15,2.431 0.45,3.553 0.31,1.122 0.78,2.108 1.42,2.958 0.63,0.85 1.45,1.519 2.46,2.006 1.01,0.487 2.21,0.731 3.59,0.731 2.22,0 3.94,-0.544 5.15,-1.632 1.21,-1.088 2.04,-2.629 2.5,-4.624 h -2.14 c -0.34,1.36 -0.96,2.448 -1.84,3.264 -0.88,0.816 -2.11,1.224 -3.67,1.224 -1.02,0 -1.89,-0.215 -2.62,-0.646 -0.73,-0.431 -1.33,-0.975 -1.8,-1.632 -0.48,-0.657 -0.82,-1.4 -1.04,-2.227 -0.21,-0.827 -0.32,-1.626 -0.32,-2.397 z"/>
+</svg>
diff --git a/dashboard/src/assets/branding/product.json b/dashboard/src/assets/branding/product.json
index 5a287a87d34..efd7e4470a5 100644
--- a/dashboard/src/assets/branding/product.json
+++ b/dashboard/src/assets/branding/product.json
@@ -2,6 +2,7 @@
   "title": "Eclipse Che - Dashboard",
   "name": "Eclipse Che",
   "logoFile": "che-logo.svg",
+  "logoTextFile": "che-logo-text.svg",
   "favicon": "favicon.ico",
   "ideResources": "/ide/_app/",
   "helpPath": "https://www.eclipse.org/che/",
diff --git a/dashboard/src/assets/fonts/che.eot b/dashboard/src/assets/fonts/che.eot
index 277b502f816ac94a46a0f56bff2ec6a686c2c64a..4ae94f46b522326f6659103b1e39c1991f3a2015 100644
GIT binary patch
delta 847
zcmYjOPiWI{6n-y%n{{oPc1`T;WYW2grcSrm24z?oLxd>|852Y&vF+?!+myDr4TN1h
zh?~NQ;!Ok(dKd_sipVbW;K8F453)n`BFwWlwZ61Y{E{#4_rBlzUfwTx+_xDQHbVdd
zp;aNx?QZ#&S5M6^9R$Fe05Fv;S(Psjp7sDRQR2k4;^NG!4=*kNaQ6YcuM2rAC%pfj
zq}m2CT_6Ex(5Ce!v9D07FNkZ+uhj1&<!6d^){4AScgSC)yuV~ERB!+u(*8cmd&^cS
zUmWeeI|dLqOXBB>U8_%TpIZY64p6}_X98oHARw)Y%f7AMEAq$>@IsCh*uFTmz89O{
zn!hmsvy^*)aaDrr3p(p)Vae%YGN?F{%pqx<RM)@a++g&~Wm*C7M3(3tjU!{d<pn5{
z>UK#|>}cs6jJ9exS8piJ4x@YhAVUBY+7}#!{ps|wqTESU0Ce;g6er3(nr!&VLIgL;
zZITrlfi|fLwQSREN9cwLD8e&juorJJCz*TfdCt#`ac}rR{x<)X-*G;1PnKw8LXIvL
zMEX3`Gi8KhCNcgu>iY4$TPNg*?PCLslaGf^dV2(70LBPrP%{NlOC5`gh8Z&jRWs6N
zI<5(#j{WhpsUmg=NrqK0;bRof(J&*a9z?a1<#>)`S;>PPY)DllpI6{nzvq&ijP`VC
z@_r;pqUbE}FHf|GUip7$BOcRIG`40MVv3TH11)s5!|?FXaMpcn=)!4f$o*dc)BpUC
zGBr^Pn<+6K){YDgatR}m7>`6EqOR(ymQ**&auYG=l$EFl1E^pSL(Ux~8p~O=!d2U<
s=ENB*Tequ=(rnf)AD*A9)Wk~FzMjw4o##qXmgep1T&-ed^Q~9^0Y@E}+5i9m

delta 449
zcmXwzKS*0q6vn^v@?JD)@|q?NA(bi^Tfw-MAW^WEj2#?GHz~LIV_x(AVIIUlAyYRU
z!X1o@2;x$lk`AE=odj_ZltQ5dQI{?{x{2v|fgbp{=lh-S9PZJpy>xIg4s1Sa1+!|0
zoYmHwdUFDxF91FiEa6_;2X}xHVI|khM)~>R=Nh2qfpEK05=HGe`Gd1ptZan=m8r`8
z5i4D>yp7=4;D+!0Vn1&>1(C?bioBm@|H2X*E~T-}^CbI8TUaIYZEA~;>wSiQT&L#k
zoHjoLu^tD`<qAzL=^*Y|s}6NOK3%-W6Yxpk;<wfK{|^2R9w`Qc{U{Wla`}6@?2sTw
zjwwqNmG6~l`Bj-&05qNjSQ(beQFE9E%1r&e48P$aSCJcLRG(i(<*hQ?od`rIbjaAR
zsC=#Nj&qa33cis}CrVQ32ik!%HLv!xxb{xI)b?c~_`Pe4<U`%-*aML+FXQ9W2zw2;
kH229Ac2yTe%dm}_w=O)xu|r0|vFGYlw<ebprvF{wA6;%{;{X5v

diff --git a/dashboard/src/assets/fonts/che.svg b/dashboard/src/assets/fonts/che.svg
index 63889a4f84f..ccd11751d5a 100644
--- a/dashboard/src/assets/fonts/che.svg
+++ b/dashboard/src/assets/fonts/che.svg
@@ -25,39 +25,51 @@
     <glyph glyph-name="administration"
       unicode="&#xE002;"
       horiz-adv-x="150.58823529411765" d="M49.2819392941177 0L37.6470588235294 0C16.9411764705882 0 0 16.875 0 37.5C0 56.875 14.4313725882353 72.5 33.8823529411765 75C41.4117647058824 90 57.0980391764706 100 75.2941176470588 100C98.5098038823529 100 117.3333332941177 83.75 121.7254905882353 62.5C137.4117647058824 61.25 150.5882352941177 47.5 150.5882352941177 31.25C150.5882352941177 13.75 136.7843141176471 0 119.215685882353 0L101.5487131764706 0L109.4117647058824 0L109.4117647058824 8.6764705882353C109.4117647058824 20.3897058823529 86.4191176470588 26.0294117647059 74.7058823529412 26.0294117647059C62.9926470588235 26.0294117647059 40 20.3897058823529 40 8.6764705882353L40 0L49.2819392941177 0zM74.7058823529412 34.7058823529412C84.25 34.7058823529412 92.0588235294118 42.514705882353 92.0588235294118 52.0588235294118C92.0588235294118 61.6029411764705 84.25 69.4117647058824 74.7058823529412 69.4117647058824C65.1617647058824 69.4117647058824 57.3529411764706 61.6029411764705 57.3529411764706 52.0588235294118C57.3529411764706 42.514705882353 65.1617647058824 34.7058823529412 74.7058823529412 34.7058823529412z" />
-    <glyph glyph-name="icon-wkps"
+    <glyph glyph-name="dashboard"
       unicode="&#xE003;"
+      horiz-adv-x="100" d="M0 42.8571428571429H42.8571428571429V0H0V42.8571428571429zM57.1428571428572 42.8571428571429H100V0H57.1428571428572V42.8571428571429zM0 100H42.8571428571429V57.1428571428571H0V100zM57.1428571428572 100H100V57.1428571428571H57.1428571428572V100z" />
+    <glyph glyph-name="factory"
+      unicode="&#xE004;"
+      horiz-adv-x="75" d="M1.48749990625 0C1.48749990625 0 0.020833241125 10.779166875 1.554166575 13.55L12.45833321875 33.254166875C14.07083321875 26.5875 15.99166659375 19.620833125 18.37916659375 10.8750000000001L1.48749990625 0zM62.41666659375 33.483333125C60.78749990625 26.5833331250001 59.07083321875 20.0666668749999 56.71249990625 10.8124999999999L73.51250009375 0C73.51250009375 0 74.97500009375 10.7749999999999 73.44166634375 13.55L62.41666659375 33.483333125zM31.47083321875 0L43.53333321875 0L45.83333321875 8.333333125L29.16666659375 8.333333125L31.47083321875 0L31.47083321875 0zM37.49999990625 100C22.96249990625 89.5708333125 16.66666659375 77.1333333125 16.66666659375 61.7041666875C16.66666659375 47.7875000000001 21.44166659375 31.391666875 26.58333321875 12.5L48.55416659375 12.5C53.47499990625 31.95 58.18749990625 48.2374999999999 58.33333321875 61.8499999999999C58.49999990625 77.3958333125 52.32916659375 89.5125 37.49999990625 100L37.49999990625 100zM48.64166659375 72.7541666875C46.31666659375 71.4874999999999 37.49999990625 70.8333333124999 37.49999990625 70.8333333124999C37.49999990625 70.8333333124999 28.86666659375 71.4375 26.49583321875 72.6375000000001C28.33749990625 78.9375 31.92916659375 84.4041666875 37.54999990625 89.4041666874999C43.29583321875 84.4 46.86666659375 79.025 48.64166659375 72.7541666875z" />
+    <glyph glyph-name="icon-wkps"
+      unicode="&#xE005;"
       horiz-adv-x="100" d="M42.5317770588235 78.8602941176471L42.5317770588235 78.8602941176471L40.2017688235294 78.8602941176471L39.53676 81.0933864705882L37.6755282352941 87.3433866470588L40.6705447058824 85.1102941176471L3.125 85.1102941176471L6.25 88.2352941176471L6.25 75.7352941176471L6.25 69.4852941176471L3.125 72.6102941176471L96.875 72.6102941176471L93.75 69.4852941176471L93.75 81.9852941176471L96.875 78.8602941176471L42.5317770588235 78.8602941176471zM42.5317770588235 81.9852941176471L96.875 81.9852941176471L96.875 69.4852941176471L3.125 69.4852941176471L3.125 75.7352941176471L3.125 88.2352941176471L40.6705447058824 88.2352941176471L42.5317770588235 81.9852941176471L42.5317770588235 81.9852941176471zM31.25 16.3602941176471L0 16.3602941176471L0 72.6102941176471L100 72.6102941176471L100 16.3602941176471L37.5 16.3602941176471L37.5 19.4852941176471L96.875 19.4852941176471L96.875 69.4852941176471L3.125 69.4852941176471L3.125 19.4852941176471L31.25 19.4852941176471L31.25 16.3602941176471zM42.9840117647059 47.0934958823529C47.9434841176471 46.2297505882353 53.125 45.0147758823529 53.125 45.0147758823529L53.125 59.4692370588235C53.125 59.4692370588235 25.5767823529412 60.5909482352941 19.1686 57.7833211764706C12.3409170588235 55.1109382352941 9.375 45.0147758823529 9.375 45.0147758823529C9.375 45.0147758823529 12.9858135294118 44.1264552941176 13.59965 45.0147764705882C16.1514282352941 48.7076123529412 17.8166694117647 51.2163905882353 24.8891188235294 51.2163905882353C25.0120717647059 51.2163905882353 25.1331658823529 51.2135747058824 25.2525364705882 51.2080964705882L28.1249970588235 32.3518470588235L40.6249970588235 32.3518470588235L42.9840088235294 47.0934847058824L42.9840088235294 47.0934847058824zM53.125 60.1072923529412C53.125 61.83484 54.5120776470588 63.2352941176471 56.25 63.2352941176471L59.375 63.2352941176471L59.375 41.0751882352941L56.25 41.0751882352941C54.5241105882353 41.0751882352941 53.125 42.4614023529412 53.125 44.20319L53.125 60.1072923529412L53.125 60.1072923529412zM28.125 29.1861294117647L40.625 29.1861294117647L40.625 3.8602941176471L28.125 3.8602941176471L28.125 29.1861294117647L28.125 29.1861294117647zM31.25 25.2465411764706L37.5 25.2465411764706L37.5 6.2521647058824L31.25 6.2521647058824L31.25 25.2465411764706L31.25 25.2465411764706z" />
+    <glyph glyph-name="project"
+      unicode="&#xE006;"
+      horiz-adv-x="140" d="M60 0L30 49.999997L0 49.999997L30.008545 0zM30 49.0000033L0 49.0000033L30.008545 99.000003L60 99.000003zM80 0L110 49.999997L140 49.999997L109.99145 0zM110 49.0000033L140 49.0000033L109.99145 99.000003L80 99.000003z" />
     <glyph glyph-name="rocket-icon"
-      unicode="&#xE004;"
+      unicode="&#xE007;"
       horiz-adv-x="80" d="M49.9832475 12.82961L30.2585935 12.82961L34.312268 5.7419899999999L45.929089 5.7419899999999L49.9832475 12.82961L49.9832475 12.82961zM48.8645835 58.7674749999999C48.8645835 53.8584950000001 44.895396 49.8791249999999 39.999758 49.8791249999999C35.103636 49.8791249999999 31.1344485 53.85874 31.1344485 58.7674749999999C31.1344485 63.6767 35.103636 67.65607 39.999758 67.65607C44.895638 67.65607 48.8645835 63.6767 48.8645835 58.7674749999999L48.8645835 58.7674749999999zM57.2251505 84.32694C51.603991 89.962865 44.910405 89.72961 39.9777285 100C34.9968775 89.6281550000001 28.026107 90.1691750000001 22.456511 84.58398C6.3640655 68.4495149999999 17.76737 38.056795 28.046684 17.6453900000001L51.952832 17.6453900000001C62.2326305 38.0577650000001 73.7199375 67.7881050000001 57.2251505 84.32694L57.2251505 84.32694zM39.999758 45.0259700000001C32.4424215 45.0259700000001 26.2940055 51.19029 26.2940055 58.7674749999999C26.2940055 66.34466 32.4424215 72.5089800000001 39.999758 72.5089800000001C47.556853 72.5089800000001 53.7050265 66.34466 53.7050265 58.7674749999999C53.7050265 51.19029 47.556853 45.0259700000001 39.999758 45.0259700000001L39.999758 45.0259700000001zM74.500896 25.55825C71.9747635 28.9284000000001 69.689503 32.06796 67.322903 35.2276699999999C64.6980005 27.1822800000001 61.678019 21.312135 59.5963505 16.9723300000001C59.5963505 16.9723300000001 64.0826265 14.246115 65.7994765 13.0638350000001C68.336987 11.31675 70.304151 9.5267000000001 69.2021905 5.85801C68.81389 4.5655350000001 67.56087 0 67.56087 0L72.6632465 0C72.6632465 0 75.8662425 5.2961149999999 78.3357275 9.8669899999999C81.6943825 16.085435 79.744649 18.5623799999999 74.500896 25.55825L74.500896 25.55825zM1.6642725 9.8669899999999C4.133516 5.2961149999999 7.3365115 0 7.3365115 0L12.438888 0C12.438888 0 11.185626 4.5655350000001 10.7975675 5.85801C9.695365 9.5267000000001 11.662529 11.31675 14.2002815 13.0638350000001C15.917132 14.245875 20.403408 16.9723300000001 20.403408 16.9723300000001C18.321739 21.312135 15.301758 27.1820399999999 12.6768555 35.2276699999999C10.310255 32.06796 8.0247525 28.9284000000001 5.498862 25.55825C0.2548675 18.5623799999999 -1.6948665 16.085435 1.6642725 9.8669899999999L1.6642725 9.8669899999999z" />
     <glyph glyph-name="type-aspnet"
-      unicode="&#xE005;"
+      unicode="&#xE008;"
       horiz-adv-x="374.7126436781609" d="M127.8994252873563 34.4080459770115L115.8994252873563 34.4080459770115L114.2442528735632 28.2011494252874L103.485632183908 28.2011494252874L116.3132183908046 65.8563218390805L127.7959770114942 65.8563218390805L140.6235632183908 28.2011494252874L129.6063218390804 28.2011494252874L127.8994252873563 34.4080459770115L127.8994252873563 34.4080459770115zM125.6752873563218 42.5287356321839L121.8994252873563 56.0804597701149L118.1752873563218 42.5287356321839L125.6752873563218 42.5287356321839L125.6752873563218 42.5287356321839zM136.2787356321839 40.6666666666667L146.3132183908046 41.3908045977012C146.5718390804597 39.580459770115 146.985632183908 38.2356321839081 147.6580459770115 37.3045977011494C148.7442528735632 35.8045977011494 150.2959770114942 35.0287356321839 152.3132183908046 35.0287356321839C153.8132183908046 35.0287356321839 154.9511494252873 35.3908045977012 155.7787356321839 36.2183908045977C156.5545977011494 36.9942528735632 157.0201149425287 37.9252873563218 157.0201149425287 38.9080459770115C157.0201149425287 39.8908045977012 156.6580459770115 40.7701149425288 155.8304597701149 41.5459770114943C155.0545977011494 42.3218390804598 153.2442528735632 43.0459770114943 150.4511494252873 43.7183908045977C145.8477011494253 44.8563218390805 142.5373563218391 46.4080459770115 140.5718390804598 48.2701149425288C138.6063218390805 50.132183908046 137.6235632183908 52.6149425287356 137.6235632183908 55.5114942528736C137.6235632183908 57.4252873563219 138.1408045977012 59.2873563218391 139.1235632183908 60.9942528735632C140.1580459770115 62.7011494252874 141.6580459770115 64.0459770114943 143.6752873563218 65.0287356321839C145.6925287356322 66.0114942528736 148.485632183908 66.4770114942529 152.0545977011494 66.4770114942529C156.3994252873563 66.4770114942529 159.7614942528736 65.5977011494253 161.985632183908 63.7873563218391C164.2614942528735 61.9770114942529 165.6063218390805 59.183908045977 166.0201149425287 55.2528735632184L156.0890804597701 54.580459770115C155.8304597701149 56.2873563218391 155.3132183908046 57.5287356321839 154.433908045977 58.3045977011494C153.6063218390805 59.0804597701149 152.4166666666667 59.4425287356322 150.9683908045977 59.4425287356322C149.7270114942529 59.4425287356322 148.7959770114943 59.183908045977 148.1752873563219 58.6149425287356C147.5545977011494 58.0459770114943 147.2442528735632 57.3218390804598 147.2442528735632 56.5459770114943C147.2442528735632 55.9252873563219 147.5028735632184 55.4080459770115 148.0201149425287 54.9425287356322C148.5373563218391 54.4252873563218 149.7270114942529 54.0114942528736 151.5373563218391 53.5977011494253C156.1408045977012 52.5114942528736 159.3994252873563 51.3735632183908 161.4166666666667 50.2356321839081C163.382183908046 49.0977011494253 164.882183908046 47.7528735632184 165.7614942528736 46.0459770114943C166.6408045977012 44.3908045977012 167.1063218390805 42.5287356321839 167.1063218390805 40.4597701149425C167.1063218390805 38.080459770115 166.485632183908 35.8563218390805 165.2442528735632 33.7873563218391C164.0028735632184 31.7701149425287 162.3477011494253 30.2183908045977 160.1752873563218 29.183908045977C158.0028735632184 28.1494252873563 155.2614942528735 27.632183908046 151.9511494252873 27.632183908046C146.1580459770115 27.632183908046 142.1235632183908 28.8735632183908 139.9511494252873 31.3563218390805C137.882183908046 33.7356321839081 136.5890804597701 36.8390804597701 136.2787356321839 40.6666666666667L136.2787356321839 40.6666666666667L136.2787356321839 40.6666666666667zM166.6925287356322 65.8563218390805L184.1752873563218 65.8563218390805C188.0028735632184 65.8563218390805 190.8477011494253 64.8735632183908 192.7614942528735 62.8563218390805C194.6235632183908 60.8908045977012 195.6063218390804 57.9942528735632 195.6063218390804 54.3218390804598C195.6063218390804 50.4942528735632 194.5718390804597 47.5459770114943 192.5028735632184 45.4252873563218C190.433908045977 43.3045977011494 187.2787356321839 42.2183908045977 183.0373563218391 42.2183908045977L177.2959770114942 42.2183908045977L177.2959770114942 28.2011494252874L166.6925287356322 28.2011494252874L166.6925287356322 65.8563218390805L166.6925287356322 65.8563218390805zM177.2442528735632 49.8218390804598L179.8304597701149 49.8218390804598C181.8477011494253 49.8218390804598 183.2959770114942 50.183908045977 184.1235632183908 51.0114942528736C184.8994252873563 51.7873563218391 185.3649425287357 52.8218390804598 185.3649425287357 53.9597701149425C185.3649425287357 55.0977011494253 185.0028735632184 56.183908045977 184.2787356321839 56.9597701149425C183.5545977011495 57.7356321839081 182.2614942528736 58.2011494252874 180.2959770114943 58.2011494252874L177.2959770114943 58.2011494252874L177.2959770114943 49.8218390804598L177.2442528735632 49.8218390804598L177.2442528735632 49.8218390804598zM199.7959770114942 28.6149425287356L199.7959770114942 60.7356321839081L204.0890804597701 60.7356321839081L204.0890804597701 56.183908045977C206.1580459770115 59.7011494252874 209.1580459770115 61.4597701149425 213.0373563218391 61.4597701149425C214.7442528735632 61.4597701149425 216.2959770114943 61.1494252873563 217.6925287356322 60.4252873563218C219.0890804597701 59.7011494252874 220.1752873563219 58.8218390804598 220.8994252873563 57.683908045977C221.6235632183908 56.5459770114943 222.0890804597701 55.2528735632184 222.3994252873563 53.7011494252874C222.6063218390805 52.7183908045977 222.6580459770115 50.9080459770115 222.6580459770115 48.4252873563218L222.6580459770115 28.7183908045977L217.8994252873564 28.7183908045977L217.8994252873564 48.2183908045977C217.8994252873564 50.4425287356322 217.6925287356322 52.0977011494253 217.330459770115 53.183908045977C216.9683908045977 54.2701149425287 216.2959770114943 55.1494252873563 215.3649425287356 55.8218390804598C214.433908045977 56.4942528735632 213.2959770114942 56.8045977011494 212.0028735632184 56.8045977011494C209.985632183908 56.8045977011494 208.2270114942529 56.0287356321839 206.7270114942529 54.5804597701149C205.2787356321839 53.132183908046 204.5028735632184 50.3390804597701 204.5028735632184 46.2011494252874L204.5028735632184 28.6666666666667L199.7959770114942 28.6149425287356L199.7959770114942 28.6149425287356zM249.1925287356322 38.9597701149425L254.1063218390805 38.235632183908C253.3304597701149 34.9252873563218 251.882183908046 32.3908045977012 249.8132183908046 30.5804597701149C247.6925287356322 28.7701149425287 245.0028735632184 27.8390804597701 241.7442528735632 27.8390804597701C237.6580459770115 27.8390804597701 234.3994252873563 29.2873563218391 231.9683908045977 32.183908045977C229.5890804597701 35.0804597701149 228.3477011494253 39.1149425287356 228.3477011494253 44.3390804597701C228.3477011494253 49.7701149425287 229.5890804597701 53.9080459770115 231.9683908045977 56.9080459770115C234.3994252873563 59.8563218390805 237.5545977011494 61.4080459770115 241.433908045977 61.4080459770115C245.2097701149425 61.4080459770115 248.2614942528736 59.9597701149425 250.6408045977011 57.0114942528736C253.0201149425287 54.0632183908046 254.2097701149425 49.9770114942529 254.2097701149425 44.7011494252874C254.2097701149425 44.3908045977011 254.2097701149425 43.9252873563218 254.1580459770115 43.2528735632184L233.1580459770115 43.2528735632184C233.3649425287356 39.735632183908 234.1925287356322 37.0459770114943 235.7959770114942 35.132183908046C237.3477011494252 33.2701149425287 239.3132183908046 32.2873563218391 241.6925287356321 32.2873563218391C243.4511494252873 32.2873563218391 244.9511494252873 32.8045977011494 246.1925287356321 33.8390804597701C247.485632183908 34.9770114942529 248.4683908045976 36.683908045977 249.1925287356322 38.9597701149425L249.1925287356322 38.9597701149425L249.1925287356322 38.9597701149425zM233.5201149425288 47.7528735632184L249.2442528735632 47.7528735632184C249.0373563218391 50.4425287356322 248.4683908045977 52.4597701149425 247.433908045977 53.8563218390805C245.933908045977 55.9252873563218 243.9683908045977 57.0114942528736 241.5373563218391 57.0114942528736C239.3649425287357 57.0114942528736 237.5545977011495 56.183908045977 236.0028735632184 54.5287356321839C234.5028735632184 52.8218390804598 233.7270114942529 50.5459770114943 233.5201149425288 47.7528735632184L233.5201149425288 47.7528735632184L233.5201149425288 47.7528735632184zM270.5028735632184 33.4770114942529L271.2270114942529 28.6666666666667C269.882183908046 28.3563218390805 268.6925287356322 28.2011494252874 267.6580459770115 28.2011494252874C265.8994252873564 28.2011494252874 264.6063218390805 28.5114942528736 263.6752873563218 29.132183908046C262.7442528735632 29.7528735632184 262.0718390804598 30.5804597701149 261.6580459770115 31.5632183908046C261.2959770114943 32.5459770114942 261.0890804597701 34.7183908045977 261.0890804597701 37.9770114942529L261.0890804597701 56.4425287356322L245.8304597701149 56.4425287356322L245.8304597701149 60.683908045977L261.0373563218391 60.683908045977L261.0373563218391 68.6494252873563L265.7959770114942 71.9080459770115L265.7959770114942 60.683908045977L270.6063218390804 60.683908045977L270.6063218390804 56.4425287356322L265.7959770114942 56.4425287356322L265.7959770114942 37.7183908045977C265.7959770114942 36.1666666666667 265.8994252873563 35.183908045977 266.0545977011494 34.7701149425287C266.2614942528735 34.3563218390805 266.4683908045977 33.9942528735632 266.8304597701149 33.683908045977C267.1925287356322 33.4252873563218 267.7614942528736 33.3218390804598 268.433908045977 33.3218390804598C268.9511494252874 33.2701149425287 269.6752873563218 33.3218390804598 270.5028735632184 33.4770114942529L270.5028735632184 33.4770114942529L270.5028735632184 33.4770114942529zM192.7097701149425 36.9425287356322C194.7787356321839 36.9425287356322 196.5373563218391 35.183908045977 196.5373563218391 33.0632183908046C196.5373563218391 30.9425287356322 194.8304597701149 29.183908045977 192.7097701149425 29.183908045977C190.6408045977011 29.183908045977 188.882183908046 30.9425287356322 188.882183908046 33.0632183908046C188.882183908046 35.183908045977 190.5890804597701 36.9425287356322 192.7097701149425 36.9425287356322L192.7097701149425 36.9425287356322L192.7097701149425 36.9425287356322z" />
     <glyph glyph-name="type-cpp"
-      unicode="&#xE006;"
+      unicode="&#xE009;"
       horiz-adv-x="100" d="M64.00787434 59.3218952L64.00787434 49.9728412L72.94784034 49.9728412L72.94784034 47.0170532L64.00787434 47.0170532L64.00787434 37.6023152L60.80091034 37.6023152L60.80091034 47.0170532L51.90487434 47.0170532L51.90487434 49.9728412L60.80091034 49.9728412L60.80091034 59.3218952L64.00787434 59.3218952zM89.48787434 59.3218952L89.48787434 49.9728412L98.42784034 49.9728412L98.42784034 47.0170532L89.48787434 47.0170532L89.48787434 37.6023152L86.28091034 37.6023152L86.28091034 47.0170532L77.38487434 47.0170532L77.38487434 49.9728412L86.28091034 49.9728412L86.28091034 59.3218952L89.48787434 59.3218952zM45.96996034 34.3178952C46.57401634 34.3178952 47.09569234 34.0852652 47.53500434 33.6199992L51.90065034 28.8989472C49.48443234 25.9157752 46.51225234 23.6305352 42.98402434 22.0431572C39.45579434 20.4557812 35.22061034 19.6621052 30.27834434 19.6621052C25.85776234 19.6621052 21.88341634 20.4147292 18.35518774 21.9199992C14.82695874 23.4252712 11.81359454 25.5189332 9.31500454 28.2010532C6.81641434 30.8831712 4.90131494 34.0852452 3.56964894 37.8073692C2.23798274 41.5294932 1.57215966 45.5936612 1.57215966 49.9999992C1.57215966 54.4610752 2.31348844 58.5457712 3.79616834 62.2542104C5.27884814 65.96265 7.36555134 69.1578812 10.05634074 71.8399998C12.74712994 74.5221186 15.96641894 76.6089398 19.71430414 78.1005262C23.46218834 79.5921126 27.60127434 80.33789462 32.13168634 80.33789462C36.55226834 80.33789462 40.41678834 79.63316482 43.72536034 78.2236842C47.03393234 76.8142034 49.86882834 74.9463274 52.23013434 72.6199998L48.52345234 67.488421C48.30379634 67.1599982 48.02236634 66.8726328 47.67915234 66.6263156C47.33594034 66.3799986 46.86231434 66.256842 46.25825834 66.256842C45.62674634 66.256842 44.98151634 66.5031554 44.32254834 66.9957894C43.66357834 67.4884234 42.82615234 68.0221022 41.81024234 68.596842C40.79433034 69.1715818 39.51073434 69.7052606 37.95941234 70.1978946C36.40808834 70.6905286 34.43807634 70.936842 32.04931434 70.936842C29.24869834 70.936842 26.67463834 70.4510574 24.32706234 69.4794736C21.97948634 68.5078898 19.96142454 67.1189562 18.27281694 65.3126314C16.58420934 63.5063066 15.26629154 61.3100128 14.31902394 58.7236832C13.37175614 56.1373552 12.89812954 53.2294892 12.89812954 49.9999992C12.89812954 46.6610352 13.37175614 43.6915912 14.31902394 41.0915792C15.26629154 38.4915652 16.54988854 36.3021132 18.16985354 34.5231572C19.78981854 32.7442012 21.69805434 31.3826372 23.89461634 30.4384212C26.09118034 29.4942052 28.45244834 29.0221052 30.97849634 29.0221052C32.48863234 29.0221052 33.85460034 29.1042052 35.07643834 29.2684212C36.29827634 29.4326412 37.42399634 29.6926292 38.45363634 30.0484212C39.48327434 30.4042132 40.45798434 30.8626292 41.37779434 31.4236832C42.29760634 31.9847392 43.21053834 32.6757852 44.11662034 33.4968412C44.39119034 33.7431592 44.67948634 33.9415772 44.98151234 34.0921052C45.28354034 34.2426252 45.61302034 34.3178952 45.96996034 34.3178952L45.96996034 34.3178952z" />
     <glyph glyph-name="type-go"
-      unicode="&#xE007;"
+      unicode="&#xE00A;"
       horiz-adv-x="100" d="M47.687499988773 103.6875000117223C39.2078279476052 103.4947980108831 28.4237578952497 101.3008030813284 19.5624998522293 92.9374999649066C17.8241670437899 91.2802553576893 10.9232918102868 95.9050575778302 8.1249997967014 90.6249999548357C4.8603257808518 84.458509127981 14.7587804289077 83.8613789253805 14.2499998264376 81.1249999134637C13.2748374217033 76.1918058919798 13.9243294248565 68.8945858602008 14.6874998285617 61.6874998288142C15.1173352306485 57.2639338095498 14.0761144255935 50.5633737803692 13.5624998230999 43.3124997487919C11.2564864119045 43.1437597480571 9.8303002049805 36.5499477193413 13.3124998218862 35.9374997166741C13.3982158223023 25.705211672113 15.7570178337541 15.3758836271292 25.4999998810552 9.1874996001791C24.553711876461 9.2198796003201 23.6831338722346 8.8207055985817 22.7499998677042 7.5624995931023C21.9020318635874 6.4448215882348 21.8307518632414 5.6406075847325 23.1874998698282 5.0624995822149C28.3600998949406 2.9042295728157 32.9883319174102 5.8156475854948 31.2499999089708 6.6249995890195C30.9486359075077 6.7635395896229 30.7210879064031 6.9149375902822 30.4374999050262 7.0624995909248C35.5161479296825 5.6962115849747 43.4411679681576 4.8984715815006 50.5625000027308 4.749999580854L50.6250000030343 4.749999580854C57.1322260346261 4.8856595814448 63.6798520664141 5.5337235842671 68.3750000892087 6.6874995892917C67.913470086968 5.6473895847621 72.0996341072913 3.4971295753978 76.7500001298684 5.437499583848C78.1067461364552 6.0156075863656 78.0979661364126 6.819823589868 77.2500001322958 7.9374995947354C76.5084981286959 8.9373155990895 75.7392261249612 9.3602536009314 75.0000001213723 9.49999960154C84.3124621665833 15.7212576286333 86.5945161776624 25.8797136728729 86.6875001781138 35.9374997166741C90.0960881946622 36.6133077196172 88.730624188033 43.1446997480612 86.4375001769001 43.3124997487919C85.931388174443 50.5891657804815 84.8665821692735 57.2566698095182 85.3125001714384 61.6874998288142C86.0332741749376 68.8945858602008 86.6827641780908 76.1918058919798 85.7500001735624 81.1249999134637C85.2412181710923 83.8613789253805 95.1396762191482 84.4970497281488 91.8750002032986 90.6249999548357C89.0343101895073 95.9050575778302 82.1758341562102 91.2802553576893 80.4375001477708 92.9374999649066C71.5338461045445 101.2622624211605 60.7497760521889 103.3020944100439 52.3125000112269 103.6875000117223L47.687499988773 103.6875000117223zM33.997952478763 88.0283234709208C48.1590053137075 86.5252413748131 46.2510785581155 73.11312425947 40.7816906281863 68.758039943408C30.6060835128151 60.66452179646 20.0064927005658 68.758039943408 21.1936468821531 76.9286402663802C22.2960043939736 84.790915779453 29.6309211905434 88.4908102530813 33.997952478763 88.0283234709208L33.997952478763 88.0283234709208zM28.2317754106739 76.4661530515311C28.2317754106739 74.0396212223265 30.3957682497918 72.0725285128342 33.0651886980258 72.0725285128342C35.7346091462598 72.0725285128342 37.8986019853778 74.0396212223265 37.8986019853778 76.4661530515311C37.8986019853778 78.8926848807358 35.7346091462598 80.859777590228 33.0651886980258 80.859777590228C30.3957682497918 80.859777590228 28.2317754106739 78.8926848807358 28.2317754106739 76.4661530515311zM32.8107986017144 78.3546410518409C32.8107986017144 77.5883678256391 33.4941647988543 76.9671806404561 34.337139723402 76.9671806404561C35.1801146479497 76.9671806404561 35.8634808450897 77.5883678256391 35.8634808450897 78.3546410518409C35.8634808450897 79.1209142780427 35.1801146479497 79.7421014632257 34.337139723402 79.7421014632257C33.4941647988543 79.7421014632257 32.8107986017144 79.1209142780427 32.8107986017144 78.3546410518409zM15.9965234588482 89.7148887524049C16.2509136204179 88.9055367213658 15.1061577845904 89.021158470992 14.682174109465 86.5160217162606C14.512580813437 85.5910479355953 10.8663214683918 87.8649414074186 12.350264113803 89.522185908476C13.5374182736375 90.9096462549575 15.7421332972785 90.5242405670997 15.9965234588482 89.7148887524049L15.9965234588482 89.7148887524049zM88.4511172418756 88.792242403719C88.9076034708796 87.8425636184038 89.8394616838016 85.9295683521343 86.5721956298016 85.6641305545454C86.5117011764316 85.6592195389354 86.3560166015416 85.6704910769654 86.2926116275456 85.6667266861454C86.2806476040456 85.6013387849134 86.1083221601056 85.7181560531414 86.0880050729256 85.7356734511124C86.0146112269456 85.7990147352664 85.9698005207456 85.8692379316034 85.9329948339056 85.8908442368444C85.7560142971856 85.9946981546164 85.7902096516256 86.0940802357074 85.7469868976356 86.4188015637595C85.7052020017426 86.7326909653992 85.7052803117146 87.1197594755468 85.4841982090966 87.4219455159337C85.2834919261376 87.6962843670575 84.8817682956086 87.9706595640237 84.5620134529936 88.2478327418218C84.2444382379326 88.5231168011923 84.1909721045496 88.6263037294874 84.1987530703786 88.9688481500064C84.2001191443346 89.0289810481914 84.1946200440786 89.1038231953334 84.2354499933686 89.1876172369208C84.2752140569286 89.2340944828898 84.3089526031986 89.2935480599728 84.3521318516486 89.3348222255268C85.5978238031916 90.5256677904468 88.2052630847816 89.5744832488036 88.4511172418756 88.792242403719zM53.7563605329385 65.816869326902C54.3071972265405 65.611298973042 54.6890997330455 65.409023542871 55.0969728716535 65.204621448231C55.1989281046435 65.153520924571 55.3025147953835 65.106444404891 55.4107718058425 65.066377440531C60.7278318308205 63.098994298963 59.4018634568695 60.19251463717 56.4274310173326 58.665344550356C55.9539841535595 58.422262258319 55.3111658720125 58.315312453614 54.6664094186585 58.170723067595C54.0314852173445 58.028346883765 54.2112087783615 58.101903945765 53.8109752125775 58.029580046275C52.4942234872756 57.792034004875 50.6614938822966 57.981162191935 49.5153208535035 57.978977114505C48.0862769789075 57.976164638605 46.8014996502285 57.981356901805 45.7213702064325 58.009957618265C41.6154326309135 58.118519188005 40.0127429192386 61.700358687665 41.8275982731085 63.547523628609C42.9874015875835 64.742670118213 44.4687956784615 65.344875294478 46.3684019995285 65.935540665781C46.6640373707675 66.027465358851 46.8284513322585 66.303393042514 47.3832209266765 66.576168589726C47.6914098214825 66.727696137446 48.0471850759406 66.859696448648 48.3230319523105 66.961135964032C48.6152303858895 67.068594177842 49.0747010949375 67.228048580714 49.3581657913615 67.244296037644C49.6346239205685 67.260089171544 49.8148804244505 67.255545941244 50.0477155486995 67.261819925944C50.9128993462945 67.285120207054 51.8259566401055 66.837927885182 52.4881087836286 66.514850124777C52.7125821430895 66.405315005687 52.8131908796165 66.358800981187 52.9897994439695 66.251810071065C53.0889050640895 66.191774527815 53.2306591650715 66.094592668255 53.4932303259105 65.907208216253zM51.8850219364865 57.991142154494C52.1074983916615 58.019223644634 52.2332381033695 57.977728807894 52.4412837709265 58.014182822444C52.9199556500535 58.097929700974 53.3007096103026 58.172157430304 53.5032561776035 58.085684613594C53.6219827962635 58.034995144104 53.6589625052635 57.955142462974 53.6731235585336 57.848742172791C53.6822597219336 57.779901416531 53.6460196071135 57.868429504091 53.7406006510735 57.761663592041C54.0896151446155 57.367285240685 54.1055229453165 56.275244117575 53.9806729219015 55.682101604037C53.8820893682615 55.213781097827 53.7626470834685 54.524551426887 53.4989273763735 54.0821078624C53.4562266888635 54.01047626467 53.4475690864036 53.93036397038 53.4249679583735 53.89473206417C53.3469407723836 53.7716537919 53.2974967261735 53.75237751477 53.2604735116335 53.68823142982C53.2339786377735 53.64232316936 53.1159916132935 53.54656918218 52.9750162614775 53.468864799949C52.7120840046565 53.323935753379 52.8731697923375 53.382197273369 52.5946146961025 53.307277242279C52.3653905316736 53.245748923359 52.0514066989395 53.225023139419 51.8006820966425 53.202739676519C49.8117632525095 53.026029652279 50.3203647678795 53.105428010379 49.5648801893945 53.080981104479C48.1715021564906 53.035894952359 46.8845560766425 53.252217617929 46.3517176249385 53.52099728592C45.1317526744745 54.136362685954 44.8337571276905 56.812054902279 45.5049410213175 57.828615662562C45.7380132507595 58.186016446162 45.5986519544775 58.08865285739 45.8449172389245 58.09202782847C46.5499375662865 58.10176332197 48.5744156635385 58.09505664867 49.5517915476855 58.05752091262C50.2663069591525 58.03008845538 50.4799844188625 58.17196704732 50.8425900431005 58.03417736265C51.0086506892805 57.97106973034 51.1935796881585 58.07052320505 51.3382486603205 58.03828790435zM66.1454616709546 86.3209066C70.2372616709546 85.8865946 73.6589776709546 83.7779286 75.5631436709546 81.8705206C80.2489876709546 77.176692 79.0281056709546 69.536272 75.1390916709546 66.439578C69.7106376709546 62.318714 64.2576016709546 63.403076 59.8877436709545 66.729968C57.2641936709546 68.727346 57.1254856709546 69.665802 56.1045436709545 71.298518C55.5495756709545 72.186038 55.1445236709545 73.905944 54.8979856709546 75.018344C54.7291256709545 77.807966 55.0649656709545 81.0220586 56.6818636709545 82.7830686C59.4924736709546 85.8441806 63.3732516709546 86.6144966 66.1454616709546 86.3209066zM60.2665314106738 75.5847276515311C60.2665314106738 73.1581958223265 62.4305242497919 71.1911031128342 65.0999446980259 71.1911031128342C67.7693651462599 71.1911031128342 69.9333579853779 73.1581958223265 69.9333579853779 75.5847276515311C69.9333579853779 78.0112594807358 67.7693651462599 79.978352190228 65.0999446980259 79.978352190228C62.4305242497919 79.978352190228 60.2665314106738 78.0112594807358 60.2665314106738 75.5847276515311zM62.5345906017144 77.3164196518409C62.5345906017144 76.5501464256391 63.2179567988544 75.9289592404561 64.0609317234021 75.9289592404561C64.9039066479498 75.9289592404561 65.5872728450897 76.5501464256391 65.5872728450897 77.3164196518409C65.5872728450897 78.0826928780427 64.9039066479498 78.7038800632257 64.0609317234021 78.7038800632257C63.2179567988544 78.7038800632257 62.5345906017144 78.0826928780427 62.5345906017144 77.3164196518409z" />
     <glyph glyph-name="type-java"
-      unicode="&#xE008;"
+      unicode="&#xE00B;"
       horiz-adv-x="81.5126050420168" d="M67.9190765756303 7.2312552521008C57.4948711134454 3.3988199579832 23.1107835084034 1.6997323529412 12.4346260504202 6.3474508403361C8.5967857142857 8.0167806722689 12.9564232142857 11.0710598739496 15.2206459033613 11.5574779411765C17.5815618697479 12.0694191176471 18.930868592437 11.9741964285714 18.930868592437 11.9741964285714C17.2068579411765 15.7977449579832 -10.3225631092437 10.1907168067227 7.0855429621849 3.5180871848739C26.8876160714286 -4.0721640756303 71.8371167016807 2.2653529411765 74.4270620798319 7.2312554621849C77.0170074579832 12.1971577731092 80.8198536764706 11.9741964285714 67.9190765756303 7.2312552521008zM23.5313307773109 40.2036607142857C29.8438022058824 39.8641968487395 37.6262719537815 39.3746397058824 47.5259274159664 40.2036607142857C55.616362289916 40.8864128151261 63.7396858193277 43.8079107142857 63.7396858193277 43.8079107142857C63.7396858193277 43.8079107142857 62.8785921218487 41.2622102941176 58.8229904411765 39.7064443277311C38.9711585084034 34.4849401260504 7.7865168277311 35.518562815126 11.6610891806723 42.2548602941176C14.4026713865546 47.0213510504202 22.7076417016807 46.0460661764706 22.7076417016807 46.0460661764706C22.7076417016807 46.0460661764706 14.0406199369748 40.7140394957983 23.5313307773109 40.2036607142857zM69.3727332983193 28.5755323529412C85.7859593487395 36.9202172268908 72.4307769957983 42.7315848739496 68.2058013655462 41.8684485294118C66.6087944327731 41.5421899159664 66.356844012605 42.6804542016807 66.3180639705882 43.3493644957983C66.2792839285714 44.018274789916 66.9109925420168 44.2775346638655 68.0428580882353 44.6790367647059C80.9267908613445 49.2089548319328 93.7769484243698 31.3194842436975 66.8246963235294 24.2342783613445C66.8246963235294 24.2342783613445 67.6543910714286 26.8111054621849 68.0428580882353 27.6904714285714M33.9590240546219 72.4685682773109C16.4965807773109 58.6780640756303 30.1869631302521 54.1762279411765 34.1617551470588 45.1924695378151C23.9685723739496 54.3892489495798 17.9588307773109 62.4850850840336 22.977131197479 70.0198981092437C30.3435849789916 81.0803771008403 40.244874894958 82.2410718487395 35.7360639705882 99.9999793805155C35.7360639705882 99.9999793805155 55.735419012605 89.6605634453782 33.9590240546219 72.4685682773109zM50.1153341386555 62.6489852941176C40.6455986344538 55.1705113445378 44.3101931722689 50.906375 46.4656891806723 46.0345586134454C40.938012289916 51.0218945378151 40.527150105042 57.6907338235294 43.2485320378151 61.7767993697479C47.2432977941177 67.7748035714286 52.6126835084034 68.4042384453782 50.1675933823529 78.034743907563C50.1675933823529 78.034743907563 61.9244889705882 71.9720588235294 50.1153341386555 62.6489852941176zM11.7342091386555 36.6301207983193C10.9242367016807 29.1766510504202 22.6273946428571 9.1501445378151 22.6273946428571 9.1501445378151C22.6273946428571 9.1501445378151 24.5349112394958 6.7436920168067 26.7436353991597 6.3369323529412C31.1376551470588 5.5277273109244 37.9664826680672 5.788799789916 42.0396515756303 5.788799789916C46.4471015756303 5.788799789916 53.4484664915966 6.1073491596639 57.1615526260504 6.9068476890756C58.692993802521 7.2365964285714 59.6650648109244 9.1501445378151 59.6650648109244 9.1501445378151C59.6650648109244 9.1501445378151 70.5121929621849 34.2978596638656 67.0191356092437 39.8142069327731C63.1379152310924 34.2978596638656 49.6938545168067 33.4915802521008 40.8900204831933 32.9950926470588C32.0861864495798 32.4986048319328 15.2042885714286 33.8703058823529 11.7342091386555 36.6301207983193zM28.9778278361344 20.2100840336134L28.9778278361344 27.6067226890756L26.6030379201681 27.6067226890756L26.6030379201681 20.3159663865546C26.6030379201681 20.124368697479 26.595474894958 19.9252111344538 26.5803488445378 19.718487394958C26.5652227941176 19.5117636554622 26.5198450630252 19.320168907563 26.4442143907563 19.1436974789916C26.3685837184874 18.9672260504202 26.2450555672269 18.8235300420168 26.0736261554622 18.7126050420168C25.9021967436975 18.6016800420168 25.6601822478992 18.546218487395 25.3475757352941 18.546218487395C25.0652213235294 18.546218487395 24.8358118697479 18.5915962184874 24.6593404411765 18.6823529411765C24.482869012605 18.7731096638655 24.3442148109244 18.896637815126 24.2433740546218 19.0529411764706C24.1425332983193 19.2092445378151 24.0719456932773 19.3983182773109 24.0316093487395 19.6201680672269C23.9912730042017 19.8420178571429 23.9711051470588 20.0840323529412 23.9711051470588 20.346218487395L23.9711051470588 20.8302521008403L21.823205987395 20.8302521008403L21.823205987395 19.8924369747899C21.823205987395 19.2974760504202 21.924045315126 18.7907584033613 22.1257269957983 18.372268907563C22.3274087184874 17.9537794117647 22.5946328781513 17.6109256302521 22.9274076680672 17.3436974789916C23.2601824579832 17.0764693277311 23.6383299369748 16.8798325630252 24.0618614495798 16.753781512605C24.4853929621849 16.6277304621849 24.924044012605 16.5647058823529 25.3778278361345 16.5647058823529C26.1845545168067 16.5647058823529 26.8248843487395 16.6882340336134 27.2988362394958 16.9352941176471C27.7727881302521 17.1823542016807 28.1358097689076 17.4899140756302 28.3879118697479 17.8579831932773C28.6400139705882 18.2260523109244 28.8013568277311 18.6218466386555 28.8719454831933 19.0453781512605C28.9425341386555 19.4689096638655 28.9778278361344 19.8571411764706 28.9778278361344 20.2100840336134zM34.0148026260504 27.6067226890756L29.930769012605 16.8067226890756L32.3206849789916 16.8067226890756L33.167743802521 19.2117647058823L37.2063992647059 19.2117647058823L38.023205987395 16.8067226890756L40.4887522058824 16.8067226890756L36.4500967436975 27.6067226890756L34.0148026260504 27.6067226890756zM45.7526177521008 16.8067226890756L49.3374917016807 27.6067226890756L46.8870715336134 27.6067226890756L44.4517774159664 20.0134453781513L44.421525315126 20.0134453781513L42.0164832983193 27.6067226890756L39.5811891806723 27.6067226890756L43.0753068277311 16.8067226890756L45.7526177521008 16.8067226890756zM52.513962289916 27.6067226890756L48.4299286764706 16.8067226890756L50.8198446428571 16.8067226890756L51.6669034663866 19.2117647058823L55.7055589285714 19.2117647058823L56.5223656512605 16.8067226890756L58.9879118697479 16.8067226890756L54.949256407563 27.6067226890756L52.513962289916 27.6067226890756zM33.7879118697479 20.981512605042L35.1946345588235 24.9445378151261L35.2248866596639 24.9445378151261L36.586231197479 20.981512605042L33.7879118697479 20.981512605042zM52.2870715336134 20.981512605042L53.6937942226891 24.9445378151261L53.7240463235294 24.9445378151261L55.0853908613445 20.981512605042L52.2870715336134 20.981512605042z" />
     <glyph glyph-name="type-javascript"
-      unicode="&#xE009;"
+      unicode="&#xE00C;"
       horiz-adv-x="100" d="M22.08359375 86.78828125H38.53125V40.6908203125C38.53125 19.914453125 28.5763671875 12.6640625 12.669140625 12.6640625C8.773828125 12.6640625 3.7962890625 13.31328125 0.549609375 14.3953125L2.3892578125 27.705078125C4.66171875 26.94765625 7.5833984375 26.406640625 10.8294921875 26.406640625C17.7548828125 26.406640625 22.08359375 29.544921875 22.08359375 40.7986328125V86.78828125zM52.8119140625 30.735546875C57.140234375 28.4630859375 64.0658203125 26.190625 71.0994140625 26.190625C78.67421875 26.190625 82.6779296875 29.328515625 82.6779296875 34.198046875C82.6779296875 38.6345703125 79.215234375 41.3396484375 70.4501953125 44.3697265625C58.33046875 48.6982421875 50.3232421875 55.4072265625 50.3232421875 66.1197265625C50.3232421875 78.5640625 60.81953125 87.978515625 77.9166015625 87.978515625C86.2490234375 87.978515625 92.2001953125 86.3548828125 96.52890625 84.29921875L92.8494140625 71.09765625C90.0361328125 72.5041015625 84.73359375 74.5603515625 77.7005859375 74.5603515625C70.55859375 74.5603515625 67.095703125 71.205859375 67.095703125 67.5265625C67.095703125 62.8734375 71.0994140625 60.8177734375 80.622265625 57.13828125C93.498828125 52.376953125 99.450390625 45.66796875 99.450390625 35.2798828125C99.450390625 23.0521484375 90.1443359375 12.6638671875 70.1255859375 12.6638671875C61.7931640625 12.6638671875 53.5689453125 14.9365234375 49.4576171875 17.2087890625L52.8119140625 30.735546875z" />
     <glyph glyph-name="type-node"
-      unicode="&#xE00A;"
+      unicode="&#xE00D;"
       horiz-adv-x="88.36206896551724" d="M44.2241379310345 0.2155172413793C42.8879310344828 0.2155172413793 41.551724137931 0.5603448275862 40.3879310344828 1.25L28.2327586206897 8.448275862069C26.4224137931034 9.4827586206897 27.2844827586207 9.8275862068966 27.8879310344828 10.0431034482759C30.301724137931 10.9051724137931 30.8189655172414 11.0775862068966 33.4051724137931 12.5431034482759C33.6637931034483 12.7155172413793 34.051724137931 12.6293103448276 34.3103448275862 12.4568965517241L43.6637931034483 6.8965517241379C44.0086206896552 6.7241379310345 44.4827586206897 6.7241379310345 44.7844827586207 6.8965517241379L81.2068965517241 27.9310344827586C81.551724137931 28.1034482758621 81.7672413793103 28.5344827586207 81.7672413793103 28.9224137931034L81.7672413793103 70.948275862069C81.7672413793103 71.3793103448276 81.551724137931 71.7241379310345 81.2068965517241 71.9396551724138L44.7844827586207 92.9310344827586C44.4396551724138 93.1465517241379 44.0086206896552 93.1465517241379 43.6637931034483 92.9310344827586L7.2844827586207 71.9396551724138C6.9396551724138 71.7241379310345 6.7241379310345 71.3362068965517 6.7241379310345 70.948275862069L6.7241379310345 28.9224137931034C6.7241379310345 28.5344827586207 6.9396551724138 28.1465517241379 7.2844827586207 27.9310344827586L17.2413793103448 22.1551724137931C22.6724137931034 19.4396551724138 25.948275862069 22.6293103448276 25.948275862069 25.8189655172414L25.948275862069 67.3275862068966C25.948275862069 67.9310344827586 26.4224137931034 68.3620689655172 27.0258620689655 68.3620689655172L31.6379310344828 68.3620689655172C32.198275862069 68.3620689655172 32.6724137931034 67.8879310344828 32.6724137931034 67.3275862068966L32.6724137931034 25.8620689655173C32.6724137931034 18.6206896551724 28.75 14.4827586206897 21.8965517241379 14.4827586206897C19.7844827586207 14.4827586206897 18.1465517241379 14.4827586206897 13.4913793103448 16.7672413793104L3.9224137931034 22.2844827586207C1.551724137931 23.6637931034483 0.0862068965517 26.2068965517241 0.0862068965517 28.9224137931034L0.0862068965517 70.948275862069C0.0862068965517 73.6637931034483 1.551724137931 76.2068965517241 3.9224137931034 77.5862068965517L40.3448275862069 98.6206896551724C42.6293103448276 99.9137931034483 45.7327586206897 99.9137931034483 48.0172413793103 98.6206896551724L84.4396551724138 77.5862068965517C86.8103448275862 76.2068965517241 88.2758620689655 73.6637931034483 88.2758620689655 70.948275862069L88.2758620689655 28.9224137931034C88.2758620689655 26.2068965517241 86.8103448275862 23.6637931034483 84.4396551724138 22.2844827586207L48.0172413793103 1.25C46.8965517241379 0.6034482758621 45.5603448275862 0.2155172413793 44.2241379310345 0.2155172413793L44.2241379310345 0.2155172413793zM55.4741379310345 29.1810344827586C39.5258620689655 29.1810344827586 36.2068965517241 36.5086206896552 36.2068965517241 42.6293103448276C36.2068965517241 43.2327586206897 36.6810344827586 43.6637931034483 37.2413793103448 43.6637931034483L41.9396551724138 43.6637931034483C42.4568965517241 43.6637931034483 42.8879310344828 43.2758620689655 42.9741379310345 42.7586206896552C43.6637931034483 37.9741379310345 45.8189655172414 35.5603448275862 55.4310344827586 35.5603448275862C63.1034482758621 35.5603448275862 66.3793103448276 37.2844827586207 66.3793103448276 41.3793103448276C66.3793103448276 43.7068965517241 65.4741379310345 45.4741379310345 53.5344827586207 46.6379310344828C43.5775862068966 47.6293103448276 37.4137931034483 49.8275862068966 37.4137931034483 57.801724137931C37.4137931034483 65.1293103448276 43.6206896551724 69.5258620689655 54.0086206896552 69.5258620689655C65.6896551724138 69.5258620689655 71.4655172413793 65.4741379310345 72.198275862069 56.8103448275862C72.2413793103448 56.5086206896552 72.1120689655172 56.2068965517241 71.9396551724138 55.9913793103448C71.7241379310345 55.7758620689655 71.4655172413793 55.6465517241379 71.1637931034483 55.6465517241379L66.4224137931035 55.6465517241379C65.948275862069 55.6465517241379 65.5172413793103 55.9913793103448 65.3879310344828 56.4655172413793C64.2672413793103 61.5086206896552 61.5086206896552 63.1034482758621 54.0086206896552 63.1034482758621C45.6465517241379 63.1034482758621 44.6551724137931 60.1724137931035 44.6551724137931 58.0172413793103C44.6551724137931 55.3879310344828 45.8189655172414 54.6120689655172 57.1120689655172 53.1034482758621C68.3189655172414 51.6379310344828 73.6206896551724 49.5258620689655 73.6206896551724 41.6810344827586C73.6206896551724 33.75 66.9827586206897 29.1810344827586 55.4741379310345 29.1810344827586L55.4741379310345 29.1810344827586z" />
     <glyph glyph-name="type-php"
-      unicode="&#xE00B;"
+      unicode="&#xE00E;"
       horiz-adv-x="81.35593220338983" d="M36.1166737288136 71.6296101694916L29.7840466101695 40.018372881356L35.8571313559322 40.018372881356L39.464656779661 58.1078813559323L44.3438940677966 58.0688983050848C45.8991483050848 58.0688813559323 46.9109110169492 57.763779661017 47.380436440678 57.147559322034C47.8499279661017 56.5313050847458 47.9463516949153 55.4873898305085 47.6529449152543 54.0201694915255L44.8370127118644 40.0183220338984L50.9879618644068 40.0183220338984L53.9466398305085 54.6819830508475C54.5628601694916 57.968559322034 54.1195720338983 60.191186440678 52.623029661017 61.3649830508475C51.1557584745763 62.5387457627119 48.9201822033899 63.1619322033899 45.9270466101695 63.2206440677967L40.476843220339 63.2206440677967L42.1897584745763 71.6295423728814L36.1166737288136 71.6295423728814zM8.281656779661 63.2207118644068L1.9879618644068 31.6613898305085L8.0999788135594 31.6613898305085L9.7739788135593 40.018372881356L15.0554872881356 40.018372881356C16.8454872881356 40.018372881356 18.5864703389831 40.2304237288136 20.2591483050848 40.6412542372882C21.9317584745763 41.0520847457628 23.502436440678 42.0091355932204 24.9696906779661 43.5350508474577C26.1727923728814 44.738186440678 27.1106737288136 46.1001694915255 27.785622881356 47.5967627118645C28.4898771186441 49.0933220338984 28.9427415254238 50.6092881355933 29.1481822033899 52.164559322034C29.6763516949153 55.5685254237289 29.1583516949153 58.2569830508475 27.6039618644068 60.2230847457628C26.048656779661 62.1891525423729 23.5401144067797 63.1913050847458 20.0774703389831 63.2207118644068L8.281656779661 63.2207118644068zM60.4609449152543 63.2207118644068L54.16725 31.6613898305085L60.29225 31.6613898305085L61.96625 40.018372881356L67.2477584745763 40.018372881356C69.0377584745763 40.018372881356 70.7657754237288 40.2304237288136 72.438436440678 40.6412542372882C74.1110466101695 41.0520847457628 75.6817245762712 42.0091355932204 77.1489788135593 43.5350508474577C78.352063559322 44.738186440678 79.2899618644068 46.1001694915255 79.9649110169492 47.5967627118645C80.6691652542373 49.0933220338984 81.122029661017 50.6092881355933 81.3274703389831 52.164559322034C81.8556398305085 55.5685254237289 81.3376398305085 58.2569830508475 79.78325 60.2230847457628C78.2279618644068 62.1891525423729 75.7193855932204 63.1913050847458 72.2567584745763 63.2207118644068L60.4609449152543 63.2207118644068zM15.3279957627119 58.1987288135594C17.6755550847458 58.2280508474577 19.6251991525424 58.0064067796611 21.1804872881356 57.5369152542373C22.7650635593221 57.0673898305085 23.2918262711865 55.2976440677967 22.7636398305085 52.2164745762712C22.1180466101695 48.548372881356 20.8524872881356 46.3962542372882 18.9744533898305 45.7800338983051C17.0963686440678 45.1931355932204 14.7581483050848 44.9202033898306 11.9410805084746 44.9495254237289L11.3181991525424 44.9495254237289C11.1421144067797 44.9495254237289 10.9621991525424 44.9596949152543 10.7861652542373 44.9885084745763L13.4204194915255 58.1598474576272C13.7333177966102 58.1598305084746 14.030622881356 58.1598305084746 14.3158262711865 58.1598474576272C14.6385889830509 58.1598474576272 14.975843220339 58.1700169491526 15.3279957627119 58.1988305084746zM67.5072838983051 58.1987288135594C69.854843220339 58.2280508474577 71.8044872881356 58.0064067796611 73.3597754237288 57.5369152542373C74.9443686440678 57.0673898305085 75.4711144067797 55.2976440677967 74.9429449152543 52.2164745762712C74.2973347457627 48.548372881356 73.0447584745763 46.3962542372882 71.1667245762712 45.7800338983051C69.2886398305085 45.1931355932204 66.937436440678 44.9202033898306 64.1203686440678 44.9495254237289L63.4974872881356 44.9495254237289C63.3214194915255 44.9495254237289 63.1544872881356 44.9596949152543 62.9784194915255 44.9885084745763L65.5997245762712 58.1598474576272C65.9125889830509 58.1598305084746 66.2099110169492 58.1598305084746 66.4951144067797 58.1598474576272C66.8178771186441 58.1598474576272 67.1551483050848 58.1700169491526 67.5072838983051 58.1988305084746zM40.6647245762712 82.0632118644068C28.3004576271187 82.0632118644068 16.7392652542373 80.3920254237288 6.8822686440678 77.4881686440678C-12.0302288135593 71.9165745762712 -24.6689618644068 61.8070728813559 -24.6689618644068 50.2570677966102C-24.6689618644068 32.6873203389831 4.5772898305085 18.4509237288136 40.6647245762712 18.4509237288136C76.7521652542373 18.4509237288136 106.0248940677966 32.687320338983 106.0248940677966 50.2570677966102C106.0248940677966 67.8268152542373 76.7521652542373 82.0632118644068 40.6647245762712 82.0632118644068zM40.770656779661 80.686093220339C44.6271483050848 80.686093220339 48.4037330508475 80.5234194915254 52.0717923728814 80.2116788135593C81.9629194915254 77.6712966101695 104.6477754237288 65.2319042372881 104.6477754237288 50.2570677966102C104.6477754237288 33.4446042372881 76.0538093220339 19.8015593220339 40.770656779661 19.8015593220339C5.4875025423729 19.8015593220339 -23.1329449152542 33.4446042372881 -23.1329449152542 50.2570677966102C-23.1329449152542 67.0695271186441 5.4875025423729 80.686093220339 40.770656779661 80.686093220339z" />
     <glyph glyph-name="type-python"
-      unicode="&#xE00C;"
+      unicode="&#xE00F;"
       horiz-adv-x="100" d="M49.4908203125 99.6517578125C45.4521484375 99.6326171875 41.5951171875 99.288671875 38.201171875 98.687890625C28.2037109375 96.921484375 26.388671875 93.225 26.388671875 86.4072265625V77.402734375H50.0142578125V74.4015625H26.3884765625H17.5220703125C10.655859375 74.4015625 4.64375 70.274609375 2.763671875 62.4240234375C0.5943359375 53.425 0.4974609375 47.8087890625 2.763671875 38.4125C4.4431640625 31.41875 8.453125 26.43515625 15.31953125 26.43515625H23.4423828125V37.2298828125C23.4423828125 45.026953125 30.1892578125 51.90625 38.2009765625 51.90625H61.7990234375C68.3677734375 51.90625 73.611328125 57.3142578125 73.611328125 63.911328125V86.407421875C73.611328125 92.808984375 68.2103515625 97.61953125 61.7990234375 98.6880859375C57.740625 99.3638671875 53.529296875 99.67109375 49.4908203125 99.6517578125zM36.714453125 92.41015625C39.1546875 92.41015625 41.1478515625 90.384765625 41.1478515625 87.89453125C41.1478515625 85.4130859375 39.1546875 83.405859375 36.714453125 83.405859375C34.26484375 83.405859375 32.2810546875 85.4130859375 32.2810546875 87.89453125C32.2810546875 90.384765625 34.26484375 92.41015625 36.714453125 92.41015625zM76.557421875 74.401953125V63.911328125C76.557421875 55.776953125 69.6623046875 48.932421875 61.79921875 48.932421875H38.2009765625C31.7373046875 48.932421875 26.3884765625 43.3998046875 26.3884765625 36.9267578125V14.4294921875C26.3884765625 8.027734375 31.95546875 4.2609375 38.2009765625 2.425C45.6796875 0.2259765625 52.8501953125 -0.17265625 61.7990234375 2.425C67.746484375 4.14609375 73.611328125 7.6126953125 73.611328125 14.4294921875V23.434375H50.0140625V26.43515625H73.6111328125H85.4234375C92.2900390625 26.43515625 94.84921875 31.2240234375 97.236328125 38.4125C99.7029296875 45.8138671875 99.5982421875 52.9310546875 97.236328125 62.4240234375C95.5396484375 69.25859375 92.2986328125 74.4015625 85.4234375 74.4015625H76.557421875zM63.2861328125 17.431640625C65.73515625 17.431640625 67.7193359375 15.4259765625 67.7193359375 12.9443359375C67.7193359375 10.454296875 65.73515625 8.4279296875 63.2861328125 8.4279296875C60.84609375 8.4279296875 58.8533203125 10.454296875 58.8533203125 12.9443359375C58.853125 15.4259765625 60.8458984375 17.431640625 63.2861328125 17.431640625z" />
     <glyph glyph-name="type-ruby"
-      unicode="&#xE00D;"
+      unicode="&#xE010;"
       horiz-adv-x="100" d="M99.591796875 70.35703125L71.8974609375 70.35703125L50.1763671875 12.5373046875L50.6576171875 10.937109375zM50.0462890625 12.9685546875L65.3806640625 70.35703125L33.576953125 70.35703125zM50.0462890625 12.1775390625L49.5205078125 10.7216796875L50 10.138671875L50.5435546875 10.7998046875zM49.9162109375 12.5373046875L28.1025390625 70.35703125L0.4080078125 70.35703125L49.41015625 10.855078125zM57.5076171875 90.4296875L39.96015625 90.4296875L32.258203125 74.0064453125L66.6671875 74.0064453125zM72.4037109375 74.0064453125L100 74.0064453125L90.1455078125 90.4296875L80.1056640625 90.4296875zM29.3427734375 76.430078125L35.905859375 90.4296875L21.533984375 90.4296875zM61.6794921875 90.4296875L69.4880859375 76.430078125L76.0513671875 90.4296875zM17.3623046875 90.4296875L9.8546875 90.4296875L0 74.0064453125L26.521875 74.0064453125z" />
+    <glyph glyph-name="workspace"
+      unicode="&#xE011;"
+      horiz-adv-x="93.33333333333334" d="M0.0169696969333 75.0083333333333L46.6666666666667 100L93.2909093333333 74.75L46.6878788 50.3333333333333L0.0169696969333 75.0083333333333L0.0169696969333 75.0083333333333zM50.9090909333333 43.0291666666667L50.9090909333333 0L93.3333333333333 22.3416666666666L93.3333333333333 65.3666666666667L50.9090909333333 43.0291666666667L50.9090909333333 43.0291666666667zM42.4242424 43.0291666666667L0 65.5750000000001L0 22.3416666666666L42.4242424 0L42.4242424 43.0291666666667L42.4242424 43.0291666666667z" />
   </font>
 </defs>
 </svg>
diff --git a/dashboard/src/assets/fonts/che.ttf b/dashboard/src/assets/fonts/che.ttf
index 861a2fa8f6cf61cb2d96ef734ce6388f4bd509c0..28344cc49bd38c9b18451ff741f84c2004ba6340 100644
GIT binary patch
delta 853
zcmYjOPiWI{6n-y%nx@^Frdt!ce@vq5Xu9cE+n@{wW9VQCLu7*JBx^fc*EXdMYy)8m
z9tKXCMA^-Y2Y1-Xsfg^L9z1w-p2iM!2!fskFIrz(Cw|G7_j_O7_ws(ftZEy5YufT*
z0K5qR)9IpF{`}}^HvrQ`oVs3EntS>2`6U4EA%Oo?E^B5yAHK(_wnj|lNWeL?XuVB5
zk}KMa!e)J+`hB8&qF|-X$a`gv`~}MUisoV&`(d5lAELasWEQi9v5tG=0Ks!4?v|~p
zJ+pIu6Cl)21-~9_Yoj4RS`zQJzWsJh8u<Z!$dCd%m#3c{#QN9zZwx}7axXBhN^pH4
zrw2_eI=65XW#<hZ6(>n`{j1JC>Z4a_1;7(oqPsJWjCR8dP$Jds5~t{E=p2kSYB*P~
z$<73$`vV|B5M+Aqac(m|oi)ZUwNMoR?YsfmSz#YvtOdwI1UE`ek`-#fCaDRvY|?E<
z=zu9Gzy>ndi+7mQ%zgF(7vRRZ*Zd&A!oTD9oH6dnGL1~g(8Yp4$3s1niLho6qkp5W
zpFFsALWbDfHozqLcxa)oM?eEejL=c3hDT77C!#{a&<u~FCQ?Q!s(J(+`=TjBLG*dz
z3@c--m65&2!;GkS5tSB}<2jCHMKAi;HboIz{T`kTc&|wDuI_eK>O_Jl2+kMo#i{1d
ztN#z3h-zw*##W7lkfda!r-Aln7#<!PPP>n-b^eSv<o+*!nSXvr8mgd%jie9_tH%Zh
zxmY3=n~X#vg0AR_8dtV<19ilZvm5L>i$Rnzgl*unm&)0J*@9V`515%^zLc-p71PdJ
zB{5@GbF-FN$p~|1+O{f7Vm@t^1{UVaRiRw5Ze-K8(<v7ualxw0SIcHP+nDGN0(qYn

delta 420
zcmXv~&r1Sf5S`f{l9ron9TpP{v<R|mgatx)ih@qjC1UY+?z)0P3W5Cr1=)AVE)hr&
zQJ3r>A=D*^4na`_;lYCF)S*MSXq#PV;C(ai&6{EPjz%^E+kwg;0ImbTVoX=_uerld
z0Ir9iq_lE!z`RTW2vGo6EuB!~;<a)?-VR|RO#&t{OLdD7OzXvxqu+d^eUHQ^H6y0>
zg*|ba4-)t5YAKIF*rmQgd?=^t32nx^Ma!i&i7$DhP~5w%tO9tNWVo-k0uc$2O2V>%
zXDhwa-_Q-T5#ZrjFaKxr!~8`LWQcbGXQ>p{oW%U7qQN#Wf^K$&!|V%3rvOCi@q`dT
zAggA(0g|Lzb0NwuTNfZ~djw1GxY-gnMixiC%ArgR`Y4JM`vq{b1AgB}#0v{>j1t~(
z3fJaq{GAXLnxZVuu^pk#-o^9AlOyVE%zJ(iB{nPjSWfmiGchAKzLw1w*r}{pCj$Hd
DkJnrI

diff --git a/dashboard/src/assets/fonts/che.woff b/dashboard/src/assets/fonts/che.woff
index bf71646191caf9943a6bd5e4b005dc8b4ea93802..c48f1f1563911552350a8e65f49492abf66b1303 100644
GIT binary patch
delta 2760
zcmV;(3ODtP7wi}mcTYw}00961000bZ01E&B000vxkrY3FA!BV}Z~y=SfB*mhlmGw%
zP~nxQ9cOHLW&i*J6aWAR$N&HfxVF-?S7>EnWB>pO+yDRoG5`PoHU`S;ENEzDVE_OM
z5C8xG9smFUBmrgtZ)k0FcmMzjFaQ7mEC2uiNC&L{;%skYVE_OMTmS$7CIA2cCK<*S
z+-+faZ~y={3WNXv03QGV03ZP<0GDoIZDjxe3Zwu40UH1S0orUrjYM#7b94Xz3%~#X
z0I2`~0R3LmO{|j$0XhL?lS2U}e*_s)fLu<7OrT;021bw^02O%#(f|Mec%1E#$qmCW
z3<Srve4pwgRivQ2Qf?mV#NldFMhFZCA}B#1fgb3BN06X-)1Y`owW;-vrPdSA+LKf-
z`Mx7J%5hFLx6zy8#etEDIqt1&>>Qk2<Y*cA$5!*_cgmWgsdH@&a%Z%kf0B$QU3#P4
zmBAp726-~bvq4^rc3M`0yczwj><0NT$frTR401N)FGVsb6?mLYR%?&kNENMHZ@=B$
zeoQCbJ&8SICo`j-X}fJRJK0HuR!h)I8zCOc3don86(Eq{0}>Jv5`qs%i0}MF{sbbN
z>Y0$Z-Q_B~%D(s9bI&a%f0#SIVn1Vo85S`1l1fwN(_q@Xj80EaMfI$zKF_jDSMzGV
zsOOCF!<v7wJNAgxjP-TZ?8oVr`mQK9l<9Nohb>jw<Wo29n@VTJE=Y?-qVssZlwmrH
zXNJn`h-%~eiRTrYoCk59^4X)gXFZ&?ANx2NlZS8J;dgIe!r0K~fAxfa`*1x!zkYwZ
z;|_nu)M4EhSf^OXQnox;`hwuzq)j>OThmYVq>Hj2r?D-yIj5!_r-I1W7hKHfEaEep
zbFZ*OMJS|_QV7qIFBV1NMS)f#wm(lUR_m-x9up4F7}$7k@7MV1oNd?@`wn}-UNJW9
z>b9(>yzR|UI@5>Vf7HX_I@EbT75&gwI-$OBNbbsh+TT!KSA%))rr@Fx;;j(l__pzn
z?{072u0oIEIN*YFBBewW3LMKQ62`o-Tr8xFgoqZeudhYdt$2({ib#mXN)#el<_l--
zJ;wk17~{UJ%K@J)Czy-Di_PK4?k`=p>%MUfWBT1Yto^}Zf33$#_LN<+TX<W;0bT98
za@tZGlW{=bQfnMlx+2qc*|dm50f(otX-#oVecQZ53`|UAm&s62nv#{Cl%5K#cjVb{
zrmYRF)wM({v^=;h#P>OII3=}^7Q@I4HnmHsi~%4`nx00j4UGxyLdj4|uCy<WN)b)1
zxYVJijAXupe}Gc<8VLAoi>SR~KVrXRzhi%6|8V{ohemx#rtCN5Xx(mUe@mczeNXXz
z!?T!>3+-;|or~w>0_UclQ;A5AeYc^!tcSfzjx|kXO!siCsm_XSoOW&R-j(ml+*Dio
zlpHyx9Kp|zsqM0A-|zks@*oPM01(W5;+n%BEp(_se@w}_z(8u{X*!;1ZM61%0d@#c
z0x?V=MMB97MLMuHFu4MZNg|Cr1$5{+e#kF{k(F+mB#JnfSWJXh;X|Mq$IFz_!sw+A
zOkCjk`iWAY;Bp}a=FEJA#Y;SEF_6NOO36eLR?U?afyxmob4ZhW?fC}m3Ba6BfbzlB
zdT?&{e;@Tt*E_7Xe1FRUctX`BZ>pGQ8-7F6E6)?2w>q@X@N((LfsxV%u|tFi7Ftk2
zz#1uT+^qNK5~jI%fpvVsOr(agzEy&pWx>I|x9rz!&pu_}W#408vLD0V-?Klnzp}r>
z-pc4k7r8DoQ=utJw8hxgMZfE&tQed6mIk!Ve=xTDvC-g6Z8pe;203nuZeNudnl{6o
z@t6wJ4(({Ve22WKn`v}ne6{PZvK&4)Q$KB7All}V@bJU>t2pLHS=jGV!I0n*3E_pl
zQCg5uhx=re;W{y3jkF;$OOv%of*Jf4^cn#q@f4;(#vEY~G3W&Nl4!ip8gPJclROU$
zfB02E+zJi?fp<0rUhWI-6e_l)LlZ!KEGMl}9!YH?6-o?+@8%t5<KRnj)Kac*4{s1F
zGM;celS;?{`Ai^5`0hXN{>y#>jfvTsJwr5Jf-}Eh-?HDbKd?WtKOqt^waqy74e-CE
ztG0019Z<bNu9XNuwV%eqOszhqEkR;ie-H_x1j!lEHQ6y`2;DRes0J=CA%D54+d41%
zmxNl;mwj781|W>n!_Z6+x$-mb)CYJ{E`r(C3|^v<L$fCmAyE4O;Pb#NsDl62NbL*m
zb3+_mfNQoOrA-V{l8ZE6#10pLNRTN)1SF=rVE91T4RhiNRsj{vfqZFY*9RnBe`q`v
zY6B2cBQHFJ0HYvG3T-3`6F2s$@q>HdDS{3Po>+Sbh9AJj!0AEYddMAlC<*+bmi-j9
ztOCY;4wS1FrK%W8kgsh(>aH|R1?UVm2yHRLs|^%H1;?h07L+WFRC&ChcxAuZrV$Zb
zOnnJXq<)Cv6e^Q=k$m{p*NEwafA6ur0>#G(MPcebrG4F2JG15p5C%8Yt&s+921bY<
z5@$_WLb{%+W^m8*tY}eHs{L5z^;O*%C(vb~>kH09j(qUxgm9kvE=oXv8`PPT`_qA8
zarX$+wCPjQZc8AQoza{ez61$7quezb+W4I4c>vuI@=S`H^ZdR;YY#6re{KpD6oKFe
zF)HDudG~L$zhOT_rCqV-Y{#zIXY36ScEsw6+_;)}PLnH+eRs>9g!JY^-*iPxc-}u;
z+X@x-zABmSumy8<<piZbIhqJkQu9hf!5z^c&(A*UUrWVN1o$KlSFv1dQliu8^z^Y-
z<@#hiIeGnL&Uu_Dh~}|He{dn}@2?8jMecv(#a=X@Kc0h)>2fxEG;{k3<n6a$&|~%l
zKDvDYEL{_n9m)yPl>Kl^H#AN|)53HVxH5MhxxM4YW$EPfAIa)`#?ze+)zOm>DZzb9
zRv!gKfnG>^;RZ?*&m(E*s7AoJUr2k0B=JOuN)=$DM?n!l2(6v_f7&yu^pJ!oR)|m(
zUR#T(cn_R+`(cfpK#W~nf!*T@9=KgV*<x#h+I>m2Q-d4c)@G`)PdbN4+^w*EOpXCx
zvD$faTdS4t_a=U3%#HCMe}2vR^(QV}uW#O@X^bQNPzT@sfB(gX>BAoUa=Vph{n^<U
z%jMFX7w1KJQ84yDHd@T^+jyK~U}Rum0OD@mx<&E)HeVUI8B%~E440$AHo@rs&;S2p
z6kx~%ayb~7K%xLo1q_;#UI`k1ApmdA1l0flc${Nk0D=@Co(848p>z)r2mJrfSO(>T
zaNz$xU^)WKehwFpWncgRky#9j0000002%;L0BiuL0RjOa0fYiR0*(Vx1P%m51iA$-
z1&9U01>67tc${NkWME(rV(4bzVE_RpAm#!>28RD&J_7(4*8#u)c${6c=LsAEe~#OZ
z!Y~j+V{RpMxqnALYMN$g=x%0|450o!kV-t^7az&8WivCAV7}{w8Rl4Ei4`iWVX;At
zA8fJ19tRw8!r5$e6yLOe6o(yk{~?B~i8OGu9p%1dN?r9!PC1P>IF8L@kX%XPt9M!_
zc7xaE9n@usvP7@z!cL?raA8~gDoS_Se<-^YM5iQj=ckhNGA+rd{p&^HbZbZZ;51|*
O=Z$#+)XGEp0002ErwOb8

delta 2551
zcmV<T2?+M=7>pMbcTYw}00961000Y&01E&B000q;krY3FA7gD{Z~y=SfB*mhg#Z8o
z7~yWE?PqLxW&i*J2mk;FA^-pim>d7UXJ}<%WB>pOEC2uiG5`PoHU-5Px@c%+VE_OL
zU;qFB9smFUBmrgtYiMnBcmMzifB*mhBme*aI0h8|;%skYVE_OLqyPW_9smFU9uqnc
zWNl%1Z~y={3B&*Z03QGV03ZP*0GDoIZDjxe3FH6(0UH1S0orUrjYM#7b94Xz3jhEB
z0Eqwq0MVJse`=Em0XhL^lS2U}e|Q;EfLu<7OrT;021bw^02R{)&;S4cc%1E#+YJLD
z3<QUR<6h87Do8>3N@*#IPA*<HWyI2W<;5Um11pe&M^GTWNhn_7rs-$S=@*`}r^p}u
zz9T2)sLRYt^p<$Bvaxf-y^BVVqsl+p%%5M?H9a%uxfrC`XfLA}O?a$Ee>)r1Al(eo
z-5@;-($i>{<1$E_(eFk#^e-u<AjJRx0C=2DR%?&kNENMHuUme*yZx9>rh6v#jGgR6
zlWDu#W_H*~v|26U%SMRDvO?qwSpfnGJ|H0>AtCsH#2?@%@+T1CR8LmBmb<#jF59=x
zIrrQWO8DbT@e82@i%5u<e^hf_&Ij(xI=Q^ORL#?-`Mf9!+bo;qs$B{pkI(#Dyc3T^
zE5z6~-F}+yX&kD0ONG6n@o-Iz<#HaTeb?Bc+C_P_%50e~*E-G@>4K>)PN?ND%z~iW
zmNH7qTrM6h0~g?I!!*Px5R*UNiLXQ~mSQVz#P`Ja#VaA^UE9~~e_Zw>AL@QA+r!BC
z`Ts*(j&n60`o?B7Rz9*_J<j_(D%<A3m^0&drKIYVdaKklz3sxYclUR1Pvd~nG?Ge6
zB4bn%D;(=2QOs|gR4c6$rIOX_+gmjZr!vJPL!{K|R8=Zlmn$Eweg7Wqj}WyIfvCk3
z@j~1q;ub;JW<S*Pe>L?fv90Ryo_hB14OL;=y6Y|16@s3puIK8E#=d(==%!Q;g^m^F
zIXN9@9hk@kCxMF>*16a@+iI<q)yJ@v`k^F=z_eA`VVLm2<!-GFGZxk5`DN0(m^pSU
zqhqV3v7u&@Yo)A_+QxxlEkeH-%EfE25Q=Lc|4RHs{961$fBZxI%ddw4WZk|XuE#BT
zs{3o&-xFleKF~gHWswr}(eLKbFY$^z_<rgY)nIEHhb@(Ld)RxyY-p}idVpg?ZBY%=
zyz58*u5wqG++5Qq<O!Zj5Llj3KNQV=-2E+<Q4%K+AXtVZt;Bk)vazL5X(<&3+M2-9
z*}_`3HVhRQe^#mnVwgaNl+n)(*~qzwO9L3QOtZcObm)1G^%shDW4kU(5-BwvCc>-m
zAxK5yWrnR{yS5Rh74C1&je(5TE3GhR5rUQ=3!KA1t3Vs0GfjAEX`G5o399%g^@n`?
z71R?!IUfV%<5Js$U-tN&J`bbE>RRsaB>>N;c_F(df0e~n-qHLj2viW99^0pQxen8a
zwRTbJ5g|f^4pLBvMyoqN>zi|p(EPl}c|Bn!<ZWE&j3OUdbd2w<_^sHBPsFF<2jUCy
zQ^fm6@mKM8@lV9tu<dMB+PdHdO;w|<roOGl-7pu`)V23?K-(Rrem`{<nrV59Z0L}u
zTn+oCe=gAU1+GkIRB?akCmzZj@}lkL$s5$oZoDZ<tht-VdFzSjyBCC;-#&knrjm_A
z{5}<!l+;LwAP(7BMQo1O$r+Y5W2i>E7@1|sIV8aX>sIs{1d@7!&?sOp7%+xhhh8#^
z7dnOp2p1^`pn%^*B%P8F5On8K;N`#IPi0a^e>Ua_4&o$PlgmU~PE4#ZRH2`DoQ*@S
z$xF-lzB|4_oe~Gi>r5M^BjhtdB=P(IzW<;289XKx8}Sruyo6?cDZUoJ7k?6e7JmT~
zDfQhnj~(#8r<=a=*d0;5L$1}JpxMt;#dB}Z=$c@YJ%j{Pg5^x;a&bllsGFz5JoP>=
ze``1^w|!gI<4fWZ$v^frY@l!J`NNQBm|Xo?a2WzTtyj_Fnh!x{kwc4f4GPRY0{AlG
z6*XADV{JnvL&+r31-N_-QM!zgl2YaAD)qPkM1oBb7|@vR$q0e4AC@FDJOxxR2li!+
z+Z>Vf)C4BB3=nhH&jV0^Q50vDWgRd}e|Aqej2?ie1U{%_=G>8tFhY!x_k+mykULs?
z<;xHC=;x?M4KN-{pxpE*H`Sqr`1%f_9%}9yK*uPWeYL==84hBiGp>^rWoy=^Ojnei
zx-YNuga}K_Lk&&jVT=M38_t46fB4o{;B?0K#MnUM(~P1p51-J!?VBBMBnZObe~yL?
z(!kHa2>c;&HdJI}+qvlu{(f0hJ*rBxpX#!`X*>1?U01e!E@do{4<TI;&dboV1Oz0b
z&Rjg49t?-8Cy=JgpAd{8wA#1@Ey?3cu&|G)^o@l#J|lV-!8ertNUKuH@}WbU054`g
zg(^xQ@S_>kSS7#z58B^}AB#+!e~M>fCvL@O;tde?!WycQeNDWg*%!xgxR>5SM*g<X
zLzNQlk01W~1{L<9D)DgKmiW4Ifl^?+OcWVyWn<ysUTCoAr{C${Y9mnu<gAYWYQ5U#
zM3?jB<zs8=&Bb(a@%nrzWtth7=9vSzF!pc$4X{i6?<7crWVw92gc|epe`4`yAs`~;
z?blGyV{wi(`h5W+-4L7|&I!@f<Kdp}XqpdQkI+%z>e8>s@29ptOK0!@NLIgQ+}+vO
zoSer<2^l(a_9P;T>`J@meqb!gGSN&YEeMlgrQJIuNuXj>st6MUimC`k=-e{20h>BN
z5~5gvp(MU_4y*(pH1GF_e-=A|6g#m>tijXyaTiec*xI0Wzo6E;!JX_|p4+jWuV51I
zPAj794DeN_yI|>Ba~g&tr%##hIDGv1t(3PP`*gj%dz0rWjvOERKgU(no&W%NoMT{Q
zU|;~^*t{dR;`wd9GH^4b07V!sUC*tA(f^<S|Hml6kO|~+Fff5c1p$AC4gZr43L1Yt
z0B_0!(EtE=oMT`Bf)pU02Bic3|7R?NvOzfT{~s_N0cJmki30!@MGEr(000008URoL
zssRoG$O0Gw+yj^c&ICjRxCIggOaK6QoMT{QU|`^5=w{$y00AZ-<^n<nhW}tb0{|Fn
z0lWZsoL!HxPQx$|hW|Ec5Q#uYNG!9r3Jd{%jad@HAP_|9xMV?-lW-_PD1#_W!Kjtn
zt5D^a{nM|yXAzC4g7~iy4R+Y$fFoLT=rKUzgfm7=V&ILenr}MzQ7?BFT;`<N#n3ww
zgL-+&GDYJpt8XC7yv`IXcZCg6Ti_D=;#d9D(~q)Aj<_}<F19YwO7#+LyncQaPLFvC
N6XFfyyf!8P008%irR4ws

diff --git a/dashboard/src/assets/styles/che-font.css b/dashboard/src/assets/styles/che-font.css
index 6f8dc1e2722..2bb87246dd2 100644
--- a/dashboard/src/assets/styles/che-font.css
+++ b/dashboard/src/assets/styles/che-font.css
@@ -28,46 +28,62 @@
 	content: "\E002";
 }
 
-.cheico-icon-wkps:before {
+.cheico-dashboard:before {
 	content: "\E003";
 }
 
-.cheico-rocket-chefont:before {
+.cheico-factory:before {
 	content: "\E004";
 }
 
-.cheico-type-aspnet:before {
+.cheico-icon-wkps:before {
 	content: "\E005";
 }
 
-.cheico-type-cpp:before {
+.cheico-project:before {
 	content: "\E006";
 }
 
-.cheico-type-go:before {
+.cheico-rocket-chefont:before {
 	content: "\E007";
 }
 
-.cheico-type-java:before {
+.cheico-type-aspnet:before {
 	content: "\E008";
 }
 
-.cheico-type-javascript:before {
+.cheico-type-cpp:before {
 	content: "\E009";
 }
 
-.cheico-type-node:before {
+.cheico-type-go:before {
 	content: "\E00A";
 }
 
-.cheico-type-php:before {
+.cheico-type-java:before {
 	content: "\E00B";
 }
 
-.cheico-type-python:before {
+.cheico-type-javascript:before {
 	content: "\E00C";
 }
 
-.cheico-type-ruby:before {
+.cheico-type-node:before {
 	content: "\E00D";
 }
+
+.cheico-type-php:before {
+	content: "\E00E";
+}
+
+.cheico-type-python:before {
+	content: "\E00F";
+}
+
+.cheico-type-ruby:before {
+	content: "\E010";
+}
+
+.cheico-workspace:before {
+	content: "\E011";
+}
diff --git a/dashboard/src/assets/svg/dashboard.svg b/dashboard/src/assets/svg/dashboard.svg
new file mode 100644
index 00000000000..78424e31dd3
--- /dev/null
+++ b/dashboard/src/assets/svg/dashboard.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+    Copyright (c) 2015-2016 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+<svg width="14px" height="14px" viewBox="0 0 14 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-11.000000, -67.000000)" fill="#808B9C">
+            <g id="Dashboard-Icon" transform="translate(11.000000, 67.000000)">
+                <rect id="Rectangle-17" x="0" y="8" width="6" height="6"></rect>
+                <rect id="Rectangle-17-Copy" x="8" y="8" width="6" height="6"></rect>
+                <rect id="Rectangle-17-Copy-3" x="0" y="0" width="6" height="6"></rect>
+                <rect id="Rectangle-17-Copy-2" x="8" y="0" width="6" height="6"></rect>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/dashboard/src/assets/svg/factory.svg b/dashboard/src/assets/svg/factory.svg
new file mode 100644
index 00000000000..d5b8c8986c2
--- /dev/null
+++ b/dashboard/src/assets/svg/factory.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+    Copyright (c) 2015-2016 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+<svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-12.000000, -144.000000)" fill="#808B9C">
+            <g id="rocket" transform="translate(12.000000, 144.000000)">
+                <path d="M0.23853117,16 C0.23853117,16 0.00386450358,14.2753333 0.249197837,13.832 L1.9938645,10.6793333 C2.2518645,11.746 2.55919784,12.8606667 2.94119784,14.26 L0.23853117,16 Z M9.98719784,10.6426667 C9.72653117,11.7466667 9.4518645,12.7893333 9.07453117,14.27 L11.7625312,16 C11.7625312,16 11.9965312,14.276 11.7511978,13.832 L9.98719784,10.6426667 Z M5.0358645,16 L6.9658645,16 L7.3338645,14.6666667 L4.66719784,14.6666667 L5.0358645,16 L5.0358645,16 Z M6.00053117,0 C3.67453117,1.66866667 2.66719784,3.65866667 2.66719784,6.12733333 C2.66719784,8.354 3.43119784,10.9773333 4.2538645,14 L7.76919784,14 C8.55653117,10.888 9.31053117,8.282 9.3338645,6.104 C9.36053117,3.61666667 8.37319784,1.678 6.00053117,0 L6.00053117,0 Z M7.78319784,4.35933333 C7.41119784,4.562 6.00053117,4.66666667 6.00053117,4.66666667 C6.00053117,4.66666667 4.61919784,4.57 4.2398645,4.378 C4.53453117,3.37 5.10919784,2.49533333 6.00853117,1.69533333 C6.9278645,2.496 7.49919784,3.356 7.78319784,4.35933333 Z"></path>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/dashboard/src/assets/svg/project.svg b/dashboard/src/assets/svg/project.svg
new file mode 100644
index 00000000000..c441809e140
--- /dev/null
+++ b/dashboard/src/assets/svg/project.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+    Copyright (c) 2015-2016 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="14px"
+   height="10px"
+   viewBox="0 0 14 10"
+   version="1.1"
+   id="svg2">
+  <g
+     stroke="none"
+     stroke-width="1"
+     fill="none"
+     fill-rule="evenodd"
+     id="g4">
+    <g
+       id="g4493">
+      <polygon
+         transform="translate(0,-0.333333)"
+         id="Path-33"
+         points="6,10.333333 3,5.3333333 0,5.3333333 3.0008545,10.333333 "
+         style="fill:#808b9c;fill-opacity:1" />
+      <polygon
+         id="Path-33-Copy"
+         transform="matrix(1,0,0,-1,0,5.433333)"
+         points="3,0.33333333 0,0.33333333 3.0008545,5.3333333 6,5.3333333 "
+         style="fill:#808b9c;fill-opacity:1;stroke:none" />
+      <polygon
+         id="Path-33-Copy-3"
+         transform="matrix(-1,0,0,1,22,-0.333333)"
+         points="14,10.333333 11,5.3333333 8,5.3333333 11.000855,10.333333 "
+         style="fill:#808b9c;fill-opacity:1" />
+      <polygon
+         id="Path-33-Copy-2"
+         transform="matrix(-1,0,0,-1,22,5.433333)"
+         points="11,0.33333333 8,0.33333333 11.000855,5.3333333 14,5.3333333 "
+         style="fill:#808b9c;fill-opacity:1" />
+    </g>
+  </g>
+</svg>
diff --git a/dashboard/src/assets/svg/workspace.svg b/dashboard/src/assets/svg/workspace.svg
new file mode 100644
index 00000000000..b7987c23136
--- /dev/null
+++ b/dashboard/src/assets/svg/workspace.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+
+    Copyright (c) 2015-2016 Codenvy, S.A.
+    All rights reserved. This program and the accompanying materials
+    are made available under the terms of the Eclipse Public License v1.0
+    which accompanies this distribution, and is available at
+    http://www.eclipse.org/legal/epl-v10.html
+
+    Contributors:
+      Codenvy, S.A. - initial API and implementation
+
+-->
+<svg width="14px" height="15px" viewBox="0 0 14 15" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g transform="translate(-11.000000, -90.000000)" fill="#808B9C">
+            <g>
+                <g transform="translate(11.000000, 90.000000)">
+                    <path d="M0.00254545454,3.74875 L7,0 L13.9936364,3.7875 L7.00318182,7.45 L0.00254545454,3.74875 L0.00254545454,3.74875 Z M7.63636364,8.545625 L7.63636364,15 L14,11.64875 L14,5.195 L7.63636364,8.545625 L7.63636364,8.545625 Z M6.36363636,8.545625 L0,5.16375 L0,11.64875 L6.36363636,15 L6.36363636,8.545625 L6.36363636,8.545625 Z"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/dashboard/src/components/api/che-workspace.factory.js b/dashboard/src/components/api/che-workspace.factory.js
index b04f23de649..ddf5036d513 100644
--- a/dashboard/src/components/api/che-workspace.factory.js
+++ b/dashboard/src/components/api/che-workspace.factory.js
@@ -56,7 +56,8 @@ export class CheWorkspace {
         deleteProject: {method: 'DELETE', url : '/api/workspace/:workspaceId/project/:path'},
         stopWorkspace: {method: 'DELETE', url : '/api/workspace/:workspaceId/runtime'},
         startWorkspace: {method: 'POST', url : '/api/workspace/:workspaceId/runtime?environment=:envName'},
-        addCommand: {method: 'POST', url: '/api/workspace/:workspaceId/command'}
+        addCommand: {method: 'POST', url: '/api/workspace/:workspaceId/command'},
+        createSnapshot: {method: 'POST', url: '/api/workspace/:workspaceId/snapshot'}
       }
     );
   }
@@ -426,4 +427,14 @@ export class CheWorkspace {
       });
     }
   }
+
+  /**
+   * Create snapshot of workspace
+   * @param workspaceId {String} workspace id
+   * @returns {*}
+   */
+  createSnapshot(workspaceId) {
+    return this.remoteWorkspaceAPI.createSnapshot({workspaceId : workspaceId}, {}).$promise;
+  }
+
 }
diff --git a/dashboard/src/components/attribute/attribute-config.js b/dashboard/src/components/attribute/attribute-config.js
index d25d4d62ad9..12338697a31 100644
--- a/dashboard/src/components/attribute/attribute-config.js
+++ b/dashboard/src/components/attribute/attribute-config.js
@@ -15,7 +15,8 @@ import {CheAutoScroll} from './scroll/che-automatic-scroll.directive';
 import {CheListOnScrollBottom} from './scroll/che-list-on-scroll-bottom.directive';
 import {CheReloadHref} from './reload-href/che-reload-href.directive';
 import {CheFormatOutput} from './format-output/che-format-output.directive';
-
+import {CheOnLongTouch} from './touch/che-on-long-touch.directive';
+import {CheOnRightClick} from './click/che-on-right-click.directive';
 
 export class AttributeConfig {
 
@@ -31,5 +32,8 @@ export class AttributeConfig {
 
     register.directive('cheFormatOutput', CheFormatOutput);
 
+    register.directive('cheOnLongTouch', CheOnLongTouch);
+
+    register.directive('cheOnRightClick', CheOnRightClick);
   }
 }
diff --git a/dashboard/src/components/attribute/click/che-on-right-click.directive.js b/dashboard/src/components/attribute/click/che-on-right-click.directive.js
new file mode 100644
index 00000000000..3fda8a6f276
--- /dev/null
+++ b/dashboard/src/components/attribute/click/che-on-right-click.directive.js
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * @ngdoc directive
+ * @name components.directive:cheOnRightClick
+ * @restrict A
+ * @function
+ * @element
+ *
+ * @description
+ * `che-on-right-click` defines an attribute for adding a callback on right mouse click
+ *
+ * @usage
+ *   <div che-on-right-click="callback"></div>
+ *
+ * @author Oleksii Kurinnyi
+ */
+export class CheOnRightClick {
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor() {
+    this.restrict = 'A';
+  }
+
+  /**
+   * Keep reference to the model controller
+   */
+  link($scope, $element, attrs) {
+    $element.bind('contextmenu', (event) => {
+      event.stopPropagation();
+      event.preventDefault();
+
+      $scope.$apply(() => {
+        $scope.$eval(attrs.cheOnRightClick);
+      });
+    });
+  }
+
+}
diff --git a/dashboard/src/components/attribute/touch/che-on-long-touch.directive.js b/dashboard/src/components/attribute/touch/che-on-long-touch.directive.js
new file mode 100644
index 00000000000..0f6652e1b40
--- /dev/null
+++ b/dashboard/src/components/attribute/touch/che-on-long-touch.directive.js
@@ -0,0 +1,64 @@
+/*
+ * Copyright (c) 2015-2016 Codenvy, S.A.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *   Codenvy, S.A. - initial API and implementation
+ */
+'use strict';
+
+/**
+ * @ngdoc directive
+ * @name components.directive:cheOnLongTouch
+ * @restrict A
+ * @function
+ * @element
+ *
+ * @description
+ * `che-on-long-touch` defines an attribute for adding a callback on long touch or long mouse click
+ *
+ * @usage
+ *   <div che-on-long-touch="callback"></div>
+ *
+ * @author Oleksii Kurinnyi
+ */
+export class CheOnLongTouch {
+
+  /**
+   * Default constructor that is using resource
+   * @ngInject for Dependency injection
+   */
+  constructor($timeout) {
+    this.$timeout = $timeout;
+
+    this.restrict = 'A';
+  }
+
+  /**
+   * Keep reference to the model controller
+   */
+  link($scope, element, attrs) {
+    $scope.longTouch = false;
+    element.on('touchstart mousedown', (event) => {
+      $scope.longTouch = true;
+
+      this.$timeout(() => {
+        if ($scope.longTouch && event.which !== 3) {
+          element.mouseup();
+
+          $scope.$apply(() => {
+            $scope.$eval(attrs.cheOnLongTouch);
+            $scope.longTouch = false;
+          });
+        }
+      }, 500);
+    });
+    element.on('touchend mouseup', () => {
+      $scope.longTouch = false;
+    });
+  }
+
+}
diff --git a/dashboard/src/components/branding/che-branding.factory.js b/dashboard/src/components/branding/che-branding.factory.js
index 8c314e8b33f..6ce4b75fb9d 100644
--- a/dashboard/src/components/branding/che-branding.factory.js
+++ b/dashboard/src/components/branding/che-branding.factory.js
@@ -41,6 +41,7 @@ export class CheBranding {
                 title: brandingData.title,
                 name: brandingData.name,
                 logoURL: assetPrefix + brandingData.logoFile,
+                logoText: assetPrefix + brandingData.logoTextFile,
                 favicon : assetPrefix + brandingData.favicon,
                 ideResourcesPath : brandingData.ideResources,
                 helpPath : brandingData.helpPath,
@@ -53,6 +54,7 @@ export class CheBranding {
             this.name = this.$rootScope.branding.name;
             this.productFavicon = this.$rootScope.branding.productFavicon;
             this.productLogo = this.$rootScope.branding.logoURL;
+            this.productLogoText = this.$rootScope.branding.logoText;
             this.ideResourcesPath = this.$rootScope.branding.ideResourcesPath;
             this.helpPath = this.$rootScope.branding.helpPath;
             this.helpTitle = this.$rootScope.branding.helpTitle;
diff --git a/dashboard/src/components/widget/panel/che-panel.styl b/dashboard/src/components/widget/panel/che-panel.styl
index 538cb30b842..e96e89ecb5c 100644
--- a/dashboard/src/components/widget/panel/che-panel.styl
+++ b/dashboard/src/components/widget/panel/che-panel.styl
@@ -8,7 +8,7 @@
   position: relative
 
 .che-panel .che-panel-title
-  color $background-color
+  color $mouse-gray-color
   margin-left 10px
   font-size 1.2em
   outline 0
diff --git a/dashboard/src/components/widget/toolbar/che-toolbar.directive.js b/dashboard/src/components/widget/toolbar/che-toolbar.directive.js
index 2734a991631..fb5671e743a 100644
--- a/dashboard/src/components/widget/toolbar/che-toolbar.directive.js
+++ b/dashboard/src/components/widget/toolbar/che-toolbar.directive.js
@@ -95,12 +95,6 @@ export class CheToolbar {
     var template = '<div class=\"che-toolbar\"><md-toolbar md-theme=\"' + theme +'\">\n'
       + '<div layout=\"row\" layout-align=\"start center\" flex>';
 
-    //toggle menu button
-    template += '<div layout=\"row\" class=\"che-toolbar-section\" layout-align=\"start center\" hide-gt-md>'
-      + '<div class=\"che-toolbar-control-button\" ng-click=\"controller.toggleLeftMenu()\" >'
-      + '<md-icon md-font-icon=\"fa fa-bars\"></md-icon>'
-      + '</div></div>';
-
     if (breadcrumbHref) {
       template += '<a class=\"che-toolbar-control-button che-toolbar-breadcrumb\" href=\"' + breadcrumbHref
       + '\" title=\"' + breadcrumbTitle + '\">'
diff --git a/dashboard/src/components/widget/toolbar/che-toolbar.styl b/dashboard/src/components/widget/toolbar/che-toolbar.styl
index f226f8d3b6d..63329d61e28 100644
--- a/dashboard/src/components/widget/toolbar/che-toolbar.styl
+++ b/dashboard/src/components/widget/toolbar/che-toolbar.styl
@@ -20,11 +20,6 @@ $toolbar-height = 60px
 .che-toolbar md-toolbar
   min-height $toolbar-height
 
-.che-toolbar-section
-  padding 0px 15px
-  border-right 1px solid $stroke-color
-  height $toolbar-height
-
 .che-toolbar-breadcrumb
   margin-left 10px
 
diff --git a/dashboard/src/index.html b/dashboard/src/index.html
index db0669ab1a9..a67efc2801f 100644
--- a/dashboard/src/index.html
+++ b/dashboard/src/index.html
@@ -50,13 +50,12 @@
   <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
   <![endif]-->
 
-  <md-sidenav id="chenavmenu" class='ide-show not-visible' ng-hide="showIDE" ng-class="waitingLoaded ? 'md-sidenav-left md-whiteframe-z2 dark-menu-bg sidebar-entry' : 'not-visible'" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
-    <che-nav-bar id="chenavbar" ></che-nav-bar>
+  <md-sidenav id="chenavmenu" class='ide-show not-visible' ng-class="waitingLoaded ? 'md-sidenav-left md-whiteframe-z2 dark-menu-bg sidebar-entry' : 'not-visible'" md-component-id="left" md-is-locked-open="!hideNavbar" layout="row">
+    <che-nav-bar id="chenavbar" layout="row" flex></che-nav-bar>
   </md-sidenav>
-  <div class="main-page ide-show" layout="column" flex ng-show="waitingLoaded && !showIDE">
-    <div id="main-content" role="main" ng-view layout="column" flex>
-    </div>
-    <che-footer che-logo="{{branding.logoURL}}" che-support-help-path="{{branding.helpPath}}" che-support-help-title="{{branding.helpTitle}}" che-support-email="{{branding.supportEmail}}" che-product-name="Eclipse Che"></che-footer>
+  <div class="main-page ide-show" layout="column" flex>
+    <div id="main-content" role="main" ng-view layout="column" flex ng-show="waitingLoaded && !showIDE"></div>
+    <che-footer che-support-help-path="{{branding.helpPath}}" che-support-help-title="{{branding.helpTitle}}" che-support-email="{{branding.supportEmail}}" che-product-name="Eclipse Che" ng-show="waitingLoaded && !showIDE"></che-footer>
   </div>
     <!-- Addons are not automatically injected -->
 
diff --git a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/CoreLocalizationConstant.java b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/CoreLocalizationConstant.java
index 44ff1440f2b..445f2c25127 100644
--- a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/CoreLocalizationConstant.java
+++ b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/CoreLocalizationConstant.java
@@ -363,18 +363,6 @@ public interface CoreLocalizationConstant extends Messages {
     @Key("action.showHiddenFiles.description")
     String actionShowHiddenFilesDescription();
 
-    @Key("action.redirectToDashboardProjects.title")
-    String actionRedirectToDashboardProjectsTitle();
-
-    @Key("action.redirectToDashboardProjects.description")
-    String actionRedirectToDashboardProjectsDescription();
-
-    @Key("action.redirectToDashboardWorkspaces.title")
-    String actionRedirectToDashboardWorkspacesTitle();
-
-    @Key("action.redirectToDashboardWorkspaces.description")
-    String actionRedirectToDashboardWorkspacesDescription();
-
     /* NewResource */
     @Key("newResource.title")
     String newResourceTitle(String title);
diff --git a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardProjectsAction.java b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardProjectsAction.java
deleted file mode 100644
index c923b90c192..00000000000
--- a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardProjectsAction.java
+++ /dev/null
@@ -1,39 +0,0 @@
-/*******************************************************************************
- * Copyright (c) 2012-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- *******************************************************************************/
-package org.eclipse.che.ide.actions;
-
-import com.google.gwt.user.client.Window;
-import com.google.inject.Inject;
-
-import org.eclipse.che.ide.CoreLocalizationConstant;
-import org.eclipse.che.ide.api.action.Action;
-import org.eclipse.che.ide.api.action.ActionEvent;
-
-/**
- * Open a new dashboard window with information about the projects
- *
- * @author Oleksii Orel
- */
-public class RedirectToDashboardProjectsAction extends Action {
-
-    private static final String REDIRECT_URL = "/dashboard/#/projects";
-
-    @Inject
-    public RedirectToDashboardProjectsAction(CoreLocalizationConstant localization) {
-        super(localization.actionRedirectToDashboardProjectsTitle(), localization.actionRedirectToDashboardProjectsDescription(), null, null);
-    }
-
-    /** {@inheritDoc} */
-    @Override
-    public void actionPerformed(ActionEvent e) {
-        Window.open(REDIRECT_URL, "_blank", "");
-    }
-}
diff --git a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardWorkspacesAction.java b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardWorkspacesAction.java
deleted file mode 100644
index f7a4f8e6622..00000000000
--- a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/actions/RedirectToDashboardWorkspacesAction.java
+++ /dev/null
@@ -1,39 +0,0 @@
-/*******************************************************************************
- * Copyright (c) 2012-2016 Codenvy, S.A.
- * All rights reserved. This program and the accompanying materials
- * are made available under the terms of the Eclipse Public License v1.0
- * which accompanies this distribution, and is available at
- * http://www.eclipse.org/legal/epl-v10.html
- *
- * Contributors:
- *   Codenvy, S.A. - initial API and implementation
- *******************************************************************************/
-package org.eclipse.che.ide.actions;
-
-import com.google.gwt.user.client.Window;
-import com.google.inject.Inject;
-
-import org.eclipse.che.ide.CoreLocalizationConstant;
-import org.eclipse.che.ide.api.action.Action;
-import org.eclipse.che.ide.api.action.ActionEvent;
-
-/**
- * Open a new dashboard window with information about the workspaces
- *
- * @author Oleksii Orel
- */
-public class RedirectToDashboardWorkspacesAction extends Action {
-
-    private static final String REDIRECT_URL = "/dashboard/#/workspaces";
-
-    @Inject
-    public RedirectToDashboardWorkspacesAction(CoreLocalizationConstant localization) {
-        super(localization.actionRedirectToDashboardWorkspacesTitle(), localization.actionRedirectToDashboardWorkspacesDescription(), null, null);
-    }
-
-    /** {@inheritDoc} */
-    @Override
-    public void actionPerformed(ActionEvent e) {
-        Window.open(REDIRECT_URL, "_blank", "");
-    }
-}
diff --git a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/client/BootstrapController.java b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/client/BootstrapController.java
index 37b5d61e125..6fd0d0754fb 100644
--- a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/client/BootstrapController.java
+++ b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/client/BootstrapController.java
@@ -211,8 +211,21 @@ public void onClose(CloseEvent<Window> event) {
 
         elemental.html.Window window = Browser.getWindow();
 
+        Scheduler.get().scheduleDeferred(new ScheduledCommand() {
+            @Override
+            public void execute() {
+                notifyIDELoaded();
+            }
+        });
     }
 
+    /**
+     * Sends a message to the parent frame to inform that IDE application has been loaded.
+     */
+    private native void notifyIDELoaded() /*-{
+        $wnd.parent.postMessage("ide-loaded", "*");
+    }-*/;
+
     /**
      * Handles any of initialization errors.
      * Tries to call predefined IDE.eventHandlers.ideInitializationFailed function.
diff --git a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/core/StandardComponentInitializer.java b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/core/StandardComponentInitializer.java
index c40170ab2f0..cf8bed1df21 100644
--- a/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/core/StandardComponentInitializer.java
+++ b/ide/che-core-ide-app/src/main/java/org/eclipse/che/ide/core/StandardComponentInitializer.java
@@ -41,8 +41,6 @@
 import org.eclipse.che.ide.actions.OpenSelectedFileAction;
 import org.eclipse.che.ide.actions.PasteAction;
 import org.eclipse.che.ide.actions.ProjectConfigurationAction;
-import org.eclipse.che.ide.actions.RedirectToDashboardProjectsAction;
-import org.eclipse.che.ide.actions.RedirectToDashboardWorkspacesAction;
 import org.eclipse.che.ide.actions.RedoAction;
 import org.eclipse.che.ide.actions.RenameItemAction;
 import org.eclipse.che.ide.actions.SaveAction;
@@ -279,12 +277,6 @@ public interface ParserResource extends ClientBundle {
     @Inject
     private ShowReferenceAction showReferenceAction;
 
-    @Inject
-    private RedirectToDashboardProjectsAction redirectToDashboardProjectsAction;
-
-    @Inject
-    private RedirectToDashboardWorkspacesAction redirectToDashboardWorkspacesAction;
-
     @Inject
     private ConvertFolderToProjectAction convertFolderToProjectAction;
 
@@ -507,13 +499,8 @@ public void initialize() {
 
         //Compose Profile menu
         DefaultActionGroup profileGroup = (DefaultActionGroup)actionManager.getAction(IdeActions.GROUP_PROFILE);
-        actionManager.registerAction("redirectToDashboardProjectsAction", redirectToDashboardProjectsAction);
-        actionManager.registerAction("redirectToDashboardWorkspacesAction", redirectToDashboardWorkspacesAction);
         actionManager.registerAction("showPreferences", showPreferencesAction);
-        profileGroup.add(redirectToDashboardProjectsAction);
-        profileGroup.add(redirectToDashboardWorkspacesAction);
 
-        profileGroup.addSeparator();
         profileGroup.add(showPreferencesAction);
 
         // Compose Help menu
@@ -631,4 +618,5 @@ private class NoOpAction extends Action {
         public void actionPerformed(ActionEvent e) {
         }
     }
+
 }
diff --git a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/CoreLocalizationConstant.properties b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/CoreLocalizationConstant.properties
index 3da74aea756..4dfd729cfee 100644
--- a/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/CoreLocalizationConstant.properties
+++ b/ide/che-core-ide-app/src/main/resources/org/eclipse/che/ide/CoreLocalizationConstant.properties
@@ -187,10 +187,6 @@ action.showHiddenFiles.description = Show/Hide Hidden Files
 action.completions.title = Content Assist
 action.git.index.updated=Git index updated
 action.git.index.update.failed=Failed to update git index
-action.redirectToDashboardProjects.title=Projects
-action.redirectToDashboardProjects.description=Open User Dashboard Projects window
-action.redirectToDashboardWorkspaces.title=Workspaces
-action.redirectToDashboardWorkspaces.description=Open User Dashboard Workspaces window
 action.convert.folder.to.project=Convert To Project
 action.convert.folder.to.project.description=Converts current folder to project
 
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/pom.xml b/plugins/plugin-dashboard/che-plugin-ext-dashboard/pom.xml
index b0bfb5ed121..f2ba9b5832f 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/pom.xml
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/pom.xml
@@ -25,17 +25,25 @@
         <dto-generator-out-directory>${project.build.directory}/generated-sources/dto/</dto-generator-out-directory>
     </properties>
     <dependencies>
+        <dependency>
+            <groupId>com.google.gwt</groupId>
+            <artifactId>gwt-elemental</artifactId>
+        </dependency>
         <dependency>
             <groupId>com.google.inject</groupId>
             <artifactId>guice</artifactId>
         </dependency>
         <dependency>
             <groupId>org.eclipse.che.core</groupId>
-            <artifactId>che-core-ide-api</artifactId>
+            <artifactId>che-core-api-workspace-shared</artifactId>
         </dependency>
         <dependency>
-            <groupId>org.vectomatic</groupId>
-            <artifactId>lib-gwt-svg</artifactId>
+            <groupId>org.eclipse.che.core</groupId>
+            <artifactId>che-core-commons-gwt</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.eclipse.che.core</groupId>
+            <artifactId>che-core-ide-api</artifactId>
         </dependency>
         <dependency>
             <groupId>com.google.gwt</groupId>
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.java b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.java
index 96c562036d5..c1851663f25 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.java
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.java
@@ -20,6 +20,10 @@ public interface DashboardLocalizationConstant extends Messages {
     @Key("open.dashboard.toolbar-button.title")
     String openDashboardToolbarButtonTitle();
 
-    @Key("open.dashboard.redirect.url")
-    String openDashboardRedirectUrl();
+    @Key("open.dashboard.url.workspace")
+    String openDashboardUrlWorkspace(String workspaceID);
+
+    @Key("open.dashboard.url.workspaces")
+    String openDashboardUrlWorkspaces();
+
 }
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardResources.java b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardResources.java
index 936c0f6371e..4e7a7d556e1 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardResources.java
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/DashboardResources.java
@@ -22,17 +22,11 @@
  */
 public interface DashboardResources extends ClientBundle {
     interface DashboardCSS extends CssResource {
-        String tooltip();
 
-        String dashboardButton();
+        String dashboardArrow();
     }
 
     @Source({"Dashboard.css", "org/eclipse/che/ide/api/ui/style.css"})
     DashboardCSS dashboardCSS();
 
-    @Source("icons/dashboardButtonBackground.svg")
-    SVGResource dashboardButtonBackground();
-
-    @Source("icons/dashboardButtonIcon.svg")
-    SVGResource dashboardButtonIcon();
 }
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/RedirectToDashboardAction.java b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/RedirectToDashboardAction.java
index c7bbc909434..a5ed28cd0c9 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/RedirectToDashboardAction.java
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/java/org/eclipse/che/ide/ext/dashboard/client/RedirectToDashboardAction.java
@@ -12,29 +12,49 @@
 
 import com.google.gwt.dom.client.Element;
 import com.google.gwt.user.client.DOM;
-import com.google.gwt.user.client.ui.Anchor;
+import com.google.gwt.user.client.ui.FlowPanel;
 import com.google.gwt.user.client.ui.Widget;
 import com.google.inject.Inject;
 
+import com.google.web.bindery.event.shared.EventBus;
 import org.eclipse.che.ide.api.action.Action;
 import org.eclipse.che.ide.api.action.ActionEvent;
 import org.eclipse.che.ide.api.action.CustomComponentAction;
 import org.eclipse.che.ide.api.action.Presentation;
+import org.eclipse.che.ide.api.app.AppContext;
+import org.eclipse.che.ide.api.workspace.event.WorkspaceStartedEvent;
+import org.eclipse.che.ide.api.workspace.event.WorkspaceStartedHandler;
+import org.eclipse.che.ide.api.workspace.event.WorkspaceStoppedEvent;
+import org.eclipse.che.ide.api.workspace.event.WorkspaceStoppedHandler;
+import org.eclipse.che.ide.ui.Tooltip;
+import static org.eclipse.che.ide.ui.menu.PositionController.HorizontalAlign.RIGHT;
+import static org.eclipse.che.ide.ui.menu.PositionController.VerticalAlign.BOTTOM;
 
 /**
  * Action to provide Dashboard button onto toolbar.
  *
  * @author Oleksii Orel
  */
-public class RedirectToDashboardAction extends Action implements CustomComponentAction {
+public class RedirectToDashboardAction extends Action implements CustomComponentAction,
+        WorkspaceStartedHandler, WorkspaceStoppedHandler {
+
     private final DashboardLocalizationConstant constant;
     private final DashboardResources            resources;
+    private final AppContext                    appContext;
+
+    private Element                             arrow;
 
     @Inject
     public RedirectToDashboardAction(DashboardLocalizationConstant constant,
-                                     DashboardResources resources) {
+                                     DashboardResources resources,
+                                     EventBus eventBus,
+                                     AppContext appContext) {
         this.constant = constant;
         this.resources = resources;
+        this.appContext = appContext;
+
+        eventBus.addHandler(WorkspaceStartedEvent.TYPE, this);
+        eventBus.addHandler(WorkspaceStoppedEvent.TYPE, this);
     }
 
     @Override
@@ -43,22 +63,38 @@ public void actionPerformed(ActionEvent e) {
 
     @Override
     public Widget createCustomComponent(Presentation presentation) {
-        final Anchor dashboardButton = new Anchor();
-        final Element tooltipContainer = DOM.createDiv();
-        final Element tooltipElement = DOM.createSpan();
-
-        dashboardButton.ensureDebugId("dashboard-toolbar-button");
-        dashboardButton.addStyleName(resources.dashboardCSS().dashboardButton());
-        dashboardButton.setHref(constant.openDashboardRedirectUrl());
-        dashboardButton.getElement().setAttribute("target", "_blank");
-        dashboardButton.getElement().insertFirst(resources.dashboardButtonBackground().getSvg().getElement());
-        dashboardButton.getElement().appendChild(resources.dashboardButtonIcon().getSvg().getElement());
-        tooltipElement.setInnerText(constant.openDashboardToolbarButtonTitle());
-        tooltipContainer.appendChild(tooltipElement);
-        tooltipContainer.setClassName(resources.dashboardCSS().tooltip());
-        dashboardButton.getElement().appendChild(tooltipContainer);
-
-        return dashboardButton;
+        FlowPanel panel = new FlowPanel();
+        panel.setWidth("24px");
+        panel.setHeight("24px");
+
+        arrow = DOM.createAnchor();
+        arrow.setClassName(resources.dashboardCSS().dashboardArrow());
+        arrow.setInnerHTML("<i class=\"fa fa-chevron-right\" />");
+        panel.getElement().appendChild(arrow);
+
+        arrow.setAttribute("href", constant.openDashboardUrlWorkspace(appContext.getWorkspace().getConfig().getName()));
+        arrow.setAttribute("target", "_blank");
+
+        Tooltip.create((elemental.dom.Element) arrow,
+                BOTTOM,
+                RIGHT,
+                constant.openDashboardToolbarButtonTitle());
+
+        return panel;
+    }
+
+    @Override
+    public void onWorkspaceStarted(WorkspaceStartedEvent event) {
+        if (arrow != null) {
+            arrow.setAttribute("href", constant.openDashboardUrlWorkspace(event.getWorkspace().getConfig().getName()));
+        }
+    }
+
+    @Override
+    public void onWorkspaceStopped(WorkspaceStoppedEvent event) {
+        if (arrow != null) {
+            arrow.setAttribute("href", constant.openDashboardUrlWorkspaces());
+        }
     }
 
 }
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/Dashboard.css b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/Dashboard.css
index e9d50163402..3545a24111a 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/Dashboard.css
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/Dashboard.css
@@ -8,83 +8,18 @@
  * Contributors:
  *   Codenvy, S.A. - initial API and implementation
  *******************************************************************************/
-@eval buttonIconColor "#FFFFFF";
-@eval buttonIconHoverColor "#E3E3E3";
 
-div.tooltip {
+.dashboardArrow {
     position: absolute;
-    width: 50%;
-    height: 0;
-    top: 100%;
-    left: 0;
-}
-
-.tooltip > span {
-    position: fixed;
-    color: mainFontColor;
-    border: 1px solid tooltipBackgroundColor;
-    background: tooltipBackgroundColor;
-    white-space: nowrap;
-    font-family: mainFontFamily;
-    font-size: 8pt;
-    font-weight: normal;
-    text-align: left;
-    padding: 10px 20px;
-    line-height: normal;
-    z-index: 16777271;
-    margin-left: 7px;
-    margin-top: 9px;
-    display: none;
-}
-
-.tooltip > span::after {
-    content: "";
-    position: absolute;
-    width: 0;
-    height: 0;
-    border: 10px solid;
-    border-color: transparent transparent tooltipBackgroundColor transparent;
-    top: -20px;
-    right: literal("calc(100% - 20px)");
-}
-
-.dashboardButton:hover > .tooltip > span {
-    display: inline-block;
-}
-
-.tooltip > span:hover {
-    pointer-events: none;
-}
-
-.dashboardButton {
-    position: relative;
-    margin: 0 20px 0 0;
-    height: 100%;
-    width: 50px;
-    padding: 0;
-    opacity: 1;
-    border: none;
-    box-shadow: none;
     cursor: pointer;
+    outline: none;
+    width: 24px;
+    height: 16px;
+    top: 4px;
+    background-color: #525c86;
+    color: #f1f1f1!important;
+    font-size: 8px;
+    padding: 0px;
+    line-height: 16px;
     text-align: center;
 }
-
-.dashboardButton svg:first-child {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 68px;
-    height: 24px;
-}
-
-.dashboardButton svg + svg {
-    position: absolute;
-    width: 18px;
-    height: 100%;
-    fill: buttonIconColor;
-    left: literal("calc(50% - 3px)");
-}
-
-.dashboardButton:hover svg + svg {
-    fill: buttonIconHoverColor;
-}
\ No newline at end of file
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.properties b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.properties
index 47d5ce11583..eb9853ec144 100644
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.properties
+++ b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/DashboardLocalizationConstant.properties
@@ -11,4 +11,5 @@
 
 ############### Redirect Action ###############################
 open.dashboard.toolbar-button.title = Open dashboard
-open.dashboard.redirect.url = /dashboard
+open.dashboard.url.workspace = /dashboard/#/ide/{0}
+open.dashboard.url.workspaces = /dashboard/#/workspaces
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonBackground.svg b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonBackground.svg
deleted file mode 100644
index a2276162419..00000000000
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonBackground.svg
+++ /dev/null
@@ -1,32 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-
-    Copyright (c) 2012-2016 Codenvy, S.A.
-    All rights reserved. This program and the accompanying materials
-    are made available under the terms of the Eclipse Public License v1.0
-    which accompanies this distribution, and is available at
-    http://www.eclipse.org/legal/epl-v10.html
-
-    Contributors:
-      Codenvy, S.A. - initial API and implementation
-
--->
-<svg width="60px" height="21px" viewBox="0 0 60 21" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1">
-            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner1"></feOffset>
-            <feGaussianBlur stdDeviation="1.5" in="shadowOffsetInner1" result="shadowBlurInner1"></feGaussianBlur>
-            <feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
-            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.35 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix>
-            <feMerge>
-                <feMergeNode in="SourceGraphic"></feMergeNode>
-                <feMergeNode in="shadowMatrixInner1"></feMergeNode>
-            </feMerge>
-        </filter>
-    </defs>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g filter="url(#filter-1)" fill="#4A90E2">
-                <path d="M-1.11022302e-16,0 L59.140625,0 L46.5236866,18.5189282 C45.5901303,19.8891863 43.4915607,21 41.839546,21 L-1.11022302e-16,21 L-1.11022302e-16,0 Z"></path>
-        </g>
-    </g>
-</svg>
diff --git a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonIcon.svg b/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonIcon.svg
deleted file mode 100644
index fa448d97d71..00000000000
--- a/plugins/plugin-dashboard/che-plugin-ext-dashboard/src/main/resources/org/eclipse/che/ide/ext/dashboard/client/icons/dashboardButtonIcon.svg
+++ /dev/null
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!--
-
-    Copyright (c) 2012-2016 Codenvy, S.A.
-    All rights reserved. This program and the accompanying materials
-    are made available under the terms of the Eclipse Public License v1.0
-    which accompanies this distribution, and is available at
-    http://www.eclipse.org/legal/epl-v10.html
-
-    Contributors:
-      Codenvy, S.A. - initial API and implementation
-
--->
-<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg"
-     xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g stroke="none" stroke-width="1">
-        <g transform="translate(-18.000000, -3.000000)">
-            <g transform="translate(-10.000000, -4.000000)">
-                <g transform="translate(28.000000, 7.000000)">
-                    <path d="M5.29949615,16 C5.85058247,16 6.2973262,15.5601021 6.2973262,15 L6.2973262,10.6 C6.2973262,10.0477153 5.84443803,9.6 5.29949615,9.6 L0.997830057,9.6 C0.446743734,9.6 0,10.0398979 0,10.6 L0,15 C0,15.5522847 0.452888171,16 0.997830057,16 L5.29949615,16 Z"/>
-                    <path d="M14.7454855,16 C15.2965718,16 15.7433155,15.5601021 15.7433155,15 L15.7433155,10.6 C15.7433155,10.0477153 15.2904273,9.6 14.7454855,9.6 L10.4438194,9.6 C9.89273304,9.6 9.4459893,10.0398979 9.4459893,10.6 L9.4459893,15 C9.4459893,15.5522847 9.89887748,16 10.4438194,16 L14.7454855,16 Z"/>
-                    <path d="M14.7454855,6.4 C15.2965718,6.4 15.7433155,5.96010208 15.7433155,5.4 L15.7433155,1 C15.7433155,0.44771525 15.2904273,0 14.7454855,0 L10.4438194,0 C9.89273304,0 9.4459893,0.439897919 9.4459893,1 L9.4459893,5.4 C9.4459893,5.95228475 9.89887748,6.4 10.4438194,6.4 L14.7454855,6.4 Z"/>
-                    <path d="M5.29949615,6.4 C5.85058247,6.4 6.2973262,5.96010208 6.2973262,5.4 L6.2973262,1 C6.2973262,0.44771525 5.84443803,0 5.29949615,0 L0.997830057,0 C0.446743734,0 0,0.439897919 0,1 L0,5.4 C0,5.95228475 0.452888171,6.4 0.997830057,6.4 L5.29949615,6.4 Z"/>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>