Publish 0.13.0
diff --git a/a-new-microservice-to-provide-node-js-sub-dependency-license-insights.html b/a-new-microservice-to-provide-node-js-sub-dependency-license-insights.html
index 168313c..9f35958 100644
--- a/a-new-microservice-to-provide-node-js-sub-dependency-license-insights.html
+++ b/a-new-microservice-to-provide-node-js-sub-dependency-license-insights.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/a-technical-autopsy-of-a-containerized-node-js-dependency-insights-microservice-application.html b/a-technical-autopsy-of-a-containerized-node-js-dependency-insights-microservice-application.html
index 23ea95a..0c9534a 100644
--- a/a-technical-autopsy-of-a-containerized-node-js-dependency-insights-microservice-application.html
+++ b/a-technical-autopsy-of-a-containerized-node-js-dependency-insights-microservice-application.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/blog.html b/blog.html
index 6b4a2ec..66306cc 100644
--- a/blog.html
+++ b/blog.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/che-codechange.html b/che-codechange.html
index 86d2614..623561d 100644
--- a/che-codechange.html
+++ b/che-codechange.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="making-a-code-change-with-codewind-for-eclipse-che">Making a code change with Codewind for Eclipse Che</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="making-a-code-change-with-codewind-for-eclipse-che">Making a code change with Codewind for Eclipse Che</h1>
 <ol>
   <li>From the Explorer Projects view, find the project you want to edit and open the file you want to change.</li>
   <li>Edit the file.</li>
@@ -472,13 +583,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 22, 2020
+            Last update: Apr 22, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -627,7 +737,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -662,18 +772,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-createcodewindworkspace.html b/che-createcodewindworkspace.html
index 55f2d69..8ab1df1 100644
--- a/che-createcodewindworkspace.html
+++ b/che-createcodewindworkspace.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-a-codewind-workspace-in-che">Creating a Codewind workspace in Che</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-a-codewind-workspace-in-che">Creating a Codewind workspace in Che</h1>
 <p>Use Codewind with Che workspaces to develop your application in a single location.</p>
 
 <h3 id="creating-the-codewind-workspace-with-a-devfile">Creating the Codewind workspace with a devfile</h3>
@@ -474,22 +585,23 @@
   <li>Go to <strong>Workspaces</strong> and click <strong>Add Workspace</strong>.</li>
   <li>Click <strong>Import Devfile</strong>.</li>
   <li>From <strong>Source</strong>, click <strong>YAML</strong>.</li>
-  <li>Go to the link <a href="https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.12.0/devfiles/0.12.0/devfile.yaml">codewind-che-plugin/0.12.0/devfile.yaml</a> and copy and paste the contents into the YAML text box in your Che workspace.</li>
+  <li>Go to <a href="https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.13.0/devfiles/0.13.0/devfile.yaml">codewind-che-plugin/0.13.0/devfile.yaml</a> and copy and paste the contents into the <strong>YAML</strong> text box in your Che workspace.</li>
   <li>Click <strong>Create &amp; Open</strong>.</li>
 </ol>
 
 <p>For more sample devfiles, see <a href="https://github.com/kabanero-io/codewind-templates/tree/master/devfiles"><code class="highlighter-rouge">codewind-templates/devfiles/</code></a>.</p>
 
-<p>Next step: <a href="che-createfirstproject.html">Creating your first project with Codewind for Eclipse Che</a></p>
+<h3 id="next-step">Next Step</h3>
+
+<p><strong>Getting started with Codewind for Eclipse Che</strong> Continue to instructions for <a href="che-createfirstproject.html">Creating your first project with Codewind for Eclipse Che</a></p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: Jun 03, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -638,7 +750,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -673,18 +785,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-createfirstproject.html b/che-createfirstproject.html
index 2943faa..5fe3281 100644
--- a/che-createfirstproject.html
+++ b/che-createfirstproject.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-eclipse-che">Creating your first Codewind project with Codewind for Eclipse Che</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-eclipse-che">Creating your first Codewind project with Codewind for Eclipse Che</h1>
 
 <p><strong>Note:</strong> If you already have projects in your Che workspace, such as from your devfile, add them to Codewind with the <strong>Add Existing Project</strong> command instead of the <strong>Create New Project</strong> command.</p>
 
@@ -502,13 +613,12 @@
 <p>Next step: <a href="che-codechange.html">Making a code change with Codewind for Eclipse Che</a></p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 22, 2020
+            Last update: Apr 22, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -657,7 +767,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -692,18 +802,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-installinfo.html b/che-installinfo.html
index 47d25fe..9374ab2 100644
--- a/che-installinfo.html
+++ b/che-installinfo.html
@@ -33,12 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<title>Installing Eclipse Che for Codewind | Codewind</title>
+    	<title>Installing Codewind for Eclipse Che | Codewind</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Installing Eclipse Che for Codewind">
+	<meta name="description" content="Installing Codewind for Eclipse Che">
 	<meta name="keywords" content="build, deploy, install, installing, installation, chart, Helm, develop, cloud, public cloud, services, command line, cli, command, start, stop, update, open,..."/>
 	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,357 +122,489 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="installing-eclipse-che-for-codewind">Installing Eclipse Che for Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="installing-codewind-for-eclipse-che">Installing Codewind for Eclipse Che</h1>
 
-<p>Install Che to use with Codewind or prepare to use Codewind with an existing Che installation.</p>
+<p>Codewind is supported on Eclipse Che, removing the need to install an IDE on your local machine to develop your microservices.</p>
 
-<h2 id="prerequisites">Prerequisites</h2>
+<p>By using Codewind hosted as an application on the cloud, you can develop, build and run your code all by accessing Codewind from a browser window from your local desktop.</p>
+
+<p>Follow the instructions to get started with using Codewind as an application hosted on the cloud, which guides you through:</p>
 
 <ol>
-  <li>Set up PersistentVolumes (PVs) that support both <code class="highlighter-rouge">ReadWriteOnce</code> (RWO) and <code class="highlighter-rouge">ReadWriteMany</code> (RWX) access modes and each have a minimum of 5 Gi storage.
+  <li>Installing Eclipse Che to use with Codewind or installing Codewind onto an existing Eclipse Che cluster</li>
+  <li>Adding an image registry in Eclipse Che (optional)</li>
+  <li>Creating a Codewind workspace in Eclipse Che</li>
+  <li>Creating your first Codewind project with Codewind for Eclipse Che</li>
+  <li>Making a code change to try out the inner loop experience</li>
+</ol>
+
+<h3 id="other-codewind-configurations">Other Codewind configurations</h3>
+
+<p>Codewind can be used in one of three ways - <a href="./che-installinfo.html">hosted as an IDE extension on the cloud</a>, <a href="./vsc-getting-started.html">locally</a> or <a href="./remote-codewind-overview.html">remotely</a>.</p>
+
+<p><strong>A quick way to try out Codewind before installing Codewind on Eclipse Che is to use Codewind locally</strong> In this fully local configuration, you create, develop, build and run your containerized applications on your local machine using your local IDE. See <a href="./gettingstarted.html">Getting Started with Codewind</a> for local IDE options and step-by-step instructions.</p>
+
+<p><strong>Using Codewind Remotely</strong> Rather than using an IDE hosted in the cloud to make code changes, Codewind can also be configured for making code changes on your <strong>local IDE</strong> before building and running on your cloud. To <a href="./remote-codewind-overview.html">configure Codewind to be used remotely</a>, <strong>you must first follow the steps to <a href="./gettingstarted.html">install codewind locally</a></strong>.</p>
+
+<h1 id="installing-codewind-for-eclipse-che-1">Installing Codewind for Eclipse Che</h1>
+
+<h3 id="prerequisites">Prerequisites</h3>
+
+<ol>
+  <li>Set up PersistentVolumes (PVs) that support both <code class="highlighter-rouge">ReadWriteOnce</code> (RWO) and <code class="highlighter-rouge">ReadWriteMany</code> (RWX) access modes and each have a minimum of five Gi storage.
     <ul>
       <li>One volume is required for Che, and two volumes are required for each Codewind workspace.</li>
       <li>For Network File System (NFS) shares, set 777 permissions for the exported folders and ownership of <code class="highlighter-rouge">nobody:nogroup</code>.</li>
@@ -484,40 +617,65 @@
       <li>Many clusters have image policies that control which registries you can use to pull images. Check your cluster documentation and ensure that the cluster image pull policies permit both of these registries.</li>
     </ul>
   </li>
+  <li>Create the <code class="highlighter-rouge">che</code> namespace to install Che with the <code class="highlighter-rouge">kubectl create namespace che</code> command.</li>
   <li>Set up the ClusterRole for Codewind:
-<code class="highlighter-rouge">kubectl apply -f https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.12.0/setup/install_che/codewind-clusterrole.yaml</code></li>
+<code class="highlighter-rouge">kubectl apply -f https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.13.0/setup/install_che/codewind-clusterrole.yaml</code></li>
 </ol>
 
-<h2 id="installing-che-with-chectl">Installing Che with chectl</h2>
+<h3 id="choose-from-the-following-instructions">Choose from the following instructions:</h3>
 
-<p>Install Eclipse Che with HTTPS so that Codewind functions properly. See the <a href="#installing-che">Installing Che</a> section to set up Eclipse Che with TLS certificates.</p>
-
-<h3 id="installing-che">Installing Che</h3>
-<p>The fastest way to install Eclipse Che for Codewind is to use the <code class="highlighter-rouge">chectl</code> CLI. To install the <code class="highlighter-rouge">chectl</code> CLI tool, see <a href="https://www.eclipse.org/che/docs/che-7/installing-the-chectl-management-tool/">Installing the chectl management tool</a>.</p>
-
-<p>After you install <code class="highlighter-rouge">chectl</code>, download the <a href="https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.12.0/setup/install_che/che-operator/codewind-checluster.yaml">codewind-checluster.yaml</a> file.</p>
 <ul>
-  <li>You can modify this file, but leave the <code class="highlighter-rouge">spec.server.cheWorkspaceClusterRole</code> field set to <code class="highlighter-rouge">eclipse-codewind</code> and the <code class="highlighter-rouge">spec.storage.preCreateSubPaths</code> field set to <code class="highlighter-rouge">true</code>.</li>
+  <li><a href="./che-installinfo.html#installing-che-to-use-with-codewind">Install Eclipse Che to use with Codewind</a></li>
 </ul>
 
+<p>or</p>
+
+<ul>
+  <li><a href="./che-installinfo.html#installing-codewind-onto-an-existing-eclipse-che-cluster">Install Codewind onto an existing Eclipse Che cluster</a></li>
+</ul>
+
+<h4 id="installing-eclipse-che-to-use-with-codewind">Installing Eclipse Che to use with Codewind</h4>
+
+<p>Follow these instructions to install Eclipse Che with HTTPS so that Codewind functions properly.</p>
+
+<p>The fastest way to install Eclipse Che for Codewind is to use the <code class="highlighter-rouge">chectl</code> CLI. Perform the following:</p>
+
+<ol>
+  <li>
+    <p>Install the <code class="highlighter-rouge">chectl</code> CLI tool. See <a href="https://www.eclipse.org/che/docs/che-7/installing-the-chectl-management-tool/">Installing the chectl management tool</a>.</p>
+  </li>
+  <li>
+    <p>Download the [codewind-checluster.yaml]https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.12.0/setup/install_che/che-operator/codewind-checluster.yaml) file.</p>
+  </li>
+  <li>
+    <p>Use the following instructions to install Codewind on your Openshift or Kubernetes cluster:</p>
+  </li>
+</ol>
+
 <p><strong>Installing on OpenShift:</strong></p>
 
-<p>Eclipse Che on OpenShift makes use of the router’s existing certificates. 
+<p>Eclipse Che on OpenShift makes use of the Openshift router’s existing certificates. 
 Run the following command to install Che on OpenShift with <code class="highlighter-rouge">chectl</code>:</p>
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>   $ chectl server:start --platform=openshift --installer=operator --che-operator-cr-yaml=codewind-checluster.yaml --che-operator-image=quay.io/eclipse/che-operator:7.9.2
+<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>   $ chectl server:start --platform=openshift --installer=operator --che-operator-cr-yaml=codewind-checluster.yaml --che-operator-image=quay.io/eclipse/che-operator:7.12.2
 </code></pre></div></div>
 
 <p><strong>Installing on Kubernetes:</strong></p>
 
+<p>Set up Eclipse Che with TLS certificates.</p>
+
 <ol>
-  <li>Create the <code class="highlighter-rouge">che</code> namespace if it doesn’t already exist: <code class="highlighter-rouge">kubectl create namespace che</code>.</li>
-  <li>Determine your Ingress domain.
+  <li>
+    <p>Create the <code class="highlighter-rouge">che</code> namespace if it doesn’t already exist: <code class="highlighter-rouge">kubectl create namespace che</code>.</p>
+  </li>
+  <li>Set the <code class="highlighter-rouge">spec.server.ingressDomain</code> field in the Che <code class="highlighter-rouge">.yaml</code> file to the Ingress domain. If you’re unsure of your Ingress domain, ask your cluster administrator.
     <ul>
-      <li>Set the <code class="highlighter-rouge">spec.server.ingressDomain</code> field in the Che <code class="highlighter-rouge">.yaml</code> file to the Ingress domain.</li>
-      <li>If you’re unsure of your Ingress domain, ask your cluster administrator.</li>
+      <li><strong>Note:</strong> You can modify this file, but leave the <code class="highlighter-rouge">spec.server.cheWorkspaceClusterRole</code> field set to <code class="highlighter-rouge">eclipse-codewind</code> and the <code class="highlighter-rouge">spec.storage.preCreateSubPaths</code> field set to <code class="highlighter-rouge">true</code>.</li>
+      <li>If you install Che with publicly signed certificates, such as on OpenShift on IBM Cloud, set the <code class="highlighter-rouge">spec.server.selfSignedCert</code> to <strong>false</strong>.</li>
     </ul>
   </li>
-  <li>Generate TLS certificates and keys. For more information, see <a href="https://www.eclipse.org/che/docs/che-7/setup-che-in-tls-mode-with-self-signed-certificate/#generating-self-signed-certificates_setup-che-in-tls-mode-with-self-signed-certificate">Generating self-signed TLS certificates</a>.</li>
+  <li>
+    <p>Generate TLS certificates and keys. For more information, see <a href="https://www.eclipse.org/che/docs/che-7/installing-che-in-tls-mode-with-self-signed-certificates/#generating-self-signed-certificates_installing-che-in-tls-mode-with-self-signed-certificates">Generating self-signed TLS certificates</a>.To use self-signed certificates for your cluster setup, see <a href="https://www.eclipse.org/che/docs/che-7/installing-che-in-tls-mode-with-self-signed-certificates/#generating-self-signed-certificates_installing-che-in-tls-mode-with-self-signed-certificates">Installing Che in TLS mode with self-signed certificates</a> <strong>Important:</strong> do not use self-signed certificates in production</p>
+  </li>
   <li>Generate a Kubernetes secret containing the TLS secret and key you generated in the previous set:
     <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ kubectl create secret tls che-tls --key=domain.key --cert=domain.crt -n che
 </code></pre></div>    </div>
@@ -529,88 +687,29 @@
   </li>
   <li>In the <code class="highlighter-rouge">codewind-checluster.yaml</code> file, set <code class="highlighter-rouge">tlsSecretName: 'che-tls'</code></li>
   <li>Run the following command to install Che:
-    <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ chectl server:start --platform=k8s --installer=operator --domain=&lt;ingress-domain&gt; --che-operator-cr-yaml=codewind-checluster.yaml --che-operator-image=quay.io/eclipse/che-operator:7.9.2
+    <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ chectl server:start --platform=k8s --installer=operator --domain=&lt;ingress-domain&gt; --che-operator-cr-yaml=codewind-checluster.yaml --che-operator-image=quay.io/eclipse/che-operator:7.12.2
 </code></pre></div>    </div>
   </li>
 </ol>
 
-<h2 id="updating-an-existing-che-installation">Updating an existing Che installation</h2>
+<h4 id="installing-codewind-onto-an-existing-eclipse-che-cluster">Installing Codewind onto an existing Eclipse Che cluster</h4>
 
-<p>If you already have a Che installation with TLS, you can update it for Codewind.</p>
+<p>If you already have an Eclipse Che installation with TLS, you can update it for Codewind.</p>
 
 <p>Run the following command, where <code class="highlighter-rouge">$NAMESPACE</code> is the namespace that your Che workspaces run in. By default, this namespace is <code class="highlighter-rouge">che</code>.</p>
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ kubectl apply -f https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.12.0/setup/install_che/codewind-clusterrole.yaml -n $NAMESPACE
+<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ kubectl apply -f https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.13.0/setup/install_che/codewind-clusterrole.yaml -n $NAMESPACE
 </code></pre></div></div>
+<h3 id="next-steps">Next steps</h3>
 
-<h2 id="adding-certificates-for-che-to-your-browser">Adding certificates for Che to your browser</h2>
-
-<p><strong>Note</strong>: If you configured Eclipse Che with self-signed certificates, you need to add the <code class="highlighter-rouge">ca.crt</code> for Eclipse Che to your browser. Examples of configuring Che with self-signed certificates include the following examples:</p>
-<ul>
-  <li>Completing the previous steps for Kubernetes</li>
-  <li>Installing Che on an OpenShift cluster with self-signed-certificates</li>
-</ul>
-
-<p>The following steps for adding certificates are not necessary if you installed Che with publicly signed certificates, such as on OpenShift on IBM Cloud.</p>
-
-<h3 id="download-the-openshift-router-cacrt">Download the OpenShift router ca.crt</h3>
-<p>If running on OpenShift with self-signed certificates, follow these instructions:</p>
-
-<ol>
-  <li>Authenticate against your OpenShift cluster, or ask your cluster administrator to do so.</li>
-  <li>Run the following command to download the router’s <code class="highlighter-rouge">ca.crt</code>:
-    <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>$ oc get secret router-ca -n openshift-ingress-operator -o jsonpath="{.data.tls\.crt}" | base64 -d &gt; rootCa.crt
-</code></pre></div>    </div>
-  </li>
-</ol>
-
-<h3 id="adding-the-cacrt-to-google-chrome">Adding the ca.crt to Google Chrome</h3>
-
-<p>On macOS, follow these steps:</p>
-
-<ol>
-  <li>Open <strong>Keychain Access</strong> and click <strong>File</strong>&gt;<strong>Import items</strong>.</li>
-  <li>Locate the <code class="highlighter-rouge">rootCa.crt</code> that you downloaded and import it.</li>
-  <li>Find and click the certificate in Keychain.</li>
-  <li>In the window that opens, expand the <strong>Trust section</strong>. Under <strong>When using this certificate</strong>, select <strong>Always trust</strong>. Click <strong>save</strong>.</li>
-  <li>Reload Eclipse Che in your browser.</li>
-</ol>
-
-<p>On Windows, follow these steps:</p>
-
-<ol>
-  <li>Open Google Chrome preferences, select <strong>Privacy and Security</strong>, and click <strong>Manage Certificates</strong>.</li>
-  <li>In the window that appears, click the <strong>Trusted Root Certificate Authorities</strong> tab.</li>
-  <li>Locate the <code class="highlighter-rouge">rootCa.crt</code> that you downloaded and import it.</li>
-  <li>Restart Google Chrome and access the Eclipse Che URL.</li>
-</ol>
-
-<h3 id="adding-the-cacrt-to-firefox">Adding the ca.crt to Firefox</h3>
-
-<ol>
-  <li>Go to <strong>Preferences</strong>&gt;<strong>Privacy and Security</strong>&gt;<strong>View certificates</strong>.</li>
-  <li>Click <strong>Authorities</strong> and click <strong>Import</strong>.</li>
-  <li>Locate the <code class="highlighter-rouge">rootCa.crt</code> that you downloaded and import it.</li>
-  <li>Reload Eclipse Che in your browser.</li>
-</ol>
-
-<h2 id="enabling-privileged-and-root-containers-to-run">Enabling privileged and root containers to run</h2>
-
-<p>Codewind needs to run as privileged and as root because it builds container images. If your cluster is running OpenShift, run the following commands, where <code class="highlighter-rouge">&lt;che namespace&gt;</code> is the namespace into which you installed Che.</p>
-<ol>
-  <li>To enable privileged containers, enter <code class="highlighter-rouge">oc adm policy add-scc-to-user privileged system:serviceaccount:&lt;che namespace&gt;:che-workspace</code>.</li>
-  <li>To enable containers to run as root, enter <code class="highlighter-rouge">oc adm policy add-scc-to-user anyuid system:serviceaccount:&lt;che namespace&gt;:che-workspace</code>.</li>
-</ol>
-
-<p>Next step: <a href="che-createcodewindworkspace.html">Adding registries in Che</a></p>
+<p><strong>Getting started with Codewind for Eclipse Che - next steps</strong> Continue to instructions for <a href="./che-setupregistries.html">adding an image registry in Codewind</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: Jun 03, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -759,7 +858,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -794,18 +893,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-odo-support.html b/che-odo-support.html
index fb7136c..2fbf8ff 100644
--- a/che-odo-support.html
+++ b/che-odo-support.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,352 +122,462 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="openshift-do-odo-support-in-codewind">OpenShift Do (odo) support in Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="openshift-do-odo-support-in-codewind">OpenShift Do (odo) support in Codewind</h1>
 
-<p>The Codewind Odo extension provides support for <a href="https://github.com/openshift/odo">OpenShift Do (odo)</a>. You can use the extension to efficiently write, build, and deploy components on an OpenShift or OKD cluster.</p>
+<p>The Codewind odo extension supports <a href="https://github.com/openshift/odo">OpenShift Do (odo)</a>. You can use the extension to efficiently write, build, and deploy components on an OpenShift or OKD cluster.</p>
 
 <ol>
   <li><a href="#extension-overview">Extension overview</a></li>
@@ -477,6 +588,7 @@
 <h2 id="extension-overview">Extension overview</h2>
 
 <ul>
+  <li>Compatible with Eclipse Che for Codewind and using Codewind remotely.</li>
   <li>Supports Java, Node.js, Python, and Perl components.</li>
   <li>Provides OpenShift templates to help you create components with different supported languages.</li>
   <li>Imports and enables continued development of your existing components.</li>
@@ -496,7 +608,7 @@
 
 <h3 id="importing-the-java-image-stream-to-your-openshift-or-okd-cluster">Importing the Java image stream to your OpenShift or OKD cluster</h3>
 
-<p>To create or import a Java component, you must import the Java image stream to your OpenShift or OKD cluster so that Odo can build the component image.</p>
+<p>To create or import a Java component, you must import the Java image stream to your OpenShift or OKD cluster so that odo can build the component image.</p>
 
 <h3 id="adding-the-roles-and-importing-the-java-image-stream">Adding the roles and importing the Java image stream</h3>
 
@@ -515,20 +627,19 @@
 <h2 id="current-limitations">Current limitations</h2>
 
 <ul>
-  <li>Only supports Codewind for Eclipse Che on an OpenShift or OKD cluster.</li>
+  <li>Supports only Codewind for Eclipse Che on an OpenShift or OKD cluster.</li>
   <li>Does not support project configuration.</li>
   <li>Does not support debug mode.</li>
   <li>Does not have HTTPS protocol support for accessing applications.</li>
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: May 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -677,7 +788,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -712,18 +823,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-setupregistries.html b/che-setupregistries.html
index 09eef27..f01d12b 100644
--- a/che-setupregistries.html
+++ b/che-setupregistries.html
@@ -33,12 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<title>Adding an image registry in Codewind in Che | Codewind</title>
+    	<title>Adding image registries in Codewind for Che | Codewind</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Adding an image registry in Codewind in Che">
+	<meta name="description" content="Adding image registries in Codewind for Che">
 	<meta name="keywords" content="container, registry, Che, guidance, image registry, Appsody, Docker, name, push registry, Kubernetes"/>
 	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,353 +122,467 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="adding-an-image-registry-in-codewind-in-che">Adding an image registry in Codewind in Che</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="adding-image-registries-in-codewind-in-che">Adding image registries in Codewind in Che</h1>
+
+<p>Ensure you have completed the <a href="./che-installinfo.html#prerequisites">prerequisites to installing Codewind on Eclipse Che</a>.</p>
+
+<p><strong>Note:</strong> If you completed the <a href="./che-installinfo.html#installing-che-to-use-with-codewind">Codewind for Eclipse Che prerequisites and installation steps</a> for Kubernetes, then you have installed Eclipse Che with self-signed certificates. To proceed, you must either select ‘accept the certificates’ in your browser or add the certificates to your browser. Ask your cluster administrator for further information. <strong>Caution:</strong> do not use self-signed certificates in production</p>
 
 <h2 id="prerequisite-determining-if-you-need-an-image-registry">Prerequisite: Determining if you need an image registry</h2>
-<p>1. First, determine if you need to add an image registry. The following scenarios in Codewind require you to specify which image registry is in use:</p>
+<p>1. First, determine whether you need to add an image registry. The following scenarios in Codewind require you to specify which image registry is in use:</p>
 <ul>
   <li>In the following scenario, configure Codewind with an image registry to push the application image to that specific image registry:
     <ul>
@@ -498,7 +613,7 @@
   <li>Enter the following information to add the registry:
     <ul>
       <li>Registry server name or domain name: <code class="highlighter-rouge">&lt;registry-to-push-images-to&gt;</code></li>
-      <li>User name: <code class="highlighter-rouge">&lt;Your username&gt;</code></li>
+      <li>Username: <code class="highlighter-rouge">&lt;Your username&gt;</code></li>
       <li>Password or API key: <code class="highlighter-rouge">&lt;Your password or API key&gt;</code></li>
     </ul>
   </li>
@@ -510,6 +625,8 @@
   <li>Click <strong>Select a Push Registry</strong> to determine which registry you use to push Codewind style projects to.</li>
 </ol>
 
+<p><strong>If you are using Codewind with OKD or OpenShift</strong> You can use the OpenShift internal container registry with Codewind. For instructions, see <a href="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>.</p>
+
 <h2 id="codewind-image-registry-guidance">Codewind image registry guidance</h2>
 <p>When you run Codewind on Kubernetes for Codewind style projects, Codewind uses <a href="https://github.com/containers/buildah"><code class="highlighter-rouge">buildah</code></a> to build container images from Dockerfiles and to push the images to an image registry that you specify. Use the <strong>Image Registry Manager</strong> in your Codewind IDE to configure the registry to use.</p>
 
@@ -522,46 +639,44 @@
     <ul>
       <li>Address: <code class="highlighter-rouge">docker.io</code></li>
       <li>Namespace: <code class="highlighter-rouge">&lt;namespace&gt;</code></li>
-      <li>Credentials: Docker Hub user name and password or access token</li>
-      <li><strong>Note:</strong> For Docker Hub, the <code class="highlighter-rouge">Namespace</code> value is likely to be your user name.</li>
+      <li>Credentials: Docker Hub username and password or access token</li>
+      <li><strong>Note:</strong> For Docker Hub, the <code class="highlighter-rouge">Namespace</code> value is likely to be your username.</li>
     </ul>
   </li>
   <li>Quay.io:
     <ul>
       <li>Address: <code class="highlighter-rouge">https://quay.io</code></li>
       <li>Namespace: <code class="highlighter-rouge">&lt;namespace&gt;</code></li>
-      <li>Credentials: Quay.io user name and encrypted password</li>
+      <li>Credentials: Quay.io username and encrypted password</li>
     </ul>
   </li>
   <li>Artifactory
     <ul>
       <li>Address: <code class="highlighter-rouge">&lt;artifactory-hostname&gt;</code></li>
       <li>Namespace: <code class="highlighter-rouge">&lt;namespace&gt;</code></li>
-      <li>Credentials: Artifactory user name and access token</li>
+      <li>Credentials: Artifactory username and access token</li>
     </ul>
   </li>
   <li>OpenShift Registry
     <ul>
       <li>Address: <code class="highlighter-rouge">docker-registry.default.svc:5000</code></li>
       <li>Namespace: <code class="highlighter-rouge">&lt;project&gt;</code></li>
-      <li>Credentials: OpenShift user name and access token</li>
+      <li>Credentials: OpenShift username and access token</li>
     </ul>
   </li>
 </ul>
 
-<h2 id="adding-registries-to-okd-and-openshift">Adding registries to OKD and OpenShift</h2>
-<p>To use the OpenShift internal container registry with Codewind, see <a href="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>.</p>
+<h2 id="next-step">Next step:</h2>
 
-<p>Next step: <a href="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a></p>
+<p><strong>Getting started with Codewind for Eclipse Che</strong> Continue to instructions for <a href="che-createcodewindworkspace.html">creating a Codewind workspace in Che</a></p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Mar 06, 2020
+            Last update: Jun 02, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -710,7 +825,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -745,18 +860,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-tektonpipelines.html b/che-tektonpipelines.html
index 045c6b5..a04c623 100644
--- a/che-tektonpipelines.html
+++ b/che-tektonpipelines.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="configuring-codewind-for-tekton-pipelines">Configuring Codewind for Tekton pipelines</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="configuring-codewind-for-tekton-pipelines">Configuring Codewind for Tekton pipelines</h1>
 
 <p>If you want to use existing Tekton installations with Codewind, from your command line, enter the following commands:</p>
 
@@ -478,13 +589,12 @@
 
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -633,7 +743,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -668,18 +778,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/che-uninstall.html b/che-uninstall.html
index 03456ec..5fd0345 100644
--- a/che-uninstall.html
+++ b/che-uninstall.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="uninstalling-codewind-for-eclipse-che">Uninstalling Codewind for Eclipse Che</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="uninstalling-codewind-for-eclipse-che">Uninstalling Codewind for Eclipse Che</h1>
 
 <p>To uninstall Codewind for Eclipse Che, follow these instructions:</p>
 
@@ -482,13 +593,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -637,7 +747,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -672,18 +782,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/checking-node-js-sub-dependencies-licenses-for-usage-and-redistribution.html b/checking-node-js-sub-dependencies-licenses-for-usage-and-redistribution.html
index b2a20c9..5c4f66c 100644
--- a/checking-node-js-sub-dependencies-licenses-for-usage-and-redistribution.html
+++ b/checking-node-js-sub-dependencies-licenses-for-usage-and-redistribution.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/checkingstatuses.html b/checkingstatuses.html
index f744b89..6e04ec1 100644
--- a/checkingstatuses.html
+++ b/checkingstatuses.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="understanding-application-and-build-statuses">Understanding application and build statuses</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="understanding-application-and-build-statuses">Understanding application and build statuses</h1>
 
 <p>Builds automatically begin when Codewind detects changes or when you initiate a build by clicking the <strong>Build</strong> button on a project.</p>
 
@@ -501,13 +612,12 @@
 <p>Check the Application and Build Statuses section on the <a href="troubleshooting.html#troubleshooting-project-application-and-build-statuses">Troubleshooting page</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 07, 2020
+            Last update: Apr 07, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -656,7 +766,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -691,18 +801,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/codewind-crw-quick-guide.html b/codewind-crw-quick-guide.html
new file mode 100644
index 0000000..274bf1f
--- /dev/null
+++ b/codewind-crw-quick-guide.html
@@ -0,0 +1,457 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-112407000-2');
+</script>
+
+<!-- Google Tag Manager -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s),
+            dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
+</script>
+<!-- End Google Tag Manager -->
+
+<head>
+    	<title>Getting Started with Codewind in CodeReady Workspaces | Codewind</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Use CodeReady Workspaces to develop cloud-native applications from an OpenShift cluster.">
+	<meta name="keywords" content="Codewind, CodeReady Workspaces, OpenShift"/>
+	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
+	<!-- Bootstrap CSS CDN -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/styles.css">
+	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
+	<link rel="stylesheet" href="css/blog.css">
+	<link rel="stylesheet" href="css/guides.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
+
+
+</head>
+
+<body data-spy="scroll" data-target="#toc">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+    <!-- Bootstrap NavBar -->
+	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
+    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="/codewind/">
+            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
+        </a>
+        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
+            <ul class="navbar-nav cw-navbar-nav">
+
+                <li class="nav-item cw-navbar-item cw-header-link-docs">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link-news">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-blog">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-guides">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
+                </li>
+
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
+                </li>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
+                </li>
+
+
+                <!-- li class="nav-item cw-navbar-item" id="download-li">
+                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
+                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
+                </li>  -->
+
+
+
+                <!-- Smaller devices menu END -->
+
+            </ul>
+        </div>
+
+    	</nav>
+    	<!-- End Bootstrap NavBar -->
+<div class="row" id="post-row">
+    <div class="col-xs-12 col-lg-1"></div>
+    <div class="py-5 px-5 col-xs-12 col-lg-10">
+        <div class="cw-docs-spacer"></div>
+        <div id="post-content">
+            <h1>Getting Started with Codewind in CodeReady Workspaces</h1>
+            <p>12 Jun 2020</p>
+            <h2>Objectives</h2>
+            <ul>
+                
+                <li>
+                    Install CodeReady Workspaces and Codewind.
+                </li>
+                
+                <li>
+                    Create a Codewind workspace within CodeReady Workspaces.
+                </li>
+                
+            </ul>
+            <div role="main"><h2 id="overview">Overview</h2>
+<p>Use Eclipse Codewind to develop microservice applications from application stacks in an integrated developer environment (IDE). CodeReady Workspaces provides a containerized IDE for cloud-native application development on an OpenShift cluster.</p>
+
+<h2 id="developing-with-codeready-workspaces">Developing with CodeReady Workspaces</h2>
+<p>CodeReady Workspaces uses Kubernetes and containers to provide a preconfigured environment. Use CodeReady Workspaces to create, build, and test your code in OpenShift containers but feel like you are working on an IDE on your local machine.</p>
+
+<h3 id="prerequisite">Prerequisite</h3>
+<p>Before you can use Codewind with CodeReady Workspaces, you must have an OpenShift cluster available. To install OpenShift clusters, see <a href="https://code-ready.github.io/crc/">CodeReady Containers</a>.</p>
+
+<p>CodeReady Workspaces require at least two 5Gi ReadWriteOnce (RWO) persistent volumes on the cluster to install and a 5Gi RWO volume for each created workspace.</p>
+
+<p>Each Codewind workspace also requires at least one 5Gi ReadWriteMany (RWX) persistent volume.</p>
+
+<h3 id="installing-codeready-workspaces">Installing CodeReady Workspaces</h3>
+<p>1. Log in to your OpenShift cluster’s dashboard.</p>
+
+<p>2. From the sidebar, click <strong>Operators</strong> then <strong>OperatorHub</strong>.</p>
+
+<p>3. Search for <code class="highlighter-rouge">CodeReady Workspaces</code>.</p>
+
+<p>4. Select <strong>Red Hat CodeReady Workspaces</strong>:</p>
+
+<p><img src="./images/codereadyworkspaces-images/CRW-OperatorHub.png" alt="Subscribe to OperatorHub" width="900" />.</p>
+
+<p>5. Click <strong>Install</strong>:</p>
+
+<p><img src="./images/codereadyworkspaces-images/CRW-Install.png" alt="Install CodeReady Workspaces" width="800" />.</p>
+
+<p>After you install the operator, continue to install CodeReady Workspaces:</p>
+
+<p>1. From the OpenShift dashboard, go to <code class="highlighter-rouge">Operators</code>&gt;<code class="highlighter-rouge">Installed Operators</code>.</p>
+
+<p>2. Select <strong>CodeReady Workspaces</strong>.</p>
+
+<p>3. Select the <strong>CodeReady Workspaces</strong> cluster then <strong>Create CheCluster</strong>.</p>
+
+<p>4. Configure the fields, like <strong>tlsSupport</strong>, as needed.</p>
+
+<p>5. Copy and paste the following yaml into the provided text box:</p>
+
+<div class="language-yaml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="na">apiVersion</span><span class="pi">:</span> <span class="s">org.eclipse.che/v1</span>
+<span class="na">kind</span><span class="pi">:</span> <span class="s">CheCluster</span>
+<span class="na">metadata</span><span class="pi">:</span>
+  <span class="na">name</span><span class="pi">:</span> <span class="s">codeready-workspaces</span>
+<span class="na">spec</span><span class="pi">:</span>
+  <span class="na">server</span><span class="pi">:</span>
+    <span class="na">cheImageTag</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">cheFlavor</span><span class="pi">:</span> <span class="s">codeready</span>
+    <span class="na">devfileRegistryImage</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">pluginRegistryImage</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">tlsSupport</span><span class="pi">:</span> <span class="no">true</span>
+    <span class="na">selfSignedCert</span><span class="pi">:</span> <span class="no">true</span>
+    <span class="na">cheWorkspaceClusterRole</span><span class="pi">:</span> <span class="s1">'</span><span class="s">eclipse-codewind'</span>
+    <span class="na">customCheProperties</span><span class="pi">:</span>
+      <span class="na">CHE_INFRA_KUBERNETES_WORKSPACE__START__TIMEOUT__MIN</span><span class="pi">:</span> <span class="s2">"</span><span class="s">15"</span>
+      <span class="na">CHE_LIMITS_WORKSPACE_IDLE_TIMEOUT</span><span class="pi">:</span> <span class="s2">"</span><span class="s">0"</span>
+      <span class="na">CHE_WORKSPACE_PLUGIN__BROKER_WAIT__TIMEOUT__MIN</span><span class="pi">:</span> <span class="s2">"</span><span class="s">15"</span>
+  <span class="na">database</span><span class="pi">:</span>
+    <span class="na">externalDb</span><span class="pi">:</span> <span class="no">false</span>
+    <span class="na">chePostgresHostName</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">chePostgresPort</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">chePostgresUser</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">chePostgresPassword</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">chePostgresDb</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+  <span class="na">auth</span><span class="pi">:</span>
+    <span class="na">openShiftoAuth</span><span class="pi">:</span> <span class="no">false</span>
+    <span class="na">identityProviderImage</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">externalIdentityProvider</span><span class="pi">:</span> <span class="no">false</span>
+    <span class="na">identityProviderURL</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">identityProviderRealm</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+    <span class="na">identityProviderClientId</span><span class="pi">:</span> <span class="s1">'</span><span class="s">'</span>
+  <span class="na">storage</span><span class="pi">:</span>
+    <span class="na">pvcStrategy</span><span class="pi">:</span> <span class="s">per-workspace</span>
+    <span class="na">pvcClaimSize</span><span class="pi">:</span> <span class="s">1Gi</span>
+    <span class="na">preCreateSubPaths</span><span class="pi">:</span> <span class="no">true</span>
+</code></pre></div></div>
+
+<p><img src="./images/codereadyworkspaces-images/CRW-CheCluster.png" alt="Install CheCluster" width="900" />.</p>
+
+<ul>
+  <li><strong>Note:</strong> If you install CodeReady Workspaces on an OpenShift cluster with publicly signed certificates, such as on IBM Cloud, set <strong>selfSignedCert</strong> to <strong>false</strong>.</li>
+</ul>
+
+<p>6. After CodeReady Workspaces installs, click the <strong>CodeReady Workspaces URL</strong>.</p>
+
+<p>7. A new window appears that prompts you to log in. If you have not made a CodeReady Workspaces account, do so by clicking <strong>Register</strong>:</p>
+
+<p><img src="./images/codereadyworkspaces-images/CRW-Register.png" alt="Register an account" width="900" />.</p>
+
+<p>8. After you make a CodeReady Workspaces account, you can start to create a Codewind workspace.</p>
+
+<h3 id="setting-up-codewind">Setting up Codewind</h3>
+<p>Because of its dependency on <code class="highlighter-rouge">buildah</code>, Codewind needs to run as root and privileged. To enable Codewind, run the following commands from your command line:</p>
+<ul>
+  <li><code class="highlighter-rouge">oc adm policy add-scc-to-user anyuid system:serviceaccounts:&lt;namespace where you installed CodeReady Workspaces&gt;:che-workspace</code></li>
+  <li><code class="highlighter-rouge">oc adm policy add-scc-to-user privileged system:serviceaccounts:&lt;namespace where you installed CodeReady Workspaces&gt;:che-workspace</code></li>
+</ul>
+
+<p>CodeReady Workspaces starts Codewind and installs the Codewind plug-ins. This process might take a couple of minutes for all of the necessary components to be pulled and started.</p>
+
+<h3 id="creating-the-codewind-workspace">Creating the Codewind workspace</h3>
+<p>After you set up Codewind, log in to your CodeReady Workspaces account and create a Codewind workspace from the Codewind devfile:</p>
+
+<p>1. Log in to CodeReady Workspaces.</p>
+
+<p>2. Go to <strong>Workspaces</strong> then click <strong>Add Workspace</strong>.</p>
+
+<p>3. Click <strong>Import Devfile</strong>.</p>
+
+<p>4. From <strong>Source</strong>, click <strong>YAML</strong>.</p>
+
+<p>5. Go to the link, <a href="https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.13.0/devfiles/0.13.0/devfile.yaml">codewind-che-plugin/0.13.0/devfile.yaml</a>, then copy and paste the contents into the YAML text box in your Codewind workspace.</p>
+
+<p>6. Click <strong>Create &amp; Open</strong>.</p>
+
+<h2 id="what-you-have-learned">What you have learned</h2>
+<p>Now that you have completed this quick guide, you have learned to:</p>
+
+<ol>
+  <li>Install CodeReady Workspaces and Codewind.</li>
+  <li>Create a Codewind workspace within CodeReady Workspaces.</li>
+</ol>
+
+<h2 id="next-steps">Next Steps</h2>
+<p>See other quick guides to learn how to develop with Codewind:</p>
+
+<ul>
+  <li><a href="codewind-eclipse-quick-guide.html">Codewind in Eclipse</a></li>
+  <li><a href="https://www.eclipse.org/codewind/codewind-vscode-quick-guide.html">Codewind in VS Code</a></li>
+</ul>
+</div>
+        </div>
+    </div>
+    <div class="col-xs-12 col-lg-1"></div>
+</div>
+<!-- footer row -->
+<footer>
+
+<div id="footer-div-mobile">
+        
+        <div class="row">
+	        <div class="col-sm-12 text-center">
+		        <span>Useful Links:</span>
+		        <br/><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+		    </div>
+        </div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        
+        <div class="cw_footer_display_icons row">
+    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    
+                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
+                </div>
+            </div>
+        </div>
+        </div>
+        
+		</div>
+		
+    </div>
+    
+    
+    <div class="row cw-footer-desktop" id="footer-div">
+        <div class="cw-footer-left">
+        		<div class="px-5 cw-font-12>
+	        <span class="cw-font-14">Useful Links:</span>
+	        <br/><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+	        </div>
+	        
+        </div>
+        <div class="cw-footer-border-right"></div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        <div class="cw_footer_display_icons">
+    		<div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center">
+            <div class="cw-logo-mm" >
+                <div class="cw-logo-mm" >
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        </div>
+        
+		</div>
+		<div class="cw-footer-border-right"></div>
+		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
+		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
+	        
+		<a href="http://www.eclipse.org">
+		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
+		</a>
+	        </div>
+		</div>
+    </div>
+</footer>
+<!-- footer row END -->
+<!-- Jquery -->
+<script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
+</script>
+
+
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
+</script>
+
+
+<!-- Font Awesome JS -->
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
+</script>
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
+    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
+</script>
+
+<script src="js/jquery.matchHeight-min.js"></script>
+<script src="js/index.js"></script>
+<script src="js/docs.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
+
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/codewind-eclipse-quick-guide.html b/codewind-eclipse-quick-guide.html
index 49648c9..e7ec456 100644
--- a/codewind-eclipse-quick-guide.html
+++ b/codewind-eclipse-quick-guide.html
@@ -38,7 +38,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Eclipse Codewind">
+	<meta name="description" content="Take advantage of Codewind&#39;s tools to help build high quality cloud native applications regardless of which IDE or language you use.">
 	<meta name="keywords" content="Eclipse, docker, container, devops, applications, development, iteration, microservices, cloud, services, rapid, integrated"/>
 	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -125,19 +126,23 @@
         <div class="cw-docs-spacer"></div>
         <div id="post-content">
             <h1>Getting Started with Codewind in Eclipse</h1>
-            <p>14 May 2020</p>
-            <div role="main"><h1 id="getting-started-with-codewind-in-eclipse">Getting Started with Codewind in Eclipse</h1>
+            <p>12 Jun 2020</p>
+            <h2>Objectives</h2>
+            <ul>
+                
+                <li>
+                    Install Eclipse and Codewind.
+                </li>
+                
+                <li>
+                    Develop a simple microservice that uses Eclipse Codewind in Eclipse.
+                </li>
+                
+            </ul>
+            <div role="main"><h2 id="overview">Overview</h2>
+<p>Use Eclipse Codewind to create application projects from Application Stacks that your company builds. With Codewind, you can focus on your code and not on infrastructure and Kubernetes. Application deployments to Kubernetes occur through pipelines when developers commit their local code to the correct Git repos Kabanero is managing through webhooks.</p>
 
-<h2 id="objectives">Objectives</h2>
-<ul>
-  <li>Install Eclipse and Codewind</li>
-  <li>Develop a simple microservice, using Eclipse Codewind in Eclipse</li>
-</ul>
-
-<h2 id="overview">Overview</h2>
-<p>Eclipse Codewind provides the ability to create application projects from <code class="highlighter-rouge">Application Stacks</code> that your company has built, enabling developers to focus on their code and not infrastructure and Kubernetes.  Application deployments to Kubernetes occur via pipelines when developers commit their local code to the correct Git repos Kabanero is managing via webhooks.</p>
-
-<p>Eclipse Codewind provides the ability to create projects based on a variety of different template types.  These include IBM Cloud starters, OpenShift Do (odo), and Appsody templates. Today, there are templates for: IBM Cloud Starters, odo, Eclipse MicroProfile/Java EE, Springboot, Node.js, Node.js with Express, and Node.js with Loopback.</p>
+<p>Use Codewind to create projects based on different template types. These projects include IBM Cloud Starters, OpenShift Do (odo), and Appsody templates. Today, there are templates for IBM Cloud Starters, odo, Eclipse MicroProfile/Java EE, Springboot, Node.js, Node.js with Express, and Node.js with Loopback.</p>
 
 <h2 id="developing-with-eclipse">Developing with Eclipse</h2>
 <p>You can use Codewind for Eclipse to develop and debug your containerized projects from within a local Eclipse IDE.</p>
@@ -153,7 +158,7 @@
   </li>
   <li><a href="https://www.eclipse.org/downloads/packages/release/">Install Eclipse</a>
     <ul>
-      <li><strong>Note:</strong> Make sure to install or upgrade to mimimum Eclipse version 2019-09 R (4.13.0).</li>
+      <li><strong>Note:</strong> Make sure to install or upgrade to minimum Eclipse version 2020-03.</li>
     </ul>
   </li>
 </ul>
@@ -169,69 +174,69 @@
 <p>The Codewind installation includes two parts:</p>
 
 <ol>
-  <li>The Eclipse plug-in installs when you install Codewind from the <a href="https://marketplace.eclipse.org/content/codewind">Eclipse Marketplace</a> or when you install by searching in the <code class="highlighter-rouge">Eclipse Extensions</code> view.</li>
-  <li>The Codewind backend containers install after you click <code class="highlighter-rouge">Install</code>. Clicking <code class="highlighter-rouge">Install</code> downloads the Codewind backend containers, ~1GB.</li>
+  <li>The Eclipse plug-in installs when you install Codewind from the <a href="https://marketplace.eclipse.org/content/codewind">Eclipse Marketplace</a>. Or from the Eclipse IDE, you can go to <strong>Help</strong>&gt;<strong>Eclipse Marketplace</strong> then search for Codewind.</li>
+  <li>The Codewind backend containers install after you click <strong>Install</strong>. Clicking <strong>Install</strong> downloads the Codewind backend containers, ~1GB.</li>
 </ol>
 
 <h3 id="configuring-codewind-to-use-application-stacks">Configuring Codewind to use application stacks</h3>
 <p>Configure Codewind to use Appsody templates so you can focus exclusively on your code. These templates include an Eclipse MicroProfile stack that you can use to follow this guide. Complete the following steps to select the Appsody templates:</p>
 
 <ol>
-  <li>Click the <code class="highlighter-rouge">Codewind</code> tab.</li>
-  <li>Expand <code class="highlighter-rouge">Codewind</code> by clicking the drop-down arrow.</li>
-  <li>Right-click <code class="highlighter-rouge">Local [Running]</code>.</li>
-  <li>Select <code class="highlighter-rouge">Manage Template Sources...</code>.</li>
-  <li>Select <code class="highlighter-rouge">Appsody Stacks - incubator</code>.</li>
-  <li>Click the <code class="highlighter-rouge">OK</code> button.</li>
+  <li>Click the <strong>Codewind</strong> tab.</li>
+  <li>Expand <strong>Codewind</strong> by clicking the drop-down arrow.</li>
+  <li>Right-click <strong>Local [Running]</strong>.</li>
+  <li>Select <strong>Manage Template Sources…</strong>.</li>
+  <li>Select <strong>Appsody Stacks - incubator</strong>.</li>
+  <li>Click <strong>OK</strong>.</li>
 </ol>
 
-<p>You have now configured Codewind to use Appsody templates and can proceed to develop your microservice within Codewind.</p>
+<p>When you configure Codewind to use Appsody templates, continue to develop your microservice within Codewind.</p>
 
-<p>If your organization uses customized application stacks and has given you a URL that points to an <code class="highlighter-rouge">index.json</code> file, you can add it to Codewind:</p>
+<p>If your organization uses customized application stacks and gives you a URL that points to an <code class="highlighter-rouge">index.json</code> file, you can add it to Codewind:</p>
 
 <ol>
-  <li>Return to  <code class="highlighter-rouge">Codewind</code> and right-click <code class="highlighter-rouge">Local [Running]</code>.</li>
-  <li>Select <code class="highlighter-rouge">Manage Template Sources...</code>.</li>
-  <li>Click the <code class="highlighter-rouge">Add...</code> button to add your URL.</li>
-  <li>Add your URL in the <code class="highlighter-rouge">URL:</code> box in the pop up window and save your changes.</li>
+  <li>Return to  <strong>Codewind</strong> and right-click <strong>Local [Running]</strong>.</li>
+  <li>Select <strong>Manage Template Sources…</strong>.</li>
+  <li>Click <strong>Add…</strong> to add your URL.</li>
+  <li>Add your URL in the <code class="highlighter-rouge">URL:</code> box in the pop-up window and save your changes.</li>
 </ol>
 
 <h3 id="creating-an-appsody-project">Creating an Appsody project</h3>
-<p>Appsody helps you develop containerized applications and removes the burden of managing the full software development stack. If you want more context about Appsody, visit the <a href="https://appsody.dev/docs">Appsody welcome page</a>.</p>
+<p>Appsody helps you develop containerized applications and removes the burden of managing the full software development stack. If you want more context about Appsody, see the <a href="https://appsody.dev/docs">Appsody welcome page</a>.</p>
 
 <ol>
-  <li>Right-click <code class="highlighter-rouge">Local [Running]</code> under <code class="highlighter-rouge">Codewind</code> in the <code class="highlighter-rouge">Codewind</code> tab.</li>
-  <li>Select <code class="highlighter-rouge">+ Create New Project...</code>
+  <li>Right-click <strong>Local [Running]</strong> under <strong>Codewind</strong> in the <strong>Codewind</strong> tab.</li>
+  <li>Select <strong>+ Create New Project…</strong>
     <ul>
-      <li><strong>Note:</strong> Make sure Docker is running. Otherwise, you get an error.</li>
+      <li><strong>Note:</strong> Make sure that Docker is running. Otherwise, you get an error.</li>
     </ul>
   </li>
-  <li>Name your project <code class="highlighter-rouge">appsody-calculator</code>.</li>
-  <li>Under <code class="highlighter-rouge">Template</code>, select <code class="highlighter-rouge">Appsody Open Liberty template</code>. 
+  <li>Name your project <strong>appsody-calculator</strong>.</li>
+  <li>Under <strong>Template</strong>, select <strong>Appsody Open Liberty default template</strong>. 
     <ul>
-      <li>If you don’t see an Appsody template, select the <code class="highlighter-rouge">Manage Template Sources...</code> link at the end of the window.</li>
-      <li>Select the <code class="highlighter-rouge">Appsody Stacks - appsodyhub</code> checkbox.</li>
-      <li>Click <code class="highlighter-rouge">OK</code>.</li>
+      <li>If you don’t see an Appsody template, select the <strong>Manage Template Sources…</strong> link in the window.</li>
+      <li>Select the <strong>Appsody Stacks - incubator</strong> checkbox.</li>
+      <li>Click <strong>OK</strong>.</li>
       <li>The templates are refreshed, and the Appsody templates are available.</li>
     </ul>
   </li>
-  <li>Click <code class="highlighter-rouge">Finish</code>.
+  <li>Click <strong>Finish</strong>.
     <ul>
-      <li>To monitor your project’s progress, right-click on your project, and select <code class="highlighter-rouge">Show Log Files</code>.</li>
-      <li>Select <code class="highlighter-rouge">Show All</code>. Then a <code class="highlighter-rouge">Console</code> tab is displayed where you see your project’s build logs.</li>
+      <li>To monitor your project’s progress, right-click your project and select <strong>Show Log Files</strong>.</li>
+      <li>Select <strong>Show All</strong>. Then, a <strong>Console</strong> tab is displayed where you see your project’s build logs.</li>
     </ul>
   </li>
 </ol>
 
-<p>Your project is displayed in the <code class="highlighter-rouge">Local [Running]</code> section. The progress for creating your project is tracked next to the project’s name.</p>
+<p>Your project is displayed in the <strong>Local [Running]</strong> section where the project’s progress is tracked.</p>
 
-<p>Your project is complete when you see your project is running and its build is successful.</p>
+<p>Your project is complete when you see that your project is running and its build is successful.</p>
 
 <h3 id="accessing-the-application-endpoint-in-a-browser">Accessing the application endpoint in a browser</h3>
 
 <ol>
   <li>Return to your project under the Codewind tab.</li>
-  <li>Right-click your project and select <code class="highlighter-rouge">Open Application</code>.</li>
+  <li>Right-click your project and select <strong>Open Application</strong>.</li>
 </ol>
 
 <p>Your application is now opened in a browser, showing the welcome to your Appsody microservice page.</p>
@@ -240,9 +245,10 @@
 
 <ol>
   <li>Go to your project’s workspace under the Project Explorer tab.</li>
-  <li>Navigate to <code class="highlighter-rouge">Java Resources-&gt;src/main/java-&gt;dev.appsody.starter</code>.</li>
-  <li>Right-click <code class="highlighter-rouge">dev.appsody.starter</code> and select <code class="highlighter-rouge">New-&gt;Class</code>.</li>
-  <li>Create a Class file, name it <code class="highlighter-rouge">Calculator.java</code>, and select <code class="highlighter-rouge">Finish</code>. This file is your JAX-RS resource.</li>
+  <li>Go to <strong>Java Resources</strong> then find <code class="highlighter-rouge">/src/main/java/dev.appsody.starter</code>.</li>
+  <li>Right-click <strong>dev.appsody.starter</strong> and select <strong>New</strong>&gt;<strong>Class</strong>.</li>
+  <li>Create a Class file, name it <strong>Calculator.java</strong>, and select <strong>Finish</strong>. This file is your JAX-RS resource.</li>
+  <li>Before you input any code, make sure that the file is empty.</li>
   <li>Populate the file with the following code and then <strong>save</strong> the file:</li>
 </ol>
 
@@ -290,13 +296,13 @@
     <span class="o">}</span>
 <span class="o">}</span>
 </code></pre></div></div>
-<p>Any changes you make to your code are automatically built and re-deployed by Codewind and you can view them in your browser.</p>
+<p>Any changes that you make to your code are automatically built and redeployed by Codewind, and you can view them in your browser.</p>
 
 <h3 id="working-with-the-example-calculator-microservice">Working with the example calculator microservice</h3>
 <p>You now can work with the example calculator microservice.</p>
 
 <ul>
-  <li>Use the port number you saw when you first opened the application.</li>
+  <li>Use the <strong>Exposed Application Port</strong> number from the Application overview tab.</li>
   <li>Make sure to remove the <code class="highlighter-rouge">&lt; &gt;</code> symbol in the URL.</li>
   <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/aboutme</code></li>
   <li>You see the following response:</li>
@@ -308,15 +314,15 @@
 <p>You can try a few of the sample calculator functions:</p>
 
 <ul>
-  <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/{op}/{a}/{b}</code>, where you can input one of the available operations <code class="highlighter-rouge">(+, _, *)</code>, and an integer a, and an integer b.</li>
-  <li>So for <code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/+/10/3</code> you should see: <code class="highlighter-rouge">10+3=13</code>.</li>
+  <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/{op}/{a}/{b}</code>, where you can input one of the available operations <code class="highlighter-rouge">(+, _, *</code>, and an integer a, and an integer b.</li>
+  <li>So for <code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/+/10/3</code> you see: <code class="highlighter-rouge">10+3=13</code>.</li>
 </ul>
 
 <h2 id="what-you-have-learned">What you have learned</h2>
 <p>In this quick guide, you have learned to:</p>
 <ol>
   <li>Install Codewind on Eclipse</li>
-  <li>Develop your own microservice using Codewind</li>
+  <li>Develop your own microservice that uses Codewind</li>
 </ol>
 
 <h2 id="next-steps">Next Steps</h2>
diff --git a/codewind-in-intellij-may.html b/codewind-in-intellij-may.html
index ad63ad7..5f487aa 100644
--- a/codewind-in-intellij-may.html
+++ b/codewind-in-intellij-may.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/codewind-vscode-quick-guide.html b/codewind-vscode-quick-guide.html
index 070da22..75f6e4a 100644
--- a/codewind-vscode-quick-guide.html
+++ b/codewind-vscode-quick-guide.html
@@ -38,7 +38,7 @@
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Eclipse Codewind">
+	<meta name="description" content="Take advantage of Codewind&#39;s tools to help build high quality cloud native applications regardless of which IDE or language you use.">
 	<meta name="keywords" content="Codewind, VS Code, microservice"/>
 	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
 	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -125,20 +126,26 @@
         <div class="cw-docs-spacer"></div>
         <div id="post-content">
             <h1>Getting Started with Codewind in VS Code</h1>
-            <p>14 May 2020</p>
-            <div role="main"><h2 id="objectives">Objectives</h2>
-<ul>
-  <li>Install Visual Studio Code (VS Code) and Codewind</li>
-  <li>Develop a simple microservice, using Eclipse Codewind on VS Code</li>
-</ul>
+            <p>12 Jun 2020</p>
+            <h2>Objectives</h2>
+            <ul>
+                
+                <li>
+                    Install Visual Studio Code (VS Code) and Codewind.
+                </li>
+                
+                <li>
+                    Develop a simple microservice that uses Eclipse Codewind in VS Code.
+                </li>
+                
+            </ul>
+            <div role="main"><h2 id="overview">Overview</h2>
+<p>Use Eclipse Codewind to create application projects from Application Stacks that your company builds. With Codewind, you can focus on your code and not on infrastructure and Kubernetes. Application deployments to Kubernetes occur through pipelines when developers commit their local code to the correct Git repos Kabanero is managing through webhooks.</p>
 
-<h2 id="overview">Overview</h2>
-<p>Eclipse Codewind provides the ability to create application projects from <code class="highlighter-rouge">Application Stacks</code> that your company has built, enabling developers to focus on their code and not infrastructure and Kubernetes. Application deployments to Kubernetes occur via pipelines when developers commit their local code to the correct Git repos Kabanero is managing via webhooks.</p>
-
-<p>Eclipse Codewind provides the ability to create projects based on a variety of different template types.  These include IBM Cloud starters, OpenShift Do (odo), and Appsody templates. Today, there are templates for: IBM Cloud Starters, odo, Eclipse MicroProfile/Java EE, Springboot, Node.js, Node.js with Express, and Node.js with Loopback.</p>
+<p>Use Codewind to create projects based on different template types. These projects include IBM Cloud Starters, OpenShift Do (odo), and Appsody templates. Today, there are templates for IBM Cloud Starters, odo, Eclipse MicroProfile/Java EE, Spring Boot, Node.js, Node.js with Express, and Node.js with Loopback.</p>
 
 <h2 id="developing-with-vs-code">Developing with VS Code</h2>
-<p>You can use Codewind for VS Code to develop and debug your containerized projects from within VS Code using the workflow you already use today.</p>
+<p>Keep your current workflow and use Codewind for VS Code to develop and debug your containerized projects from within the IDE.</p>
 
 <h3 id="prerequisite">Prerequisite</h3>
 <p>Before you can develop a microservice with VS Code, you need to:</p>
@@ -163,14 +170,14 @@
 <p>The Codewind installation includes two parts:</p>
 
 <ol>
-  <li>The VS Code extension installs when you install Codewind from the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind">VS Code Marketplace</a> and click <code class="highlighter-rouge">Install</code>.
+  <li>The VS Code extension installs when you install Codewind from the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind">VS Code Marketplace</a> and click <strong>Install</strong>.
     <ul>
-      <li>Or, go to <code class="highlighter-rouge">View-&gt;Extensions</code>, search for Codewind, and click <code class="highlighter-rouge">Install</code>.</li>
+      <li>Or, go to <strong>View</strong>&gt;<strong>Extensions</strong>, search for Codewind, and click <strong>Install</strong>.</li>
     </ul>
   </li>
-  <li>The Codewind backend containers install after you click <code class="highlighter-rouge">Install</code> when you are prompted. Clicking <code class="highlighter-rouge">Install</code> downloads the Codewind backend containers, ~1GB.
+  <li>The Codewind backend containers install after you click <strong>Install</strong> when you are prompted. Clicking <strong>Install</strong> downloads the Codewind backend containers, approximately 1GB.
     <ul>
-      <li><strong>Optional:</strong> If you don’t click <code class="highlighter-rouge">Install</code> when the notification window first appears, you can access the notification again. Go to <code class="highlighter-rouge">View-&gt;Explorer</code>. Then click <code class="highlighter-rouge">Codewind</code> and hover the cursor over <code class="highlighter-rouge">Codewind</code> where there is a switch to turn Codewind on or off. Click the switch so that it is <code class="highlighter-rouge">On</code>. The notification window is displayed.</li>
+      <li><strong>Optional:</strong> If you don’t click <strong>Install</strong> when the notification window appears, access the notification again. Go to <strong>View</strong>&gt;<strong>Explorer</strong>. Then, click <strong>Codewind</strong> and hover the cursor over <strong>Codewind</strong> where there is a switch to turn Codewind on or off. Click the switch so that it is <strong>On</strong>. The notification window is displayed.</li>
     </ul>
   </li>
 </ol>
@@ -179,54 +186,54 @@
 <p>Configure Codewind to use Appsody templates so you can focus exclusively on your code. These templates include an Eclipse MicroProfile stack that you can use to follow this guide. Complete the following steps to select the Appsody templates:</p>
 
 <ol>
-  <li>Under the Explorer pane, select <code class="highlighter-rouge">Codewind</code>.</li>
-  <li>Right-click <code class="highlighter-rouge">Local</code>.</li>
-  <li>Select <code class="highlighter-rouge">Template Source Manager</code>.</li>
-  <li>Enable <code class="highlighter-rouge">Appsody Stacks - incubator</code>.</li>
+  <li>Under the Explorer pane, select <strong>Codewind</strong>.</li>
+  <li>Right-click <strong>Local</strong>.</li>
+  <li>Select <strong>Template Source Manager</strong>.</li>
+  <li>Enable <strong>Appsody Stacks - incubator</strong>.</li>
 </ol>
 
-<p>You have now configured Codewind to use Appsody templates and can proceed to develop your microservice within Codewind.</p>
+<p>After you configure Codewind to use Appsody templates, continue to develop your microservice within Codewind.</p>
 
-<p>If your organization uses customized application stacks and has given you a URL that points to an <code class="highlighter-rouge">index.json</code> file, you can add it to Codewind:</p>
+<p>If your organization uses customized application stacks and gives you a URL that points to an <code class="highlighter-rouge">index.json</code> file, you can add it to Codewind:</p>
 
 <ol>
-  <li>Return to  <code class="highlighter-rouge">Codewind</code> and right-click <code class="highlighter-rouge">Local</code>.</li>
-  <li>Select <code class="highlighter-rouge">Template Source Manager</code>.</li>
-  <li>Click the <code class="highlighter-rouge">Add New +</code> button to add your URL.</li>
-  <li>Add your URL in the pop up window and save your changes.</li>
+  <li>Return to <strong>Codewind</strong>` and right-click <strong>Local</strong>.</li>
+  <li>Select <strong>Template Source Manager</strong>.</li>
+  <li>Click <strong>Add New +</strong> to add your URL.</li>
+  <li>Add your URL in the pop-up window and save your changes.</li>
 </ol>
 
 <h3 id="creating-an-appsody-project">Creating an Appsody project</h3>
-<p>Throughout the application lifestyle, Appsody helps you develop containerized applications and leverage containers curated for your usage. If you want more context about Appsody, visit the <a href="https://appsody.dev/docs">Appsody welcome page</a>.</p>
+<p>Throughout the application lifestyle, Appsody helps you develop containerized applications and maximize containers curated for your usage. If you want more context about Appsody, see the <a href="https://appsody.dev/docs">Appsody welcome page</a>.</p>
 
 <ol>
-  <li>Under the Explorer pane, select <code class="highlighter-rouge">Codewind</code>.</li>
-  <li>Expand <code class="highlighter-rouge">Codewind</code> by clicking the drop-down arrow.</li>
-  <li>Hover over the <code class="highlighter-rouge">Projects</code> entry underneath Codewind in the Explorer pane, and press the <code class="highlighter-rouge">+</code> icon to create a project.
+  <li>Under the Explorer pane, select <strong>Codewind</strong>.</li>
+  <li>Expand <strong>Codewind</strong> by clicking the drop-down arrow.</li>
+  <li>Hover over the <strong>Projects</strong> entry in the Explorer pane and press the <strong>+</strong> icon to create a project.
     <ul>
-      <li><strong>Note:</strong> Make sure Docker is running. Otherwise, you get an error.</li>
+      <li><strong>Note:</strong> Make sure that Docker is running. Otherwise, you get an error.</li>
     </ul>
   </li>
-  <li>Choose the <code class="highlighter-rouge">Open Liberty (Default templates)</code>.</li>
-  <li>Name your project <code class="highlighter-rouge">appsody-calculator</code>.
+  <li>Choose the <strong>Appsody Open Liberty default template (Appsody Stacks - incubator)</strong>.</li>
+  <li>Name your project <strong>appsody-calculator</strong>.
     <ul>
-      <li>If you don’t see Appsody templates, find and select <code class="highlighter-rouge">Template Source Manager</code> and enable <code class="highlighter-rouge">Appsody Stacks - appsodyhub</code>.</li>
+      <li>If you don’t see Appsody templates, find and select <strong>Template Source Manager</strong> and enable <strong>Appsody Stacks - incubator</strong>.</li>
       <li>The templates are refreshed, and the Appsody templates are available.</li>
     </ul>
   </li>
-  <li>Press <code class="highlighter-rouge">Enter</code>.
+  <li>Press <strong>Enter</strong>.
     <ul>
-      <li>To monitor your project’s progress, right-click your project, and select <code class="highlighter-rouge">Show all logs</code>. Then an <code class="highlighter-rouge">Output</code> tab is displayed where you see your project’s build logs.</li>
+      <li>To monitor your project’s progress, right-click your project and select <strong>Show all logs</strong>. Then, an <strong>Output</strong> tab is displayed where you see your project’s build logs.</li>
     </ul>
   </li>
 </ol>
 
-<p>Your project is complete when you see your application status is running and your build status is successful.</p>
+<p>Your project is complete when you see that your application status is running and your build status is successful.</p>
 
 <h3 id="accessing-the-application-endpoint-in-a-browser">Accessing the application endpoint in a browser</h3>
 <ol>
   <li>Return to your project under the Explorer pane.</li>
-  <li>Select the Open App icon next to your project’s name, or right-click your project and select <code class="highlighter-rouge">Open App</code>.</li>
+  <li>Select the Open App icon next to your project’s name, or right-click your project and select <strong>Open App</strong>.</li>
 </ol>
 
 <p>Your application is now opened in a browser, showing the welcome to your Appsody microservice page.</p>
@@ -234,9 +241,10 @@
 <h3 id="adding-a-rest-service-to-your-application">Adding a REST service to your application</h3>
 <ol>
   <li>Go to your project’s workspace under the Explorer tab.</li>
-  <li>Navigate to <code class="highlighter-rouge">src-&gt;main-&gt;java-&gt;dev-&gt;appsody-&gt;starter</code>.</li>
-  <li>Right-click <code class="highlighter-rouge">starter</code> and select <code class="highlighter-rouge">New File</code>.</li>
-  <li>Create a file, name it <code class="highlighter-rouge">Calculator.java</code>, and press <code class="highlighter-rouge">Enter</code>. This file is your JAX-RS resource.</li>
+  <li>Go to <code class="highlighter-rouge">src/main/java/dev/appsody/starter</code>.</li>
+  <li>Right-click <strong>starter</strong> and select <strong>New File</strong>.</li>
+  <li>Create a file, name it <code class="highlighter-rouge">Calculator.java</code>, and press <strong>Enter</strong>. This file is your JAX-RS resource.</li>
+  <li>Before you input any code, make sure that the file is empty.</li>
   <li>Populate the file with the following code and then <strong>save</strong> the file:</li>
 </ol>
 
@@ -285,13 +293,13 @@
 <span class="o">}</span>
 </code></pre></div></div>
 
-<p>Any changes you make to your code are automatically built and re-deployed by Codewind and you can view them in your browser.</p>
+<p>Any changes that you make to your code are automatically built and redeployed by Codewind, and you can view them in your browser.</p>
 
 <h3 id="working-with-the-example-calculator-microservice">Working with the example calculator microservice</h3>
 <p>You now can work with the example calculator microservice.</p>
 
 <ol>
-  <li>Use the port number you saw when you first opened the application.</li>
+  <li>Use the port number that you saw when you first opened the application.</li>
   <li>Make sure to remove the <code class="highlighter-rouge">&lt; &gt;</code> symbol in the URL.</li>
   <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/aboutme</code></li>
   <li>You see the following response:</li>
@@ -303,7 +311,7 @@
 <p>You can also try a few of the sample calculator functions:</p>
 
 <ul>
-  <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/{op}/{a}/{b}</code>, where you can input one of the available operations <code class="highlighter-rouge">(+, _, *)</code>, and an integer a, and an integer b.</li>
+  <li><code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/{op}/{a}/{b}</code>, where you can input one of the available operations <code class="highlighter-rouge">(+, _, *</code>, and an integer a, and an integer b.</li>
   <li>So for <code class="highlighter-rouge">http://127.0.0.1:&lt;port&gt;/starter/calculator/+/10/3</code> you see: <code class="highlighter-rouge">10+3=13</code>.</li>
 </ul>
 
@@ -312,7 +320,7 @@
 
 <ol>
   <li>Install Codewind on VS Code</li>
-  <li>Develop your own microservice using Codewind</li>
+  <li>Develop your own microservice that uses Codewind</li>
 </ol>
 
 <h2 id="next-steps">Next Steps</h2>
diff --git a/css/docs.css b/css/docs.css
index 4169c84..3a6293f 100644
--- a/css/docs.css
+++ b/css/docs.css
@@ -37,7 +37,7 @@
 :target:before {
     content: "";
     display: block;
-    margin-top: -115x;
+    margin-top: -115px;
     height: 115px;
     width: 1px;
 }
@@ -88,12 +88,10 @@
 
 /* Separators */
 .cw-sidebar-separator-title {
-    
     height: 35px;
 }
 
 .cw-sidebar-separator {
-    
     height: 25px;
 }
 
@@ -137,7 +135,7 @@
 }
 
 #content-container > div {
-    padding-top: 131px;
+    padding-top: 100px;
 }
 
 
@@ -158,7 +156,7 @@
 }
 .list-group > .list-group-item {
     border-bottom: 1px solid #d8d8d8;
-    border-top: 1px solid #d8d8d8;
+    border: 1px solid #d8d8d8;
     font-size: 18px;
     font-weight: 400;
 }
@@ -248,10 +246,40 @@
 	    position: absolute;
 	    top: -15px;
 	}
-	
+
 	#sidebar-container {
         padding-top: 101px;
     }
+    #content-container > div {
+        padding-top: 0px;
+    }
+}
+
+.callout {
+    padding: 20px;
+    margin: 20px 0;
+    border: 1px solid #eee;
+    border-radius: 3px;
+
+    border-left: 4px solid #0073ba;
+    background-color: #EDF4FF;
+}
+
+.callout h4 {
+    margin-top: 0;
+    margin-bottom: 5px;
+}
+
+.callout p:last-child {
+    margin-bottom: 0;
+}
+
+.callout code {
+    border-radius: 3px;
+}
+
+.callout+.callout {
+    margin-top: -5px;
 }
 
 @media only screen and (max-width: 768px) {
@@ -266,8 +294,6 @@
         width: 100vw;
         	min-height: 0;
     }
-    
-    
 }
 
 /* code formatter overrides for accessibility */
diff --git a/css/guides.css b/css/guides.css
index 3a7ff68..694cfbe 100644
--- a/css/guides.css
+++ b/css/guides.css
@@ -14,6 +14,7 @@
     margin: 0 auto;
     padding-left: 20px;
     padding-right: 20px;
+    
 
     @media (max-width: 991.98px) {
         width: 100%;
@@ -32,6 +33,10 @@
 
 .guides-post-row {
     width: 100%;
+    background-color: #f7f7f7;
+    padding: 40px;
+    margin: 40px 0px;
+    border-radius: 5px;
 }
 
 .guides-post-content {
@@ -57,7 +62,6 @@
 .guides-post-title-link {
     font-family: 'IBM Plex Sans';
     font-size: 30px;
-    color: #292828;
     transition: color .2s;
 }
 
@@ -78,3 +82,31 @@
     background-color:#f3f5f7 !important;
     margin: 20px 0 20px 0;
 }
+
+.guides-objective-header {
+    margin-bottom: .5em;
+}
+
+.guide-image {
+    height: 64px;
+    align-self: flex-start;
+}
+
+.media-body {
+    margin-left: 15px;
+}
+
+.objective-item {
+    margin-bottom: .25em;
+}
+
+@media screen and (max-width: 600px) {
+    .media {
+        flex-direction: column;
+    }
+
+    .guide-image {
+        margin-bottom: 1.2em;
+        align-self: center;
+    }
+}
\ No newline at end of file
diff --git a/css/learn.css b/css/learn.css
new file mode 100644
index 0000000..e4c847f
--- /dev/null
+++ b/css/learn.css
@@ -0,0 +1,47 @@
+.learn-container {
+  width: 100%;
+  padding-right: 0 !important;
+  padding-left: 0 !important;
+}
+
+.blue-row {
+  background-color: #EDF4FF;
+}
+
+.learn-container h2 {
+  border-bottom: none;
+}
+
+.learn-container .btn {
+  background-color: #0073BA;
+}
+
+/* Fixes a known bug for columns in safari */
+.learn-container .col {
+  flex-basis: auto;
+}
+
+.learn-card {
+  border: 1px solid #c1bcbb;
+  background-color: #fbfbfb;
+  box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+  -webkit-box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+  -moz-box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+}
+
+.learn-media-card {
+  border: 1px solid #c1bcbb;
+  background-color: #fbfbfb;
+  box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+  -webkit-box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+  -moz-box-shadow: -7px -7px 7px -6px rgba(0, 0, 0, 0.07);
+}
+
+.blog-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+}
+
diff --git a/css/styles.css b/css/styles.css
index d832779..e65bdbb 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -461,6 +461,7 @@
     color: #fff;
     height: 225px;
     align-items: center;
+    margin-top: 1.5em;
 }
 
 .cw-footer-col {
@@ -837,7 +838,8 @@
 	}
 	
 	#footer-div-mobile {
-		padding-top: 20px;
+        padding-top: 20px;
+        margin-top: 1.5em;
 	}
 }
 
diff --git a/debugging.html b/debugging.html
index fea0608..f74633c 100644
--- a/debugging.html
+++ b/debugging.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,352 +122,462 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="debugging-in-codewind">Debugging in Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="debugging-in-codewind">Debugging in Codewind</h1>
 
-<p>Complete the following steps to enable debugging in Codewind applications:</p>
+<p>Complete the following steps to debug in Codewind applications:</p>
 
 <ol>
   <li>In the Codewind view, right-click a project and select <strong>Restart in Debug Mode</strong> from the menu.</li>
@@ -476,6 +587,24 @@
   <li>To switch back to run mode, right-click your project and select <strong>Restart in Run Mode</strong> from the menu.</li>
 </ol>
 
+<h2 id="debugging-remotely">Debugging remotely</h2>
+<p>Remote debugging is the same as local debugging with the following exceptions:</p>
+<ul>
+  <li>Install <code class="highlighter-rouge">kubectl</code> or <code class="highlighter-rouge">oc</code> and make sure you are logged in to your cluster.</li>
+  <li>After the project restarts in debug mode, Codewind automatically sets up a port forward from the application’s debug port to a port on your local machine.
+<strong>Starting a debug session</strong>
+    <ul>
+      <li>In Eclipse, for Node.js projects, a launch is created for the port forward that appears in the Debug view. For Java projects, the port forward is added as a process to the debug launch.</li>
+      <li>In VS Code, the port forward is run as a VS Code task, which appears in the Terminal view.
+<strong>Ending a debug session</strong></li>
+      <li>In Eclipse, for Node.js applications where you use a Chromium-based browser for debugging, manually end the associated port forwarding process in the Debug view if you end the debug session in your browser.</li>
+      <li>In Eclipse, for Java projects, if you detach the debugger or restart the application in run mode, both the debug session and the port forward are terminated automatically.</li>
+      <li>In VS Code, if you close the debug session, the port forward task stays active in the Terminal view.</li>
+      <li>In Eclipse and VS Code, if you close the port forward, the debug session terminates because the debug port is no longer accessible from the local machine.</li>
+    </ul>
+  </li>
+</ul>
+
 <h2 id="using-java-hot-code-replace-while-debugging">Using Java hot code replace while debugging</h2>
 <p>If you want to use Java hot code replace and change your code while you debug, disable automatic builds.</p>
 <ol>
@@ -512,13 +641,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 04, 2020
+            Last update: May 21, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -667,7 +795,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -702,18 +830,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/eclipse-codechange.html b/eclipse-codechange.html
index bda2e19..d52e7b5 100644
--- a/eclipse-codechange.html
+++ b/eclipse-codechange.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="making-a-code-change-with-eclipse">Making a code change with Eclipse</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="making-a-code-change-with-eclipse">Making a code change with Eclipse</h1>
 <p><br />
 Codewind automatically builds and redeploys your application whenever you make a code change and save the file.</p>
 
@@ -512,13 +623,12 @@
 <p>To learn more about the different ways of using Codewind - locally, remotely, or as an application hosted on the cloud - see <a href="./overview.html#architecture">Codewind Architecture</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 12, 2020
+            Last update: May 12, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -667,7 +777,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -702,18 +812,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/eclipse-firstproject.html b/eclipse-firstproject.html
index 16199f6..15aaea1 100644
--- a/eclipse-firstproject.html
+++ b/eclipse-firstproject.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-eclipse">Creating your first Codewind project with Codewind for Eclipse</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-eclipse">Creating your first Codewind project with Codewind for Eclipse</h1>
 <p><br />
 To create your first project:</p>
 
@@ -513,13 +624,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 11, 2020
+            Last update: May 11, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -668,7 +778,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -703,18 +813,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/eclipse-getting-started.html b/eclipse-getting-started.html
index 3033573..8bd7848 100644
--- a/eclipse-getting-started.html
+++ b/eclipse-getting-started.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
 
 <p>There are three ways of using Codewind - locally, remotely or as a hosted application on the cloud. To get started, <strong>you can try out Codewind by using the local configuration</strong>. In this configuration, you create, develop, build and run your containerised applications on your local machine using your local IDE.</p>
 
@@ -505,7 +616,7 @@
   <li>Download and install the latest <a href="https://www.eclipse.org/downloads/packages/">Eclipse IDE for Enterprise Java Developers</a> or use an existing installation.
     <ul>
       <li>Install Eclipse IDE Version 2019-09 R (4.13.0) or later to avoid <a href="https://bugs.eclipse.org/bugs/show_bug.cgi?id=541220">Bug 541220</a>.</li>
-      <li><strong>Note:</strong> The earliest supported version of the Eclipse IDE is Version 2019-03 (4.11).</li>
+      <li><strong>Note:</strong> The earliest supported version of the Eclipse IDE is Version 2019-06 (4.12).</li>
     </ul>
   </li>
   <li>Install <a href="https://docs.docker.com/install/">Docker</a> 17.06 or later. If you use Linux, you must also install <a href="https://docs.docker.com/compose/install/">Docker Compose</a>.</li>
@@ -554,13 +665,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 08, 2020
+            Last update: May 20, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -709,7 +819,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -744,18 +854,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/eclipse-uninstall.html b/eclipse-uninstall.html
index fd0b03d..2bd266e 100644
--- a/eclipse-uninstall.html
+++ b/eclipse-uninstall.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="uninstalling-codewind-from-eclipse">Uninstalling Codewind from Eclipse</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="uninstalling-codewind-from-eclipse">Uninstalling Codewind from Eclipse</h1>
 
 <p>Remove the Codewind containers and images</p>
 
@@ -486,13 +597,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -641,7 +751,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -676,18 +786,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/eclipseche-codewind-overview.html b/eclipseche-codewind-overview.html
index 3f15149..134d02b 100644
--- a/eclipseche-codewind-overview.html
+++ b/eclipseche-codewind-overview.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="overview-using-codewind-as-a-hosted-application-on-the-cloud">Overview: Using Codewind as a hosted application on the cloud</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="overview-using-codewind-as-a-hosted-application-on-the-cloud">Overview: Using Codewind as a hosted application on the cloud</h1>
 
 <p>Codewind can be used in one of three ways - <a href="./vsc-getting-started.html">locally</a>, hosted as an application on a cloud, or <a href="./remote-codewind-overview.html">remotely</a>.</p>
 
@@ -488,13 +599,12 @@
 <p><strong>Using Codewind Remotely</strong> If you want to use the other cloud-based configuration of Codewind, <strong>you must first follow the steps to <a href="./gettingstarted.html">install codewind locally</a></strong>. By <a href="./remote-codewind-overview.html">using Codewind remotely</a>, Codewind is configured for making code changes on your local IDE but building and running your application in the cloud.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 28, 2020
+            Last update: Apr 28, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -643,7 +753,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -678,18 +788,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/enabling-https-in-your-codewind-application.html b/enabling-https-in-your-codewind-application.html
index febe234..60f0d9f 100644
--- a/enabling-https-in-your-codewind-application.html
+++ b/enabling-https-in-your-codewind-application.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/feed.xml b/feed.xml
index 466b913..0b1ce6c 100644
--- a/feed.xml
+++ b/feed.xml
@@ -1 +1 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.0">Jekyll</generator><link href="http://0.0.0.0:4321/codewind/feed.xml" rel="self" type="application/atom+xml" /><link href="http://0.0.0.0:4321/codewind/" rel="alternate" type="text/html" /><updated>2020-05-14T15:38:44-05:00</updated><id>http://0.0.0.0:4321/codewind/feed.xml</id><title type="html">Codewind</title><subtitle>Eclipse Codewind</subtitle></feed>
\ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="4.0.0">Jekyll</generator><link href="/codewind/feed.xml" rel="self" type="application/atom+xml" /><link href="/codewind/" rel="alternate" type="text/html" /><updated>2020-06-12T12:19:09-05:00</updated><id>/codewind/feed.xml</id><title type="html">Codewind</title><subtitle>Eclipse Codewind</subtitle></feed>
\ No newline at end of file
diff --git a/gettingstarted-overview.html b/gettingstarted-overview.html
new file mode 100644
index 0000000..41753c7
--- /dev/null
+++ b/gettingstarted-overview.html
@@ -0,0 +1,795 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-112407000-2');
+</script>
+
+<!-- Google Tag Manager -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s),
+            dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
+</script>
+<!-- End Google Tag Manager -->
+
+<head>
+    	<title>Getting Started | Codewind</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Getting Started">
+	<meta name="keywords" content="install, Codewind, remote, hosted, cloud, standalone, get started, getting started, IDE, VS Code, Eclipse, Eclipse Che, IntelliJ"/>
+	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
+	<!-- Bootstrap CSS CDN -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/styles.css">
+	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
+	<link rel="stylesheet" href="css/blog.css">
+	<link rel="stylesheet" href="css/guides.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
+
+
+</head>
+
+<body data-spy="scroll" data-target="#toc">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+    <!-- Bootstrap NavBar -->
+	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
+    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="/codewind/">
+            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
+        </a>
+        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
+            <ul class="navbar-nav cw-navbar-nav">
+
+                <li class="nav-item cw-navbar-item cw-header-link-docs">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link-news">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-blog">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-guides">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
+                </li>
+
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
+                </li>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
+                </li>
+
+
+                <!-- li class="nav-item cw-navbar-item" id="download-li">
+                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
+                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
+                </li>  -->
+
+
+
+                <!-- Smaller devices menu END -->
+
+            </ul>
+        </div>
+
+    	</nav>
+    	<!-- End Bootstrap NavBar -->
+<!-- Bootstrap row -->
+<div class="row" id="body-row">
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
+            
+
+            
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
+    <!-- MAIN -->
+    <div id="content-container">
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
+
+<p><strong>You can try out Codewind by using the local configuration</strong>. For local use of Codewind, and also the pre-requisite steps for <strong>remote use of Codewind</strong>, select from:</p>
+
+<ul>
+  <li><a href="./vsc-getting-started.html">VS Code</a></li>
+  <li><a href="./eclipse-getting-started.html">Eclipse</a></li>
+  <li><a href="./intellij-getting-started.html">IntelliJ</a></li>
+</ul>
+
+<p><strong>Codewind as a hosted application in the cloud</strong> If you want to go straight to using codewind as a hosted application in the cloud, select the <a href="./eclipseche-codewind-overview.html">Eclipse Che instructions</a></p>
+
+<p><strong>The different configurations of Codewind</strong> To find out about the different ways of using Codewind - locally, remotely, or as an application hosted on the cloud - see <a href="./overview.html#architecture">Codewind Architecture</a>.</p>
+</div>
+        </div>
+
+        <div class="py-5 px-5 text-right">
+            Last update: Jun 09, 2020
+        </div>
+
+    </div>
+</div>
+<!-- footer row -->
+<footer>
+
+<div id="footer-div-mobile">
+        
+        <div class="row">
+	        <div class="col-sm-12 text-center">
+		        <span>Useful Links:</span>
+		        <br/><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+		    </div>
+        </div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        
+        <div class="cw_footer_display_icons row">
+    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    
+                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
+                </div>
+            </div>
+        </div>
+        </div>
+        
+		</div>
+		
+    </div>
+    
+    
+    <div class="row cw-footer-desktop" id="footer-div">
+        <div class="cw-footer-left">
+        		<div class="px-5 cw-font-12>
+	        <span class="cw-font-14">Useful Links:</span>
+	        <br/><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+	        </div>
+	        
+        </div>
+        <div class="cw-footer-border-right"></div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        <div class="cw_footer_display_icons">
+    		<div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center">
+            <div class="cw-logo-mm" >
+                <div class="cw-logo-mm" >
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        </div>
+        
+		</div>
+		<div class="cw-footer-border-right"></div>
+		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
+		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
+	        
+		<a href="http://www.eclipse.org">
+		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
+		</a>
+	        </div>
+		</div>
+    </div>
+</footer>
+<!-- footer row END -->
+<!-- Main Col END -->
+<!-- Jquery -->
+<script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
+</script>
+
+
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
+</script>
+
+
+<!-- Font Awesome JS -->
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
+</script>
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
+    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
+</script>
+
+<script src="js/jquery.matchHeight-min.js"></script>
+<script src="js/index.js"></script>
+<script src="js/docs.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
+
+</div>
+</body>
+
+</html>
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/gettingstarted.html b/gettingstarted.html
index 44c383e..5f2cfbd 100644
--- a/gettingstarted.html
+++ b/gettingstarted.html
@@ -1,686 +1,11 @@
 <!DOCTYPE html>
-<html lang="en">
-<!-- Global site tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
-<script>
-    window.dataLayer = window.dataLayer || [];
-
-    function gtag() {
-        dataLayer.push(arguments);
-    }
-    gtag('js', new Date());
-
-    gtag('config', 'UA-112407000-2');
-</script>
-
-<!-- Google Tag Manager -->
-<script>
-    (function (w, d, s, l, i) {
-        w[l] = w[l] || [];
-        w[l].push({
-            'gtm.start': new Date().getTime(),
-            event: 'gtm.js'
-        });
-        var f = d.getElementsByTagName(s)[0],
-            j = d.createElement(s),
-            dl = l != 'dataLayer' ? '&l=' + l : '';
-        j.async = true;
-        j.src =
-            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
-        f.parentNode.insertBefore(j, f);
-    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
-</script>
-<!-- End Google Tag Manager -->
-
-<head>
-    	<title>Getting Started | Codewind</title>
-	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Getting Started">
-	<meta name="keywords" content="install, Codewind, remote, hosted, cloud, standalone, get started, getting started, IDE, VS Code, Eclipse, Eclipse Che, IntelliJ"/>
-	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
-	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
-	<!-- Bootstrap CSS CDN -->
-	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
-	<link rel="stylesheet" href="css/styles.css">
-	<link rel="stylesheet" href="css/docs.css">
-	<link rel="stylesheet" href="css/blog.css">
-	<link rel="stylesheet" href="css/guides.css">
-	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
-
-</head>
-
-<body data-spy="scroll" data-target="#toc">
-    <!-- Google Tag Manager (noscript) -->
-    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
-        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-        <!-- End Google Tag Manager (noscript) -->
-    <div class="main">
-    <!-- Bootstrap NavBar -->
-	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
-    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
-            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
-            aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-        <a class="navbar-brand" href="/codewind/">
-            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
-        </a>
-        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
-            <ul class="navbar-nav cw-navbar-nav">
-                
-                <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
-                </li>
-                <li class="nav-item cw-navbar-item cw-header-link-news">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
-                </li>
-                
-                <li class="nav-item cw-navbar-item cw-header-link-blog">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
-                </li>
-                
-                <li class="nav-item cw-navbar-item cw-header-link-guides">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
-                </li>
-
-                 <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
-                </li>
-                
-                <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
-                </li>
-                 <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
-                </li>
-                <li class="nav-item cw-navbar-item cw-header-link">
-                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
-                </li>
-               
-               
-                <!-- li class="nav-item cw-navbar-item" id="download-li">
-                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
-                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
-                </li>  -->
-
-
-                
-                <!-- Smaller devices menu END -->
-
-            </ul>
-        </div>
-
-    	</nav>
-    	<!-- End Bootstrap NavBar -->
-<!-- Bootstrap row -->
-<div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
-            
-
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
-            
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
-    <!-- MAIN -->
-    <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
-
-<p><strong>You can try out Codewind by using the local configuration</strong>. For local use of Codewind, and also the pre-requisite steps for <strong>remote use of Codewind</strong>, select from:</p>
-
-<ul>
-  <li><a href="./vsc-getting-started.html">VS Code</a></li>
-  <li><a href="./eclipse-getting-started.html">Eclipse</a></li>
-  <li><a href="./intellij-getting-started.html">IntelliJ</a></li>
-</ul>
-
-<p><strong>Codewind as a hosted application in the cloud</strong> If you want to go straight to using codewind as a hosted application in the cloud, select the <a href="./eclipseche-codewind-overview.html">Eclipse Che instructions</a></p>
-
-<p><strong>The different configurations of Codewind</strong> To find out about the different ways of using Codewind - locally, remotely, or as an application hosted on the cloud - see <a href="./overview.html#architecture">Codewind Architecture</a>.</p>
-</div>
-        </div>
-        
-        <div class="py-5 px-5 text-right">
-        Last update: Apr 28, 2020
-        </div>
-        
-    </div>
-    
-</div>
-<!-- footer row -->
-<footer>
-
-<div id="footer-div-mobile">
-        
-        <div class="row">
-	        <div class="col-sm-12 text-center">
-		        <span>Useful Links:</span>
-		        <br/><br/>
-		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
-		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
-		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
-		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
-		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
-		    </div>
-        </div>
-        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
-        
-        <div class="cw_footer_display_icons row">
-    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        
-        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
-                            class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        
-
-        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
-                </div>
-            </div>
-        </div>
-        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
-                            class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
-            <div>
-                <div>
-                    
-                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
-                </div>
-            </div>
-        </div>
-        </div>
-        
-		</div>
-		
-    </div>
-    
-    
-    <div class="row cw-footer-desktop" id="footer-div">
-        <div class="cw-footer-left">
-        		<div class="px-5 cw-font-12>
-	        <span class="cw-font-14">Useful Links:</span>
-	        <br/><br/>
-	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
-	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
-	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
-	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
-	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
-	        </div>
-	        
-        </div>
-        <div class="cw-footer-border-right"></div>
-        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
-        <div class="cw_footer_display_icons">
-    		<div class="cw-footer-col text-center">
-            <div>
-                <div>
-                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        <div class="cw-footer-col text-center">
-            <div>
-                <div>
-                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        
-        <div class="cw-footer-col text-center">
-            <div>
-                <div>
-                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
-                            class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        
-
-        <div class=" cw-footer-col text-center">
-            <div class="cw-logo-mm" >
-                <div class="cw-logo-mm" >
-                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
-                </div>
-            </div>
-        </div>
-        <div class="cw-footer-col text-center">
-            <div>
-                <div>
-                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
-                            class="cw-logo" /></a>
-                </div>
-            </div>
-        </div>
-        
-        </div>
-        
-		</div>
-		<div class="cw-footer-border-right"></div>
-		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
-		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
-	        
-		<a href="http://www.eclipse.org">
-		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
-		</a>
-	        </div>
-		</div>
-    </div>
-</footer>
-<!-- footer row END -->
-<!-- Main Col END -->
- <!-- Jquery -->
-<script
-  src="https://code.jquery.com/jquery-3.4.1.min.js"
-  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
-  crossorigin="anonymous"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
-    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
-</script>
-
-
-
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
-    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
-</script>
-
-
-<!-- Font Awesome JS -->
-<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
-    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
-</script>
-<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
-    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
-</script>
-
-<script src="js/jquery.matchHeight-min.js"></script>
-<script src="js/index.js"></script>
-<script src="js/docs.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
-
-</div>
-</body>
-
+<html lang="en-US">
+  <meta charset="utf-8">
+  <title>Redirecting&hellip;</title>
+  <link rel="canonical" href="/codewind/learn.html">
+  <script>location="/codewind/learn.html"</script>
+  <meta http-equiv="refresh" content="0; url=/codewind/learn.html">
+  <meta name="robots" content="noindex">
+  <h1>Redirecting&hellip;</h1>
+  <a href="/codewind/learn.html">Click here if you are not redirected.</a>
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
diff --git a/great-conversations-about-the-kabanero-io.html b/great-conversations-about-the-kabanero-io.html
index ad8a952..a591a8a 100644
--- a/great-conversations-about-the-kabanero-io.html
+++ b/great-conversations-about-the-kabanero-io.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/guides.html b/guides.html
index c6157f3..195e779 100644
--- a/guides.html
+++ b/guides.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -133,22 +134,28 @@
                 
 
                 <div class="row guides-post-row">
-                    <div class="guides-post-column col">
-
-                        <div class="guides-post-content guides-content">
-                            <h2 class="guides-post-title"><a href="/codewind/codewind-vscode-quick-guide.html"
-                                    class="guides-post-title-link">Codewind in VS Code</a></h2>
-                            <p class="guides-post-date-mobile d-sm-block d-md-none">May 14, 2020
-                            </p>
-                            <p class="guides-post-paragraph">
+                    <div class="media">
+                        <img src="images/learn/icon_logoVScode.svg" class="guide-image">
+                        <div class="media-body">
+                            <h5 class="mt-0">
+                                <a href="/codewind/codewind-vscode-quick-guide.html" class="guides-post-title-link">
+                                    Codewind in VS Code
+                                </a>
+                            </h5>
+                            <p>
                                 
                                 Take advantage of Codewind's tools to help build high quality cloud native applications regardless of which IDE or language you use.
                                 
                             </p>
-
-                            <div class="read-more-link-container ">
-                                <a href="/codewind/codewind-vscode-quick-guide.html" class="read-more-link">Read more</a>
-                            </div>
+                            <h5 class="guides-objective-header">Objectives</h5>
+                            <ul class="guides-objective-list">
+                                
+                                    <li class="objective-item">Install Visual Studio Code (VS Code) and Codewind.</li> 
+                                
+                                    <li class="objective-item">Develop a simple microservice that uses Eclipse Codewind in VS Code.</li> 
+                                
+                            </ul>
+                            
                         </div>
                     </div>
                 </div>
@@ -156,22 +163,57 @@
                 
 
                 <div class="row guides-post-row">
-                    <div class="guides-post-column col">
-
-                        <div class="guides-post-content guides-content">
-                            <h2 class="guides-post-title"><a href="/codewind/codewind-eclipse-quick-guide.html"
-                                    class="guides-post-title-link">Codewind in Eclipse</a></h2>
-                            <p class="guides-post-date-mobile d-sm-block d-md-none">May 14, 2020
-                            </p>
-                            <p class="guides-post-paragraph">
+                    <div class="media">
+                        <img src="images/learn/icon_logoEclipse.svg" class="guide-image">
+                        <div class="media-body">
+                            <h5 class="mt-0">
+                                <a href="/codewind/codewind-eclipse-quick-guide.html" class="guides-post-title-link">
+                                    Codewind in Eclipse
+                                </a>
+                            </h5>
+                            <p>
                                 
                                 Take advantage of Codewind's tools to help build high quality cloud native applications regardless of which IDE or language you use.
                                 
                             </p>
+                            <h5 class="guides-objective-header">Objectives</h5>
+                            <ul class="guides-objective-list">
+                                
+                                    <li class="objective-item">Install Eclipse and Codewind.</li> 
+                                
+                                    <li class="objective-item">Develop a simple microservice that uses Eclipse Codewind in Eclipse.</li> 
+                                
+                            </ul>
+                            
+                        </div>
+                    </div>
+                </div>
+                
+                
 
-                            <div class="read-more-link-container ">
-                                <a href="/codewind/codewind-eclipse-quick-guide.html" class="read-more-link">Read more</a>
-                            </div>
+                <div class="row guides-post-row">
+                    <div class="media">
+                        <img src="images/learn/icon_cloud.svg" class="guide-image">
+                        <div class="media-body">
+                            <h5 class="mt-0">
+                                <a href="/codewind/codewind-crw-quick-guide.html" class="guides-post-title-link">
+                                    Codewind in CodeReady Workspaces
+                                </a>
+                            </h5>
+                            <p>
+                                
+                                Use CodeReady Workspaces to develop cloud-native applications from an OpenShift cluster.
+                                
+                            </p>
+                            <h5 class="guides-objective-header">Objectives</h5>
+                            <ul class="guides-objective-list">
+                                
+                                    <li class="objective-item">Install CodeReady Workspaces and Codewind.</li> 
+                                
+                                    <li class="objective-item">Create a Codewind workspace within CodeReady Workspaces.</li> 
+                                
+                            </ul>
+                            
                         </div>
                     </div>
                 </div>
diff --git a/images/cdt-vsc/logs-location.png b/images/cdt-vsc/logs-location.png
deleted file mode 100644
index b79c131..0000000
--- a/images/cdt-vsc/logs-location.png
+++ /dev/null
Binary files differ
diff --git a/images/cdt-vsc/output_with_logpath.png b/images/cdt-vsc/output_with_logpath.png
new file mode 100644
index 0000000..92178e7
--- /dev/null
+++ b/images/cdt-vsc/output_with_logpath.png
Binary files differ
diff --git a/images/codereadyworkspaces-images/CRW-CheCluster.png b/images/codereadyworkspaces-images/CRW-CheCluster.png
new file mode 100644
index 0000000..7c1dbd7
--- /dev/null
+++ b/images/codereadyworkspaces-images/CRW-CheCluster.png
Binary files differ
diff --git a/images/codereadyworkspaces-images/CRW-Install.png b/images/codereadyworkspaces-images/CRW-Install.png
new file mode 100644
index 0000000..c95d662
--- /dev/null
+++ b/images/codereadyworkspaces-images/CRW-Install.png
Binary files differ
diff --git a/images/codereadyworkspaces-images/CRW-OperatorHub.png b/images/codereadyworkspaces-images/CRW-OperatorHub.png
new file mode 100644
index 0000000..ed57451
--- /dev/null
+++ b/images/codereadyworkspaces-images/CRW-OperatorHub.png
Binary files differ
diff --git a/images/codereadyworkspaces-images/CRW-Register.png b/images/codereadyworkspaces-images/CRW-Register.png
new file mode 100644
index 0000000..645cb2f
--- /dev/null
+++ b/images/codereadyworkspaces-images/CRW-Register.png
Binary files differ
diff --git a/images/learn/icon_cloud.svg b/images/learn/icon_cloud.svg
new file mode 100644
index 0000000..256c168
--- /dev/null
+++ b/images/learn/icon_cloud.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="28px" viewBox="0 0 36 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M18.5144097,5.00000334 C19.0015123,5.00000334 19.487421,5.04762334 19.9649851,5.14221948 C23.0526897,5.72538827 25.4688623,8.10434504 26.0650869,11.1483627 L26.3148549,12.4272733 L27.6117269,12.6546352 C30.3281656,13.1153572 32.2290682,15.5579516 31.9777095,18.2647725 C31.7263509,20.9715934 29.4071932,23.0330877 26.651081,22.9996012 L10.348919,22.9996012 C7.5928068,23.0330877 5.2736491,20.9715934 5.02229046,18.2647725 C4.77093182,15.5579516 6.67183444,13.1153572 9.38827309,12.6546352 L10.6755387,12.4272733 L10.9253066,11.1483627 C11.623807,7.56425451 14.8135071,4.98014732 18.5144097,5.00000334 L18.5144097,5.00000334 Z M18.5096971,3.00000334 C13.854078,2.99619091 9.85272139,6.25653561 8.97746631,10.766962 C5.27604895,11.4279982 2.69641165,14.7640857 3.02879618,18.4600141 C3.36118071,22.1559425 6.49589564,24.992005 10.257481,25.0000033 L26.742519,25.0000033 C30.5041044,24.992005 33.6388193,22.1559425 33.9712038,18.4600141 C34.3035883,14.7640857 31.723951,11.4279982 28.0225337,10.766962 C27.2752085,6.91881054 24.224253,3.90934332 20.3230513,3.17218057 C19.725202,3.06026233 19.1182117,3.00262998 18.5096971,3.00000334 Z" id="Fill" fill="#282828"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_desktop.svg b/images/learn/icon_desktop.svg
new file mode 100644
index 0000000..3cebcd0
--- /dev/null
+++ b/images/learn/icon_desktop.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="36px" height="28px" viewBox="0 0 36 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M28.8333333,21 L7.16666667,21 C5.97054477,20.9988975 5.00119433,20.1041125 5,19 L5,5 C5.00119433,3.89588748 5.97054477,3.00110246 7.16666667,3 L28.8333333,3 C30.0294552,3.00110246 30.9988057,3.89588748 31,5 L31,19 C30.9982102,20.1038844 30.0292082,20.9983479 28.8333333,21 L28.8333333,21 Z M7,5 L7,19 L29,19 L29,5 L7,5 Z M2,23 L33,23 L33,25 L2,25 L2,23 Z" id="Fill" fill="#282828"></path>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_guideGraph.svg b/images/learn/icon_guideGraph.svg
new file mode 100644
index 0000000..ed54722
--- /dev/null
+++ b/images/learn/icon_guideGraph.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="47px" viewBox="0 0 48 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="pictograms/data/analytics-03" transform="translate(3.000000, 2.000000)" fill="#0062FF">
+            <path d="M10.973025,18.8473688 C12.159525,18.8473688 13.125525,19.8133688 13.125525,20.9998688 C13.125525,22.1863688 12.159525,23.1523688 10.973025,23.1523688 C9.786525,23.1523688 8.820525,22.1863688 8.820525,20.9998688 C8.820525,19.8133688 9.786525,18.8473688 10.973025,18.8473688 L10.973025,18.8473688 Z M22.575525,29.6531813 C23.2330875,30.0311813 23.625525,30.7215563 23.625525,31.5011813 C23.625525,32.6876813 22.659525,33.6536812 21.473025,33.6536812 C20.286525,33.6536812 19.320525,32.6876813 19.320525,31.5011813 C19.320525,30.3133688 20.286525,29.3473688 21.473025,29.3473688 C21.8733375,29.3473688 22.250025,29.4510563 22.575525,29.6531813 L22.575525,29.6531813 Z M31.133025,10.5011812 C31.133025,9.31336875 32.099025,8.34736875 33.285525,8.34736875 C33.7540875,8.34736875 34.2029625,8.49436875 34.5757125,8.76474375 C35.123025,9.17949375 35.438025,9.81211875 35.438025,10.5011812 C35.438025,11.6876813 34.472025,12.6536812 33.285525,12.6536812 C32.9928375,12.6536812 32.702775,12.5906813 32.4324,12.4673063 C31.6435875,12.1339312 31.133025,11.3621813 31.133025,10.5011812 L31.133025,10.5011812 Z M1.313025,1.31236875 L1.313025,40.6873688 C1.313025,40.9485562 1.5243375,41.1598688 1.785525,41.1598688 L41.213025,41.1598688 L41.213025,40.2148688 L2.258025,40.2148688 L2.258025,21.4723688 L7.922775,21.4723688 C8.1524625,22.9554938 9.4255875,24.0973688 10.973025,24.0973688 C11.67915,24.0973688 12.3235875,23.8506188 12.8459625,23.4503063 L19.0225875,29.6269313 C18.622275,30.1493063 18.375525,30.7937438 18.375525,31.5011812 C18.375525,33.2087438 19.76415,34.5973688 21.473025,34.5973688 C23.1819,34.5973688 24.570525,33.2087438 24.570525,31.5011812 C24.570525,30.5574938 24.1269,29.6938688 23.4247125,29.1242438 L32.466525,13.4687438 C32.7329625,13.5448688 33.0059625,13.5973688 33.285525,13.5973688 C34.8329625,13.5973688 36.1060875,12.4554938 36.335775,10.9723688 L41.160525,10.9723688 L41.160525,10.0273688 L36.3292125,10.0273688 C36.2084625,9.22936875 35.8029,8.50749375 35.138775,8.00480625 C34.5954,7.61105625 33.9562125,7.40368125 33.285525,7.40368125 C31.57665,7.40368125 30.188025,8.79230625 30.188025,10.5011812 C30.188025,11.5643063 30.74715,12.5066813 31.610775,13.0618688 L22.6109625,28.6464938 C22.2539625,28.5021188 21.877275,28.4036813 21.473025,28.4036813 C20.8128375,28.4036813 20.202525,28.6136812 19.6998375,28.9680563 L13.50615,22.7730563 C13.8592125,22.2703688 14.070525,21.6613688 14.070525,20.9998688 C14.070525,19.2923063 12.6819,17.9023688 10.973025,17.9023688 C9.4255875,17.9023688 8.1524625,19.0442437 7.922775,20.5273688 L2.258025,20.5273688 L2.258025,1.31236875 L1.313025,1.31236875 Z" id="Fill-1"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_logoEclipse.svg b/images/learn/icon_logoEclipse.svg
new file mode 100644
index 0000000..0002382
--- /dev/null
+++ b/images/learn/icon_logoEclipse.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="45px" viewBox="0 0 48 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <linearGradient x1="50%" y1="1089.396%" x2="50%" y2="-159.5%" id="linearGradient-1">
+            <stop stop-color="#473788" offset="30.33%"></stop>
+            <stop stop-color="#2C2255" offset="87.2%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.999%" y1="896.537%" x2="49.999%" y2="-352.359%" id="linearGradient-2">
+            <stop stop-color="#473788" offset="30.33%"></stop>
+            <stop stop-color="#2C2255" offset="87.2%"></stop>
+        </linearGradient>
+        <linearGradient x1="49.999%" y1="215.17%" x2="49.999%" y2="-166.715%" id="linearGradient-3">
+            <stop stop-color="#473788" offset="30.33%"></stop>
+            <stop stop-color="#2C2255" offset="86.31%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="eclipse-11" transform="translate(2.000000, 2.000000)" fill-rule="nonzero">
+            <path d="M12.427051,27.1202436 L5.74702503,27.1202436 C6.63150268,30.1496205 8.27273802,32.8647728 10.675512,35.2645071 C14.5060857,39.0897603 19.1121993,41 24.498634,41 C25.5753746,41 26.6186484,40.9198668 27.6318704,40.7672727 C31.6890274,40.1557027 35.2412809,38.3240618 38.2848743,35.2645071 C40.7030157,32.8656253 42.3558619,30.1496205 43.2471695,27.1202436 L12.427051,27.1202436 L12.427051,27.1202436 Z M8.7436626,18.0610974 L5.25407389,18.0610974 C5.12396228,18.8383935 5.03912842,19.6225731 5,20.4096828 L43.9988048,20.4096828 C43.9590203,19.6083506 43.8719386,18.8266254 43.7431941,18.0610974 M5,22.5906705 C5.03944292,23.3925142 5.12601245,24.1740689 5.25407389,24.939256 L43.7438771,24.939256 C43.8749173,24.1620335 43.9604369,23.3778395 44,22.5906705 M43.2480233,15.8795982 C42.3575694,12.8418671 40.7043817,10.1139275 38.2848743,7.69748459 C35.2493061,4.66657327 31.7072975,2.84806057 27.6631174,2.23632013 C26.6158003,2.07819165 25.5580267,1.99919815 24.4988048,2.00000614 C19.1123701,2.00000614 14.5059149,3.89985176 10.6756828,7.69765509 C8.27205502,10.1139275 6.62979519,12.8418671 5.74600054,15.8795982" id="Shape" fill="#2C2255"></path>
+            <path d="M3.69046641,20.5001717 C3.69046641,10.1406305 12.0817452,1.53323339 22.9981482,0.0192298028 C22.727414,0.0101299854 22.4551983,0 22.1816864,0 C9.93161196,0 0,9.17862527 0,20.5001717 C0,31.8222332 9.9312416,41 22.1816864,41 C22.4561242,41 22.7281547,40.9903851 23,40.9811136 C12.0817452,39.4672817 3.69046641,30.8597129 3.69046641,20.5001717 Z" id="Path" fill="#F7941E"></path>
+            <g id="Group" transform="translate(11.000000, 18.000000)">
+                <path d="M26.9927442,2.39819946 C26.9279523,1.59349494 26.7906156,0.796230289 26.5823951,0.0160481771 L0.41968786,0.0160481771 C0.211284933,0.796205339 0.0738309773,1.59347605 0.00899157546,2.39819946 L26.9927442,2.39819946 L26.9927442,2.39819946 Z" id="Path" fill="url(#linearGradient-1)"></path>
+                <path d="M26.9927442,4.61070353 L0.00933874054,4.61070353 C0.0739211754,5.41549114 0.211261032,6.21283187 0.41968786,6.99302775 L26.5827423,6.99302775 C26.7908585,6.21277906 26.9280792,5.41545598 26.9927442,4.61070353 L26.9927442,4.61070353 Z" id="Path" fill="url(#linearGradient-2)"></path>
+                <path d="M13.5010415,16.9954692 C18.9341749,16.9954692 23.617779,13.8064128 25.7743684,9.20518595 L1.22771457,9.20518595 C3.38447761,13.8064128 8.06773448,16.9954692 13.5010415,16.9954692 Z" id="Path" fill="url(#linearGradient-3)"></path>
+            </g>
+            <g id="Group" transform="translate(5.000000, 16.000000)" fill="#FFFFFF">
+                <path d="M4.30053995,6.55849685 L38.9580611,6.55849685 C38.9764733,6.21957667 38.9867023,5.87832485 38.9867023,5.5347414 C38.9867023,5.16301175 38.9728932,4.79461301 38.9512418,4.42771318 L0.0461327426,4.42771318 C0.0246518646,4.79411337 0.0106722457,5.16301175 0.0106722457,5.5347414 C0.0106722457,5.87832485 0.0209012352,6.21957667 0.0393134162,6.55849685 L4.30053995,6.55849685 Z M7.38355738,0.00293120155 L0.790632694,0.00293120155 C0.5739486,0.696759932 0.43415241,1.40857558 0.299811682,2.13388142 L38.6060134,2.13388142 C38.4735942,1.41425956 38.298555,0.702747689 38.0817777,0.00293120155 M36.1012749,8.85232861 L0.299470715,8.85232861 C0.430060814,9.57713481 0.578722128,10.2884508 0.791826076,10.9831123 L38.2092991,10.9831123 C38.4231782,10.2831988 38.5952582,9.5717393 38.7246697,8.85232861 L36.1012749,8.85232861 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_logoVScode.svg b/images/learn/icon_logoVScode.svg
new file mode 100644
index 0000000..df303a3
--- /dev/null
+++ b/images/learn/icon_logoVScode.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="48px" height="47px" viewBox="0 0 48 47" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="visual-studio-code" transform="translate(3.000000, 2.000000)" fill="#0179CB" fill-rule="nonzero">
+            <path d="M15.307265,26.3194385 L4.6491453,34.5865589 L0,32.2820077 L0,10.7362824 L4.63076923,8.41344109 L15.2153846,16.6988516 L31.974359,0 L43,4.37133135 L43,38.5555083 L32.0294872,43 L15.307265,26.3194385 Z M31.6435897,29.2275627 L31.6435897,13.7724373 L21.6102564,21.509145 L31.6435897,29.2275627 Z M5.01666667,26.4474692 L10.2905983,21.6737558 L5.01666667,16.4427903 L5.01666667,26.4474692 L5.01666667,26.4474692 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_roleArchitect.svg b/images/learn/icon_roleArchitect.svg
new file mode 100644
index 0000000..e80ccc7
--- /dev/null
+++ b/images/learn/icon_roleArchitect.svg
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="39px" height="34px" viewBox="0 0 39 34" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="todd-icon" transform="translate(3.000000, 2.000000)" fill="#000000" fill-rule="nonzero">
+            <g id="Group" transform="translate(25.000000, 0.000000)">
+                <g id="Shape">
+                    <path d="M1.28333333,10.7606846 L3.5,8.4987798 L5.71666667,10.7606846 L5.71666667,1.57142857 L1.28333333,1.57142857 L1.28333333,10.7606846 Z M0.116666667,13.810744 L0.116666667,0.142857143 L6.88333333,0.142857143 L6.88333333,13.810744 L3.5,10.3583631 L0.116666667,13.810744 Z"></path>
+                </g>
+            </g>
+            <g id="noun_user-profile_2799221" transform="translate(0.000000, 1.000000)">
+                <path d="M12.9899051,0 C17.4739454,0 21.0926446,3.42051282 21.0926446,7.65897436 C21.0926446,10.4846154 19.3619624,13.0128205 16.9232738,14.3512821 C21.5646488,15.6897436 25.183348,19.4076923 25.9700218,24.1666667 C26.1273565,25.0589744 25.6553523,26.025641 24.7900112,26.4717949 C21.4859815,28.1820513 17.2379433,29 12.9899051,29 C8.74186688,29 4.57249606,28.1820513 1.26846635,26.4717949 C0.32445786,26.025641 -0.0688790096,25.1333333 0.00978836439,24.1666667 C0.875129478,19.4076923 4.49382868,15.6897436 9.13520375,14.3512821 C6.61784778,13.0128205 4.96583293,10.4846154 4.96583293,7.65897436 C4.96583293,3.42051282 8.58453213,0 12.9899051,0 Z M12.9899051,15.2435897 C7.40452152,15.1692308 2.52714433,19.1846154 1.58313584,24.3897436 C1.50446847,24.6871795 1.74047059,25.0589744 1.97647271,25.2076923 C5.0445003,26.6948718 9.05653637,27.5128205 12.9899051,27.5128205 C17.0019411,27.5128205 20.9353098,26.6948718 24.0033374,25.2076923 C24.3180069,24.9846154 24.4753417,24.6871795 24.3966743,24.3897436 C23.5313332,19.1846154 18.653956,15.1692308 12.9899051,15.2435897 Z M12.9899051,13.7564103 C16.6086043,13.7564103 19.5192971,11.0051282 19.5192971,7.65897436 C19.5192971,4.23846154 16.6086043,1.48717949 12.9899051,1.48717949 C9.44987324,1.48717949 6.53918041,4.23846154 6.53918041,7.65897436 C6.53918041,11.0051282 9.44987324,13.7564103 12.9899051,13.7564103 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_roleDeveloper.svg b/images/learn/icon_roleDeveloper.svg
new file mode 100644
index 0000000..c4f9ae6
--- /dev/null
+++ b/images/learn/icon_roleDeveloper.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="44px" height="31px" viewBox="0 0 44 31" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="dev-icon" transform="translate(2.000000, 2.000000)" fill="#000000" fill-rule="nonzero">
+            <g id="noun_user-profile_2799221">
+                <path d="M11.7857127,0 C15.8540727,0 19.1373107,3.18461538 19.1373107,7.13076923 C19.1373107,9.76153846 17.5670664,12.1153846 15.3544496,13.3615385 C19.5655591,14.6076923 22.848797,18.0692308 23.5625444,22.5 C23.7052939,23.3307692 23.2770455,24.2307692 22.4919234,24.6461538 C19.4941844,26.2384615 15.6399485,27 11.7857127,27 C7.93147685,27 4.14861575,26.2384615 1.15087677,24.6461538 C0.294379913,24.2307692 -0.062493776,23.4 0.00888096177,22.5 C0.794003077,18.0692308 4.07724101,14.6076923 8.28835054,13.3615385 C6.00435893,12.1153846 4.50548944,9.76153846 4.50548944,7.13076923 C4.50548944,3.18461538 7.78872738,0 11.7857127,0 Z M11.7857127,14.1923077 C6.71810631,14.1230769 2.29287257,17.8615385 1.43637572,22.7076923 C1.36500098,22.9846154 1.57912519,23.3307692 1.79324941,23.4692308 C4.57686418,24.8538462 8.2169758,25.6153846 11.7857127,25.6153846 C15.4258243,25.6153846 18.9945612,24.8538462 21.778176,23.4692308 C22.0636749,23.2615385 22.2064244,22.9846154 22.1350497,22.7076923 C21.3499275,17.8615385 16.9246938,14.1230769 11.7857127,14.1923077 Z M11.7857127,12.8076923 C15.0689506,12.8076923 17.7098159,10.2461538 17.7098159,7.13076923 C17.7098159,3.94615385 15.0689506,1.38461538 11.7857127,1.38461538 C8.57384949,1.38461538 5.9329842,3.94615385 5.9329842,7.13076923 C5.9329842,10.2461538 8.57384949,12.8076923 11.7857127,12.8076923 Z" id="Shape"></path>
+            </g>
+            <path d="M35.853297,10 C35.6061471,9.99899513 35.3839555,9.85372514 35.2903235,9.63192506 C35.1966916,9.41012498 35.250057,9.15547123 35.4255371,8.98670121 L38.5237407,5.98235919 L35.4255371,2.97801716 C35.2179045,2.74290797 35.2318644,2.39244058 35.4575805,2.17356268 C35.6832966,1.95468478 36.0447133,1.94114774 36.2871677,2.14249009 L39.8192419,5.56163279 C39.9349281,5.67289809 40,5.82435714 40,5.98235919 C40,6.14036123 39.9349281,6.29182028 39.8192419,6.40308558 L36.2871677,9.82222828 C36.1728511,9.93532407 36.0166071,9.99934259 35.853297,10 Z M27.1415328,9.82222828 C27.3786188,9.59110286 27.3786188,9.21782664 27.1415328,8.98670121 L24.0413195,5.98235919 L27.1415328,2.97801716 C27.3493002,2.74290797 27.3353312,2.39244058 27.1094687,2.17356268 C26.8836062,1.95468478 26.5219551,1.94114774 26.2793433,2.14249009 L22.7449779,5.56163279 C22.6292166,5.67289809 22.5641026,5.82435714 22.5641026,5.98235919 C22.5641026,6.14036123 22.6292166,6.29182028 22.7449779,6.40308558 L26.2793433,9.82222828 C26.3937341,9.93532407 26.5500795,9.99934259 26.7134955,10 C26.8747856,9.99777368 27.0286347,9.93387737 27.1415328,9.82222828 L27.1415328,9.82222828 Z M30.0600356,9.67533946 L33.5943867,2.85156511 C33.7456375,2.561346 33.6252054,2.20789644 33.3248695,2.06057397 C33.0252374,1.91875936 32.662944,2.03426266 32.5101924,2.3203024 L28.9697158,9.14407675 C28.818465,9.43429586 28.9388972,9.78774542 29.2392331,9.93506789 C29.3250224,9.97603189 29.4191508,9.99820538 29.5148757,10 C29.7455324,9.9993263 29.9562407,9.87384261 30.0600356,9.67533946 L30.0600356,9.67533946 Z" id="Shape"></path>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/learn/icon_roleSysAdmin.svg b/images/learn/icon_roleSysAdmin.svg
new file mode 100644
index 0000000..2e164a7
--- /dev/null
+++ b/images/learn/icon_roleSysAdmin.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="44px" height="36px" viewBox="0 0 44 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 59.1 (86144) - https://sketch.com -->
+    <title>Mobile</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Mobile" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="devOps-icon" transform="translate(4.000000, 2.000000)" fill="#000000" fill-rule="nonzero">
+            <g id="Group" transform="translate(23.000000, 0.000000)">
+                <path d="M6.61111111,4.73684211 C5.1034188,4.73684211 3.88888889,5.96963563 3.88888889,7.5 C3.88888889,9.03036437 5.1034188,10.2631579 6.61111111,10.2631579 C8.11880342,10.2631579 9.33333333,9.03036437 9.33333333,7.5 C9.33333333,5.96963563 8.11880342,4.73684211 6.61111111,4.73684211 Z M6.61111111,9.41295547 C5.56410256,9.41295547 4.72649573,8.56275304 4.72649573,7.5 C4.72649573,6.43724696 5.56410256,5.58704453 6.61111111,5.58704453 C7.65811966,5.58704453 8.4957265,6.43724696 8.4957265,7.5 C8.4957265,8.56275304 7.65811966,9.41295547 6.61111111,9.41295547 Z" id="Shape"></path>
+                <path d="M13.2611637,5.84677419 L12.2760487,5.58467742 C12.2002706,5.34274194 12.105548,5.10080645 12.0108254,4.87903226 L12.5223275,3.9516129 C12.541272,3.93145161 12.5602165,3.89112903 12.5602165,3.87096774 C12.7686062,3.52822581 12.7307172,3.04435484 12.4465494,2.74193548 L11.4424899,1.6733871 C11.2909337,1.51209677 11.1014885,1.43145161 10.8930988,1.43145161 C10.7225981,1.43145161 10.5331529,1.49193548 10.3247632,1.61290323 L9.45331529,2.15725806 C9.24492558,2.03629032 9.01759134,1.95564516 8.7902571,1.85483871 L8.54397835,0.786290323 C8.54397835,0.766129032 8.52503383,0.745967742 8.52503383,0.725806452 C8.44925575,0.302419355 8.1082544,0 7.69147497,0 L6.27063599,0 C5.87280108,0 5.56968877,0.282258065 5.43707713,0.786290323 L5.19079838,1.83467742 C4.96346414,1.91532258 4.73612991,2.01612903 4.52774019,2.11693548 L3.63734777,1.55241935 C3.61840325,1.53225806 3.59945873,1.53225806 3.58051421,1.51209677 C3.44790257,1.41129032 3.27740189,1.37096774 3.12584574,1.37096774 C2.8985115,1.37096774 2.69012179,1.4516129 2.51962111,1.63306452 L1.51556157,2.7016129 C1.23139378,3.00403226 1.21244926,3.42741935 1.45872801,3.89112903 L1.97023004,4.81854839 C1.85656292,5.04032258 1.78078484,5.28225806 1.68606225,5.52419355 L0.738836265,5.8266129 L0.700947226,5.84677419 C0.682002706,5.84677419 0.682002706,5.84677419 0.663058187,5.86693548 C0.265223275,5.94758065 0,6.31048387 0,6.75403226 L0,8.26612903 C0,8.68951613 0.284167794,9.01209677 0.738836265,9.15322581 L1.72395129,9.41532258 C1.79972936,9.65725806 1.89445196,9.87903226 1.98917456,10.1209677 L1.45872801,11.0685484 L1.43978349,11.1290323 C1.21244926,11.4919355 1.26928281,11.9556452 1.55345061,12.2580645 L2.55751015,13.3266129 C2.70906631,13.4879032 2.8985115,13.5685484 3.10690122,13.5685484 C3.27740189,13.5685484 3.46684709,13.5080645 3.67523681,13.3870968 L4.54668471,12.8427419 C4.75507442,12.9637097 4.98240866,13.0443548 5.2097429,13.1451613 L5.45602165,14.1935484 L5.47496617,14.2741935 C5.55074425,14.6975806 5.8917456,15 6.30852503,15 L7.72936401,15 C8.12719892,15 8.43031123,14.7177419 8.56292287,14.2137097 L8.80920162,13.1653226 C9.03653586,13.0846774 9.26387009,12.983871 9.47225981,12.8830645 L10.3626522,13.4475806 C10.3815968,13.4677419 10.4005413,13.4677419 10.4194858,13.4879032 C10.5520974,13.5887097 10.7225981,13.6290323 10.8741543,13.6290323 C11.1014885,13.6290323 11.3098782,13.5282258 11.4803789,13.3669355 L12.4844384,12.2983871 C12.6170501,12.1572581 12.8822733,11.7540323 12.541272,11.108871 L11.9918809,10.1008065 C12.105548,9.87903226 12.1813261,9.63709677 12.2760487,9.39516129 L13.2801083,9.13306452 C13.2990528,9.13306452 13.3179973,9.11290323 13.3369418,9.11290323 C13.7347767,9.03225806 14,8.66935484 14,8.22580645 L14,6.71370968 C14,6.31048387 13.7347767,5.98790323 13.2611637,5.84677419 Z M13.2422192,8.22580645 C13.2422192,8.26612903 13.2232747,8.30645161 13.1664411,8.30645161 L13.1285521,8.30645161 L13.0906631,8.3266129 C13.0906631,8.3266129 13.0717185,8.3266129 13.0717185,8.3266129 L12.0866035,8.58870968 L11.6887686,8.68951613 L11.556157,9.09274194 C11.4803789,9.29435484 11.4046008,9.49596774 11.3098782,9.69758065 L11.120433,10.1008065 L11.3288227,10.483871 L11.8403248,11.4112903 C11.8971583,11.5322581 11.9161028,11.6129032 11.8971583,11.6330645 L10.9120433,12.7217742 C10.8930988,12.7419355 10.8741543,12.7419355 10.8552097,12.7419355 C10.8362652,12.7419355 10.8173207,12.7419355 10.7983762,12.7217742 L10.7604871,12.7016129 L10.7225981,12.6814516 C10.7225981,12.6814516 10.7036536,12.6814516 10.7036536,12.6814516 C10.7036536,12.6814516 10.7036536,12.6814516 10.7036536,12.6814516 L9.83220568,12.1169355 L9.47225981,11.8951613 L9.11231394,12.0967742 C8.92286874,12.1975806 8.73342355,12.2782258 8.54397835,12.3387097 L8.14614344,12.4798387 L8.05142084,12.9032258 L7.78619756,13.9314516 C7.74830853,14.0725806 7.69147497,14.1129032 7.69147497,14.1330645 L6.27063599,14.1330645 C6.23274696,14.1330645 6.19485792,14.1129032 6.1759134,14.0524194 L6.1759134,14.0120968 L6.15696888,13.9717742 L6.15696888,13.9314516 L5.91069012,12.9032258 L5.81596752,12.4798387 L5.43707713,12.3387097 C5.24763194,12.2580645 5.05818674,12.1774194 4.86874154,12.0766129 L4.50879567,11.875 L4.1488498,12.0967742 L3.27740189,12.641129 C3.16373478,12.7016129 3.10690122,12.7016129 3.0879567,12.7016129 C3.0879567,12.7016129 3.0879567,12.7016129 3.0879567,12.7016129 C3.0879567,12.7016129 3.0879567,12.7016129 3.0879567,12.7016129 L3.0879567,12.7016129 L2.06495264,11.6532258 C2.0270636,11.6129032 2.0270636,11.5725806 2.04600812,11.5322581 L2.06495264,11.4919355 L2.08389716,11.4516129 L2.10284168,11.4112903 L2.63328823,10.5040323 L2.84167794,10.1209677 L2.67117727,9.73790323 C2.57645467,9.53629032 2.50067659,9.33467742 2.44384303,9.13306452 L2.31123139,8.70967742 L1.91339648,8.60887097 L0.928281461,8.3266129 C0.795669824,8.28629032 0.757780785,8.24596774 0.738836265,8.22580645 L0.738836265,6.71370968 C0.738836265,6.6733871 0.757780785,6.63306452 0.814614344,6.63306452 L0.852503383,6.63306452 L0.890392422,6.61290323 L0.909336942,6.61290323 L0.928281461,6.61290323 L1.89445196,6.35080645 L2.29228687,6.25 L2.42489851,5.84677419 C2.50067659,5.64516129 2.57645467,5.44354839 2.67117727,5.24193548 L2.86062246,4.85887097 L2.65223275,4.47580645 L2.14073072,3.5483871 C2.08389716,3.42741935 2.08389716,3.34677419 2.08389716,3.3266129 L3.0879567,2.25806452 C3.10690122,2.23790323 3.12584574,2.23790323 3.14479026,2.23790323 C3.16373478,2.23790323 3.1826793,2.23790323 3.1826793,2.25806452 L3.22056834,2.27822581 L3.25845737,2.2983871 C3.25845737,2.2983871 3.27740189,2.2983871 3.27740189,2.31854839 L4.1488498,2.84274194 L4.50879567,3.06451613 L4.86874154,2.86290323 C5.05818674,2.76209677 5.24763194,2.68145161 5.43707713,2.62096774 L5.83491204,2.47983871 L5.92963464,2.05645161 L6.1759134,1.02822581 C6.21380244,0.887096774 6.27063599,0.846774194 6.27063599,0.826612903 L7.69147497,0.826612903 C7.72936401,0.826612903 7.76725304,0.846774194 7.78619756,0.907258065 L7.78619756,0.947580645 L7.80514208,0.987903226 C7.80514208,0.987903226 7.80514208,1.00806452 7.80514208,1.00806452 L8.05142084,2.05645161 L8.14614344,2.47983871 L8.52503383,2.62096774 C8.71447903,2.7016129 8.90392422,2.78225806 9.09336942,2.88306452 L9.47225981,3.08467742 L9.83220568,2.86290323 L10.7036536,2.31854839 C10.8173207,2.25806452 10.8741543,2.25806452 10.8930988,2.25806452 C10.8930988,2.25806452 10.8930988,2.25806452 10.8930988,2.25806452 C10.8930988,2.25806452 10.8930988,2.25806452 10.8930988,2.25806452 C10.8930988,2.25806452 10.8930988,2.25806452 10.8930988,2.25806452 L11.8971583,3.3266129 C11.9161028,3.34677419 11.9350474,3.40725806 11.9161028,3.44758065 L11.8971583,3.48790323 L11.8782138,3.52822581 L11.8782138,3.52822581 L11.8782138,3.5483871 L11.8782138,3.56854839 L11.3477673,4.45564516 L11.1393775,4.83870968 L11.3288227,5.22177419 C11.4235453,5.4233871 11.4993234,5.625 11.556157,5.8266129 L11.6887686,6.25 L12.0866035,6.35080645 L13.0717185,6.61290323 C13.2043302,6.65322581 13.2422192,6.69354839 13.2611637,6.71370968 L13.2611637,8.22580645 L13.2422192,8.22580645 Z" id="Shape"></path>
+            </g>
+            <g id="noun_user-profile_2799221" transform="translate(0.000000, 3.000000)">
+                <path d="M11.9906816,0 C16.1297957,0 19.4701335,3.3025641 19.4701335,7.39487179 C19.4701335,10.1230769 17.8725806,12.5641026 15.6214835,13.8564103 C19.9058297,15.1487179 23.2461674,18.7384615 23.9723278,23.3333333 C24.1175599,24.1948718 23.6818637,25.1282051 22.8830872,25.5589744 C19.8332137,27.2102564 15.9119476,28 11.9906816,28 C8.06941558,28 4.22076559,27.2102564 1.17089201,25.5589744 C0.299499563,25.1282051 -0.0635806243,24.2666667 0.00903541328,23.3333333 C0.807811826,18.7384615 4.14814955,15.1487179 8.43249577,13.8564103 C6.10878257,12.5641026 4.58384578,10.1230769 4.58384578,7.39487179 C4.58384578,3.3025641 7.9241835,0 11.9906816,0 Z M11.9906816,14.7179487 C6.83494294,14.6461538 2.33274861,18.5230769 1.46135616,23.5487179 C1.38874013,23.8358974 1.60658824,24.1948718 1.82443635,24.3384615 C4.65646182,25.774359 8.35987973,26.5641026 11.9906816,26.5641026 C15.6940995,26.5641026 19.3249014,25.774359 22.1569269,24.3384615 C22.447391,24.1230769 22.5926231,23.8358974 22.5200071,23.5487179 C21.7212306,18.5230769 17.2190363,14.6461538 11.9906816,14.7179487 Z M11.9906816,13.2820513 C15.3310193,13.2820513 18.0178127,10.625641 18.0178127,7.39487179 C18.0178127,4.09230769 15.3310193,1.43589744 11.9906816,1.43589744 C8.72295992,1.43589744 6.03616653,4.09230769 6.03616653,7.39487179 C6.03616653,10.625641 8.72295992,13.2820513 11.9906816,13.2820513 Z" id="Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/images/performanceguide/performance_dashboard_capabilities.png b/images/performanceguide/performance_dashboard_capabilities.png
new file mode 100644
index 0000000..2cf7b38
--- /dev/null
+++ b/images/performanceguide/performance_dashboard_capabilities.png
Binary files differ
diff --git a/images/performanceguide/performance_dashboard_navbar_icon.png b/images/performanceguide/performance_dashboard_navbar_icon.png
new file mode 100644
index 0000000..708c902
--- /dev/null
+++ b/images/performanceguide/performance_dashboard_navbar_icon.png
Binary files differ
diff --git a/images/remote/admin_link_manage_account.png b/images/remote/admin_link_manage_account.png
new file mode 100644
index 0000000..fd8c2ea
--- /dev/null
+++ b/images/remote/admin_link_manage_account.png
Binary files differ
diff --git a/images/remote/codewind_dropdown.png b/images/remote/codewind_dropdown.png
new file mode 100644
index 0000000..84e31f3
--- /dev/null
+++ b/images/remote/codewind_dropdown.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_add-project.png b/images/remotedeploy-projects-eclipse/eclipse_add-project.png
new file mode 100644
index 0000000..924c8ba
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_add-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_build-project-successful.png b/images/remotedeploy-projects-eclipse/eclipse_build-project-successful.png
new file mode 100644
index 0000000..dd8ea7d
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_build-project-successful.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_build-project.png b/images/remotedeploy-projects-eclipse/eclipse_build-project.png
new file mode 100644
index 0000000..d6f157b
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_build-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_build-python-project-successful.png b/images/remotedeploy-projects-eclipse/eclipse_build-python-project-successful.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_build-python-project-successful.png
diff --git a/images/remotedeploy-projects-eclipse/eclipse_build-python-project.png b/images/remotedeploy-projects-eclipse/eclipse_build-python-project.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_build-python-project.png
diff --git a/images/remotedeploy-projects-eclipse/eclipse_confirm-project-type.png b/images/remotedeploy-projects-eclipse/eclipse_confirm-project-type.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_confirm-project-type.png
diff --git a/images/remotedeploy-projects-eclipse/eclipse_confirm-project.png b/images/remotedeploy-projects-eclipse/eclipse_confirm-project.png
new file mode 100644
index 0000000..0f0bb58
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_confirm-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_create-new-project.png b/images/remotedeploy-projects-eclipse/eclipse_create-new-project.png
new file mode 100644
index 0000000..fc82cfa
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_create-new-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_move-node-project-from-local-folder.png b/images/remotedeploy-projects-eclipse/eclipse_move-node-project-from-local-folder.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_move-node-project-from-local-folder.png
diff --git a/images/remotedeploy-projects-eclipse/eclipse_move-node-project.png b/images/remotedeploy-projects-eclipse/eclipse_move-node-project.png
new file mode 100644
index 0000000..7eac1a1
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_move-node-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_place-node-project-in-cloudname-folder.png b/images/remotedeploy-projects-eclipse/eclipse_place-node-project-in-cloudname-folder.png
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_place-node-project-in-cloudname-folder.png
diff --git a/images/remotedeploy-projects-eclipse/eclipse_place-node-project.png b/images/remotedeploy-projects-eclipse/eclipse_place-node-project.png
new file mode 100644
index 0000000..b5df05f
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_place-node-project.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_project-deployed.png b/images/remotedeploy-projects-eclipse/eclipse_project-deployed.png
new file mode 100644
index 0000000..ee1960b
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_project-deployed.png
Binary files differ
diff --git a/images/remotedeploy-projects-eclipse/eclipse_select-project.png b/images/remotedeploy-projects-eclipse/eclipse_select-project.png
new file mode 100644
index 0000000..b188ba6
--- /dev/null
+++ b/images/remotedeploy-projects-eclipse/eclipse_select-project.png
Binary files differ
diff --git a/importing-existing-projects.html b/importing-existing-projects.html
index 2272db8..8725ed1 100644
--- a/importing-existing-projects.html
+++ b/importing-existing-projects.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="importing-existing-projects">Importing existing projects</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="importing-existing-projects">Importing existing projects</h1>
 
 <p>Configure a project to run in Codewind.</p>
 
@@ -707,13 +818,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 08, 2020
+            Last update: May 08, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -862,7 +972,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -897,18 +1007,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/index.html b/index.html
index d70ebf0..9b198b3 100644
--- a/index.html
+++ b/index.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -122,6 +123,14 @@
 <div role="main">
 <!-- Hero -->
 <div id="hero-body">
+    <div id="hero-city">
+        <img alt="city background" title="city background" id="hero-city-svg" src="images/index/hero-city.svg" /><img
+            alt="city background" title="city background" id="hero-city-svg-2" src="images/index/hero-city.svg" /><img
+            alt="city background" title="city background" id="hero-city-svg-3" src="images/index/hero-city.svg" />
+    </div>
+    <div id="hero-turbine">
+        <img alt="turbine image" title="turbine image" id="hero-turbine-svg" src="images/index/hero-turbines.svg" />
+    </div>
     <div id="hero-main">
         <div id="hero-main-text">
             <div id="hero-main-title"><span>Eclipse Code</span>wind</div>
@@ -132,32 +141,27 @@
                 templates
                 or samples, or pull in your applications and let Codewind get them cloud ready. </div>
             <aside aria-label="about Longboards">
-            	<button onclick="location.href='gettingstarted.html'"  type="button" id="get-started-button" class="btn">Get started</button>
-        		</aside>
+                <button onclick="location.href='gettingstarted.html'" type="button" id="get-started-button"
+                    class="btn">Get started</button>
+            </aside>
         </div>
 
         <div id="hero-main-hero">
             <div id="hero-main-hero-vscode">
                 <div>VS Code</div>
-                <div><img alt="vscode ide"  title="vscode ide" src="images/index/hero-vscode-noshadow.png"></div>
+                <div style="z-index:1"><img alt="vscode ide" title="vscode ide"
+                        src="images/index/hero-vscode-noshadow.png"></div>
             </div>
             <div id="hero-main-hero-eclipse">
                 <div>Eclipse</div>
-                <div><img alt="eclipse ide"  title="eclipse ide" src="images/index/hero-eclipse-noshadow.png"></div>
+                <div><img alt="eclipse ide" title="eclipse ide" src="images/index/hero-eclipse-noshadow.png"></div>
             </div>
             <div id="hero-main-hero-che">
                 <div class="text-right">Eclipse Che</div>
-                <div><img alt="che ide"  title="che ide" src="images/index/hero-che-noshadow.png"></div>
+                <div><img alt="che ide" title="che ide" src="images/index/hero-che-noshadow.png"></div>
             </div>
         </div>
     </div>
-
-    <div id="hero-city">
-        <img alt="city background"   title="city background" id="hero-city-svg" src="images/index/hero-city.svg" /><img alt="city background"   title="city background" id="hero-city-svg-2" src="images/index/hero-city.svg" /><img alt="city background"   title="city background" id="hero-city-svg-3" src="images/index/hero-city.svg" />
-    </div>
-    <div id="hero-turbine">
-            <img alt="turbine image"   title="turbine image" id="hero-turbine-svg" src="images/index/hero-turbines.svg" />
-    </div>
 </div>
 
 <!-- end hero -->
@@ -239,8 +243,7 @@
         </div>
         <div class="cw-key-features-col-text">
             Developers often have lifelong connections to their IDEs, which is why we deliver native IDE
-            integration with VS Code, Eclipse, and Eclipse Che. And we aren't stopping there... we're just
-            getting started with plans to support others soon. 
+            integration with Eclipse, Eclipse Che, IntelliJ, and VS Code.
         </div>
         <div>
             <img alt="ide icon"  title="ide icon" src="images/index/ide-icon.svg" class="cw-logo" />
@@ -261,8 +264,8 @@
             <img alt="monitoring icon"  title="monitoring icon" src="images/index/monitoring-icon.svg" class="cw-logo" />
         </div>
     </div>
-    
-    
+
+
 </div>
 
 <!-- key features row END -->
@@ -272,7 +275,7 @@
 		<div class="p-md-5">
 		<span class="cw-youtube-view-font">View the demo</span>
 			<div class="embed-responsive embed-responsive-16by9">
-			    
+
 				<iframe width="1280" height="720" title="Codewind youtube video" src="https://www.youtube.com/embed/mjADP2_4FBg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 			</div>
 		</div>
diff --git a/intellij-codechange.html b/intellij-codechange.html
index 6f3a23d..e62db59 100644
--- a/intellij-codechange.html
+++ b/intellij-codechange.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="making-a-code-change-with-intellij">Making a code change with IntelliJ</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="making-a-code-change-with-intellij">Making a code change with IntelliJ</h1>
 <p>Codewind automatically builds and redeploys your application whenever you make a code change and save the file. To see this feature in action, make a change to a file:</p>
 <ol>
   <li>From a project, open the file that you want to edit, for example, <strong>Project1</strong>&gt;<strong>src</strong>&gt;<strong>main</strong>&gt;<strong>java</strong>&gt;<strong>application</strong>&gt;<strong>rest</strong>&gt;<strong>v1</strong>&gt;<strong>example</strong>.</li>
@@ -485,13 +596,12 @@
 <p><strong>The different configurations of Codewind</strong> To find out about the different ways of using Codewind - locally, remotely, or as an application hosted on the cloud - see <a href="./overview.html#architecture">Codewind Architecture</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 12, 2020
+            Last update: May 12, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -640,7 +750,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -675,18 +785,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/intellij-firstproject.html b/intellij-firstproject.html
index b0d2a85..06d3177 100644
--- a/intellij-firstproject.html
+++ b/intellij-firstproject.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-intellij">Creating your first Codewind project with Codewind for IntelliJ</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-intellij">Creating your first Codewind project with Codewind for IntelliJ</h1>
 
 <h2 id="creating-your-first-project-from-a-template">Creating your first project from a template</h2>
 <ol>
@@ -513,13 +624,12 @@
 <p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./intellij-codechange.html">making a code change with IntelliJ</a> to see the auto-build-and-run feature in action.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 12, 2020
+            Last update: May 12, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -668,7 +778,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -703,18 +813,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/intellij-getting-started.html b/intellij-getting-started.html
index bcf961d..71813d9 100644
--- a/intellij-getting-started.html
+++ b/intellij-getting-started.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
 
 <p><strong>Important:</strong> Codewind for Intellij is currently a Tech Preview</p>
 
@@ -498,7 +609,7 @@
 
 <h3 id="prerequisites">Prerequisites</h3>
 <ul>
-  <li>Install <a href="https://www.jetbrains.com/idea/download/#section=mac">IntelliJ</a> version 2019.3.5.</li>
+  <li>Install <a href="https://www.jetbrains.com/idea/download/#section=mac">IntelliJ</a> version 2020.1.1 or later.</li>
   <li>Install Docker.</li>
   <li>If you use Linux, also install Docker Compose.</li>
 </ul>
@@ -521,13 +632,12 @@
 <p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./intellij-firstproject.html">create your first IntelliJ Codewind Project</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 14, 2020
+            Last update: May 21, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -676,7 +786,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -711,18 +821,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/introducing-eclipse-codewind-on-intellij.html b/introducing-eclipse-codewind-on-intellij.html
index d51630a..fe20159 100644
--- a/introducing-eclipse-codewind-on-intellij.html
+++ b/introducing-eclipse-codewind-on-intellij.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/introduction-to-eclipse-codewind-build-high-quality-cloud-native-applications-faster.html b/introduction-to-eclipse-codewind-build-high-quality-cloud-native-applications-faster.html
index ccc98d9..aaf5b49 100644
--- a/introduction-to-eclipse-codewind-build-high-quality-cloud-native-applications-faster.html
+++ b/introduction-to-eclipse-codewind-build-high-quality-cloud-native-applications-faster.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/jdk-14-is-coming-but-will-my-java-application-run-on-it.html b/jdk-14-is-coming-but-will-my-java-application-run-on-it.html
index ec797f3..b79a0b4 100644
--- a/jdk-14-is-coming-but-will-my-java-application-run-on-it.html
+++ b/jdk-14-is-coming-but-will-my-java-application-run-on-it.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/learn.html b/learn.html
new file mode 100644
index 0000000..5f7cc0f
--- /dev/null
+++ b/learn.html
@@ -0,0 +1,1043 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-112407000-2');
+</script>
+
+<!-- Google Tag Manager -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s),
+            dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
+</script>
+<!-- End Google Tag Manager -->
+
+<head>
+    	<title>Codewind</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Eclipse Codewind">
+	<meta name="keywords" content="Eclipse, docker, container, devops, applications, development, iteration, microservices, cloud, services, rapid, integrated"/>
+	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
+	<!-- Bootstrap CSS CDN -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/styles.css">
+	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
+	<link rel="stylesheet" href="css/blog.css">
+	<link rel="stylesheet" href="css/guides.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
+
+
+</head>
+
+<body data-spy="scroll" data-target="#toc">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+    <!-- Bootstrap NavBar -->
+	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
+    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="/codewind/">
+            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
+        </a>
+        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
+            <ul class="navbar-nav cw-navbar-nav">
+
+                <li class="nav-item cw-navbar-item cw-header-link-docs">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link-news">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-blog">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-guides">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
+                </li>
+
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
+                </li>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
+                </li>
+
+
+                <!-- li class="nav-item cw-navbar-item" id="download-li">
+                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
+                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
+                </li>  -->
+
+
+
+                <!-- Smaller devices menu END -->
+
+            </ul>
+        </div>
+
+    	</nav>
+    	<!-- End Bootstrap NavBar -->
+<!-- Bootstrap row -->
+<div class="row" id="body-row">
+  <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
+            
+
+            
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
+  <div id="content-container">
+    <div class="learn-container container-fluid">
+  <div class="row blue-row p-5">
+    <h2 class="my-3 py-0">Getting started</h2>
+    <div class="pb-5 mb-2">
+      Built from the ground up, Codewind, an
+      <a href="https://github.com/eclipse/codewind">open source project</a>,
+      helps both developers and DevOps engineers to develop, build and run
+      containerized applications quickly and easily, whilst also maintaining
+      application and runtime environment standards, by extending their
+      Integrated Development Environment (IDE).
+      <a href="overview.html">Learn more</a> or
+      <a href="want-to-get-a-microservice-up-and-running-super-quickly-try-codewind.html">see it in action</a>.
+    </div>
+    <div class="card-deck w-100">
+      <div class="card learn-card">
+        <div class="card-header">
+          <div class="d-flex align-items-center justify-content-between">
+            <h5 class="my-2">
+              Desktop and remote
+            </h5>
+            <div>
+              <img alt="Cloud icon" title="cloud icon" src="images/learn/icon_cloud.svg" />
+              <img alt="Desktop icon" title="desktop icon" src="images/learn/icon_desktop.svg" />
+            </div>
+          </div>
+        </div>
+        <div class="card-body d-flex flex-column">
+          <p>
+            Download to develop, build and run on your desktop, or to develop on
+            your desktop but build and run on the cloud. Follow step-by-step
+            instructions for <a href="vsc-getting-started.html">VS Code</a>,
+            <a href="eclipse-getting-started.html">Eclipse</a>, or
+            <a href="intellij-getting-started.html">IntelliJ</a>.
+          </p>
+          <div class="col d-flex justify-content-start flex-column flex-xl-row">
+            <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind"
+              class="mt-auto btn btn-primary m-2" role="button">
+              VS Code
+              <i class="fa fa-download button-icon"></i>
+            </a>
+            <a href="https://marketplace.eclipse.org/content/codewind" class="mt-auto btn btn-primary m-2"
+              role="button">
+              Eclipse
+              <i class="fa fa-download button-icon"></i>
+            </a>
+            <a href="https://plugins.jetbrains.com/plugin/13839-codewind" class="mt-auto btn btn-primary m-2"
+              role="button">
+              IntelliJ
+              <i class="fa fa-download button-icon"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="card learn-card">
+        <div class="card-header">
+          <div class="d-flex align-items-center justify-content-between">
+            <h5 class="my-2">
+              Browser based
+            </h5>
+            <img alt="Cloud icon" title="cloud icon" src="images/learn/icon_cloud.svg" />
+          </div>
+        </div>
+        <div class="card-body d-flex flex-column justify-content-between">
+          <p>
+            Download to develop, build and run entirely on the cloud,
+            <a href="che-installinfo.html ">step-by-step instructions</a>.
+          </p>
+          <div class="col d-flex justify-content-start flex-column flex-xl-row">
+            <a href="https://github.com/eclipse/codewind-che-plugin/blob/0.13.0/setup/install_che/che-operator/codewind-checluster.yaml"
+              class="mt-auto btn btn-primary m-2" role="button">
+              Eclipse Che
+              <i class="fa fa-download button-icon"></i>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row p-5">
+    <h3 class="mt-0 mb-4">Get started by job role</h3>
+    <div class="card-deck w-100">
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center mb-2">
+            <img alt="Developer icon" title="developer icon" src="images/learn/icon_roleDeveloper.svg" />
+            <h5 class="my-2">
+              Developer
+            </h5>
+          </div>
+          <p>
+            If you are a developer, learn how to set up and start using Codewind
+            on <a href="vsc-getting-started.html">VS Code</a>,
+            <a href="eclipse-getting-started.html">Eclipse</a>,
+            <a href="intellij-getting-started.html">IntelliJ</a>, or
+            <a href="che-installinfo.html">Eclipse Che</a>.
+          </p>
+        </div>
+      </div>
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center mb-2">
+            <img alt="SysAdmin icon" title="sysAdmin icon" src="images/learn/icon_roleSysAdmin.svg" />
+            <h5 class="my-2">
+              SysAdmin or Devops
+            </h5>
+          </div>
+          <p>
+            If you are a sysadmin or DevOps engineer, learn how to
+            <a href="remote-deploying-codewind.html">deploy Codewind remotely</a>.
+          </p>
+        </div>
+      </div>
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center mb-2">
+            <img alt="Architect icon" title="architect icon" src="images/learn/icon_roleArchitect.svg" />
+            <h5 class="my-2">
+              Solution Architect
+            </h5>
+          </div>
+          <p>
+            If you are responsible for defining standards for the application
+            and runtime environments, such as framework and software levels see,
+            <a href="workingwithtemplates.html">Working with templates</a>.
+          </p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="row blue-row p-5">
+    <a href="guides.html">
+      <h3 class="mt-0 mb-4">Quick guides</h3>
+    </a>
+    <div class="card-deck w-100">
+      
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center">
+            <h5 class="my-2">
+              <a href="codewind-crw-quick-guide.html">
+                Getting Started with Codewind in CodeReady Workspaces
+              </a>
+            </h5>
+            <img alt="Guide icon" class="pl-2" title="guide icon" src="images/learn/icon_cloud.svg" />
+          </div>
+          <ul>
+            
+            <li>
+              Install CodeReady Workspaces and Codewind.
+            </li>
+            
+            <li>
+              Create a Codewind workspace within CodeReady Workspaces.
+            </li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center">
+            <h5 class="my-2">
+              <a href="codewind-eclipse-quick-guide.html">
+                Getting Started with Codewind in Eclipse
+              </a>
+            </h5>
+            <img alt="Guide icon" class="pl-2" title="guide icon" src="images/learn/icon_logoEclipse.svg" />
+          </div>
+          <ul>
+            
+            <li>
+              Install Eclipse and Codewind.
+            </li>
+            
+            <li>
+              Develop a simple microservice that uses Eclipse Codewind in Eclipse.
+            </li>
+            
+          </ul>
+        </div>
+      </div>
+      
+      <div class="card learn-card">
+        <div class="card-body">
+          <div class="d-flex align-items-center">
+            <h5 class="my-2">
+              <a href="codewind-vscode-quick-guide.html">
+                Getting Started with Codewind in VS Code
+              </a>
+            </h5>
+            <img alt="Guide icon" class="pl-2" title="guide icon" src="images/learn/icon_logoVScode.svg" />
+          </div>
+          <ul>
+            
+            <li>
+              Install Visual Studio Code (VS Code) and Codewind.
+            </li>
+            
+            <li>
+              Develop a simple microservice that uses Eclipse Codewind in VS Code.
+            </li>
+            
+          </ul>
+        </div>
+      </div>
+      
+    </div>
+  </div>
+
+  <div class="row learn-row p-5">
+    <div class="row w-100">
+      
+      
+      <div class="col-lg-6">
+        <a href="blog.html">
+          <h3 class="mt-0 mb-4">
+            Blogs
+          </h3>
+        </a>
+        <div class="card learn-media-card">
+          <div class="embed-responsive embed-responsive-16by9">
+            <img class="blog-image" alt="Blog image" title="blog-image" src="images/blog/sneakpeakremotedevelopment.jpeg" />
+          </div>
+          <div class="card-body">
+            <p class="card-text text-right">
+              <small class="text-muted">
+                19 Dec 2019, length: 2 minutes
+              </small>
+            </p>
+            <h5 class="card-title">
+              <a href="sneak-peek-remote-development-with-codewind.html">
+                Sneak Peek: Remote Development with Codewind
+              </a>
+            </h5>
+            <p class="card-text">
+              In our Codewind 0.7.0 release, we’re very excited to share with you a preview of our latest feature: a remote development scenario with Codewind! We can hear you asking, “Why should I even care?”...
+            </p>
+          </div>
+          <div class="card-footer text-right">
+            <a href="blog.html">
+              ...more blogs
+            </a>
+          </div>
+        </div>
+      </div>
+      <div class="col-lg-6">
+        <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ">
+          <h3 class="mt-lg-0 mt-4 mb-4">
+            Videos
+          </h3>
+        </a>
+        <div class="card learn-media-card">
+          <div class="embed-responsive embed-responsive-16by9">
+            <iframe title="Codewind youtube video" src="https://www.youtube.com/embed/nhW7Qb4ojH8" class="embed-responsive-item"
+              allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+          </div>
+          <div style class="card-body">
+            <p class="card-text text-right">
+              <small class="text-muted">
+                April 07, 2020
+              </small>
+            </p>
+            <h5 class="card-title">
+              <a href="https://www.youtube.com/watch?v=nhW7Qb4ojH8">
+                Codewind Node.js code profiler
+              </a>
+            </h5>
+            <p class="card-text">
+              In this video you can see how the Eclipse Codewind Node.js profiler plugin for VS Code allows a cloud native developer to profile their Node.js applications, and quickly identify potential bottlenecks and where most of the time is spent executing their code.
+
+            </p>
+          </div>
+          <div class="card-footer text-right">
+            <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ">
+              ...more videos
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+  </div>
+</div>
+<!-- footer row -->
+<footer>
+
+<div id="footer-div-mobile">
+        
+        <div class="row">
+	        <div class="col-sm-12 text-center">
+		        <span>Useful Links:</span>
+		        <br/><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+		    </div>
+        </div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        
+        <div class="cw_footer_display_icons row">
+    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    
+                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
+                </div>
+            </div>
+        </div>
+        </div>
+        
+		</div>
+		
+    </div>
+    
+    
+    <div class="row cw-footer-desktop" id="footer-div">
+        <div class="cw-footer-left">
+        		<div class="px-5 cw-font-12>
+	        <span class="cw-font-14">Useful Links:</span>
+	        <br/><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+	        </div>
+	        
+        </div>
+        <div class="cw-footer-border-right"></div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        <div class="cw_footer_display_icons">
+    		<div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center">
+            <div class="cw-logo-mm" >
+                <div class="cw-logo-mm" >
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        </div>
+        
+		</div>
+		<div class="cw-footer-border-right"></div>
+		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
+		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
+	        
+		<a href="http://www.eclipse.org">
+		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
+		</a>
+	        </div>
+		</div>
+    </div>
+</footer>
+<!-- footer row END -->
+<!-- Main Col END -->
+<!-- Jquery -->
+<script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
+</script>
+
+
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
+</script>
+
+
+<!-- Font Awesome JS -->
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
+</script>
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
+    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
+</script>
+
+<script src="js/jquery.matchHeight-min.js"></script>
+<script src="js/index.js"></script>
+<script src="js/docs.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
+
+</div>
+</body>
+
+</html>
diff --git a/metrics-dashboard.html b/metrics-dashboard.html
index 15d062d..b834980 100644
--- a/metrics-dashboard.html
+++ b/metrics-dashboard.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="understanding-the-metrics-dashboard">Understanding the Metrics Dashboard</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="understanding-the-metrics-dashboard">Understanding the Metrics Dashboard</h1>
 
 <p>Application Metrics instruments Java, Node.js, and Swift runtimes for performance monitoring and provides the monitoring data through an API. The Metrics Dashboard is a method for you to visualize this data.</p>
 
@@ -500,7 +611,7 @@
 
 <h2 id="enabling-application-metrics">Enabling Application Metrics</h2>
 
-<p>If you import a project that does not include Application Metrics monitoring data associated with it, you can add Application Metrics by including the appropriate resource or performance monitoring application. For more information, see <a href="https://github.com/RuntimeTools/">RuntimeTools</a>.</p>
+<p>If you import a project that does not include Application Metrics monitoring data that is associated with it, you can add Application Metrics by including the appropriate resource or performance monitoring application. For more information, see <a href="https://github.com/RuntimeTools/">RuntimeTools</a>.</p>
 
 <h2 id="understanding-performance-metrics-in-the-dashboard-tab">Understanding performance metrics in the <strong>Dashboard</strong> tab</h2>
 
@@ -543,20 +654,27 @@
 
 <h2 id="code-highlighting-for-profiling-data">Code highlighting for profiling data</h2>
 
-<p>Code highlighting for profiling data highlights the most heavily used functions based on profiling data gathered through <a href="performance.html">load testing</a>. Support for code highlighting is available for Node.js or Java projects that are created through Codewind and then profiled.</p>
+<p>Code highlighting for profiling data highlights the most heavily used functions based on profiling data that is gathered through <a href="performance.html">load testing</a>.</p>
 
-<p>To enable code highlighting, you must install the appropriate VS Code extension:</p>
+<h3 id="prerequisites-1">Prerequisites</h3>
+<p>Code highlighting is available for Node.js or Java projects on VS Code that are created through Codewind and then profiled.</p>
+
+<p>To enable code highlighting, install the appropriate VS Code extension:</p>
 <ul>
   <li>For Node.js projects, install the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind-node-profiler">Codewind Node Profiler</a>.</li>
-  <li>For Java projects, install the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind-java-profiler">Codewind Java Profiler</a>. Java is supported, however, if the Metrics Dashboard does not show profiling data, use the editor plug-in to display it instead.</li>
-  <li>To execute a load test, please refer to <strong>Running a load test</strong> section of the <a href="performance.html">Performance Dashboard</a>.</li>
-  <li>Profiling data is written to the workspace only on a successfully completed load run. If the load run is cancelled, it won’t be written to the workspace.</li>
-  <li>Run the load run for a minimum of 45 seconds for enough profiling data to be gathered.</li>
-  <li>You can configure the load run time in the  <strong>Edit load run settings</strong> window. Please, refer to the <a href="performance.html">Performance Dashboard</a> for additional information. The default time is 3 minutes.</li>
-  <li>Out of all the <code class="highlighter-rouge">load-test</code> folders that contain profiling data, the most up-to-date <code class="highlighter-rouge">.hcd</code> file for Java projects or .json file for Node.js projects is the one that is displayed. The code for the older profiling data might be out of date, such as pointing to lines that have been moved.</li>
+  <li>For Java projects, install the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind-java-profiler">Codewind Java Profiler</a>. Java is supported. However, if the Metrics Dashboard does not show profiling data, use the editor plug-in to display it instead.</li>
 </ul>
 
-<p>To display code highlighting:</p>
+<h3 id="running-a-load-test-and-load-run">Running a load test and load run</h3>
+<ul>
+  <li>To execute a load test, see the <strong>Running a load test</strong> section of the <a href="performance.html">Performance Dashboard</a>.</li>
+  <li>Profiling data is written to the workspace only on a successfully completed load run. If the load run is cancelled, it won’t be written to the workspace.</li>
+  <li>Run the load run for a minimum of 45 seconds for enough profiling data to be gathered.</li>
+  <li>You can configure the load run time in the <strong>Edit load run settings</strong> window. See <a href="performance.html">Performance Dashboard</a> for more information. The default time is 3 minutes.</li>
+  <li>Out of all the <code class="highlighter-rouge">load-test</code> folders that contain profiling data, the most up-to-date <code class="highlighter-rouge">.hcd</code> file for Java projects or <code class="highlighter-rouge">.json</code> file for Node.js projects is the one that is displayed. The code for the older profiling data might be out of date, such as pointing to lines that have been moved.</li>
+</ul>
+
+<h3 id="displaying-code-highlighting">Displaying code highlighting</h3>
 <ol>
   <li>Open a project created with Codewind and profiled using the <a href="performance.html">load testing</a> feature of Codewind.
     <ul>
@@ -573,9 +691,13 @@
 
 <h2 id="interpreting-the-annotation-tooltip">Interpreting the annotation tooltip</h2>
 
-<p>After you start the load test and the test completes, view the source code. Theia displays an annotation tooltip with a specified message in a similar format to the following example:</p>
+<p>After you start the load test, and the test completes, view the source code. Theia and VS Code display an annotation tooltip with a specified message in a similar format to the following example:</p>
 
-<p><img src="images/theia-annotation-tooltip.png" alt="image of Theia annotation tooltip" /></p>
+<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>Function app.get() was the running function in 0.58% of samples.
+- (1,1): &lt;anonymous function&gt; made 66.67% of sampled calls.
+- layer.js(86,1): handle() made 33.33% of sampled calls.
+function(req: any, res: any, next: any): Promise&lt;any&gt;
+</code></pre></div></div>
 
 <ul>
   <li>The bullet points indicate the parent callers of the function. The percentages equal the number of times that a parent caller called a function. In this example, <code class="highlighter-rouge">&lt;anonymous function&gt;</code> probably made 2 calls to the <code class="highlighter-rouge">app.get()</code> function, and the <code class="highlighter-rouge">handle()</code> function probably made 1 call.</li>
@@ -588,13 +710,12 @@
 <p>If you encounter problems with the Metrics Dashboard, check the <a href="troubleshooting.html#understanding-application-metrics">Troubleshooting</a> page.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 21, 2020
+            Last update: Jun 02, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -743,7 +864,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -778,18 +899,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/my-first-cloud-native-node-js-microservice-from-nothing-to-running-immediately.html b/my-first-cloud-native-node-js-microservice-from-nothing-to-running-immediately.html
index 86ea75a..529096a 100644
--- a/my-first-cloud-native-node-js-microservice-from-nothing-to-running-immediately.html
+++ b/my-first-cloud-native-node-js-microservice-from-nothing-to-running-immediately.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/news.html b/news.html
index 173552d..fdcc48b 100644
--- a/news.html
+++ b/news.html
@@ -2,6 +2,6 @@
 <html>
 
   <head>
-    <meta http-equiv="Refresh" content="0; url=news12.html" />
+    <meta http-equiv="Refresh" content="0; url=news13.html" />
   </head>
 </html>
\ No newline at end of file
diff --git a/news03.html b/news03.html
index 98e85f4..0759152 100644
--- a/news03.html
+++ b/news03.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news04.html b/news04.html
index f909ca1..b1285ec 100644
--- a/news04.html
+++ b/news04.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news05.html b/news05.html
index 6c0f2c2..57b6d7e 100644
--- a/news05.html
+++ b/news05.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news06.html b/news06.html
index 8c5d857..451eec9 100644
--- a/news06.html
+++ b/news06.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news07.html b/news07.html
index 05d1936..6c9f9ab 100644
--- a/news07.html
+++ b/news07.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news08.html b/news08.html
index 316e54d..f74a8b3 100644
--- a/news08.html
+++ b/news08.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news09.html b/news09.html
index a452700..24826cb 100644
--- a/news09.html
+++ b/news09.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news11.html b/news11.html
index dbaa7c9..70f579d 100644
--- a/news11.html
+++ b/news11.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news12.html b/news12.html
index 18e284c..be1eb41 100644
--- a/news12.html
+++ b/news12.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/news13.html b/news13.html
new file mode 100644
index 0000000..37ca448
--- /dev/null
+++ b/news13.html
@@ -0,0 +1,546 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-112407000-2');
+</script>
+
+<!-- Google Tag Manager -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s),
+            dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
+</script>
+<!-- End Google Tag Manager -->
+
+<head>
+    	<title>New for Codewind 0.13.0 | Codewind</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="New for Codewind 0.13.0">
+	<meta name="keywords" content="news, new, updates, update, version"/>
+	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
+	<!-- Bootstrap CSS CDN -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/styles.css">
+	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
+	<link rel="stylesheet" href="css/blog.css">
+	<link rel="stylesheet" href="css/guides.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
+
+
+</head>
+
+<body data-spy="scroll" data-target="#toc">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+    <!-- Bootstrap NavBar -->
+	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
+    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="/codewind/">
+            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
+        </a>
+        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
+            <ul class="navbar-nav cw-navbar-nav">
+
+                <li class="nav-item cw-navbar-item cw-header-link-docs">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link-news">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-blog">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-guides">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
+                </li>
+
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
+                </li>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
+                </li>
+
+
+                <!-- li class="nav-item cw-navbar-item" id="download-li">
+                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
+                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
+                </li>  -->
+
+
+
+                <!-- Smaller devices menu END -->
+
+            </ul>
+        </div>
+
+    	</nav>
+    	<!-- End Bootstrap NavBar -->
+<!-- Bootstrap row -->
+<div class="row" id="body-row">
+    <!-- Sidebar -->
+    
+    
+
+    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
+        <!-- Bootstrap List Group -->
+        <ul class="list-group sticky-top bg-light cw-sticky-offset">
+            
+            <!-- Hard coded TOC -->
+            <!-- Start single page getting started -->
+            
+            
+		      
+			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="cw-current-page bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news11.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.11.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news09.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.9.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news08.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.8.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news07.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.7.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news06.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.6.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news05.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.5.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news04.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.4.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="news03.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.3.0
+	            </a>
+	            
+			  
+			
+		      
+			  
+				<a href="newstechpreview.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind tech preview
+	            </a>
+	            
+			  
+			
+			
+			<!-- END hard coded TOC -->
+
+            
+        </ul>
+        <!-- List Group END-->
+    </div>
+    <!-- sidebar-container END -->
+    <!-- MAIN -->
+    <div id="content-container">
+    		<div class="py-5 px-5">
+    		    <div class="cw-docs-spacer"></div>
+        		<div role="main"><h2 id="codewind-0130">Codewind 0.13.0</h2>
+<p>Friday 12, June 2020</p>
+
+<h4 id="-new-features-and-highlights-for-0130-">✨ New Features and Highlights for 0.13.0 ✨</h4>
+
+<p><strong>IDEs</strong></p>
+<h5 id="eclipse-and-vs-code">Eclipse and VS Code</h5>
+<ul>
+  <li>Codewind includes support for <a href="https://github.com/eclipse/codewind/issues/1990">debugging remote projects</a>.</li>
+  <li><a href="https://github.com/eclipse/codewind/issues/1579">Use the IDEs to collect all available log files and environment information</a>. For more information, see <a href="troubleshooting.html#collecting-diagnostics-with-ides">Collecting diagnostics with IDEs</a>.</li>
+  <li>Codewind remembers the state of remote connections, whether connected or disconnected, when you <a href="https://github.com/eclipse/codewind/issues/2823">restart Eclipse or VS Code</a>.</li>
+  <li>Manage and view project log files that are currently available in the project overview page in <a href="https://github.com/eclipse/codewind/issues/3020">Eclipse</a> and in <a href="https://github.com/eclipse/codewind/issues/2755">VS Code</a>.</li>
+</ul>
+
+<h5 id="eclipse">Eclipse</h5>
+<ul>
+  <li><strong>Important:</strong> Codewind 0.13.0 drops support for Eclipse 2019-03 (4.11). The earliest version of Eclipse that is compatible with Codewind 0.13.0 is Eclipse 2019-06 (4.12).</li>
+  <li>In Eclipse 2020-03 (4.15) and later, you can <a href="https://github.com/eclipse/codewind/issues/2975">debug Node.js projects directly in Eclipse</a>. If preferred, use the Codewind preferences to go back to using a Chrome-based browser for debugging.</li>
+  <li>To learn more about why a push registry is required for remote Codewind style projects, <a href="https://github.com/eclipse/codewind/issues/2992">a link to the documentation is included in related dialogs</a>.</li>
+  <li>The Codewind Explorer view displays an indication of project errors and warnings. <a href="https://github.com/eclipse/codewind/issues/655">Hover over the project to get the details</a>.</li>
+</ul>
+
+<h5 id="intellij">IntelliJ</h5>
+<ul>
+  <li>The Codewind plug-in requires IntelliJ IDEA 2020.1.1 as the minimum version.</li>
+</ul>
+
+<h5 id="vs-code">VS Code</h5>
+<ul>
+  <li>A <a href="https://github.com/eclipse/codewind-vscode/wiki/Changelog">changelog</a> file is linked to the VS Code tools <code class="highlighter-rouge">README</code> file and is updated for Codewind 0.13.0.</li>
+  <li>If you run a load test through the Performance Dashboard, <a href="https://github.com/eclipse/codewind/issues/2739">the load runner status appears in a VS Code notification</a>.</li>
+  <li>After you create a project, <a href="https://github.com/eclipse/codewind/issues/2755">the project logs appear as they become available</a>. If you want, you can also disable the log appearance by setting your preferences.</li>
+  <li>A modified version of the <a href="https://github.com/eclipse/codewind/issues/2755"><code class="highlighter-rouge">Codewind: Manage Logs</code> command is available in Che</a>.</li>
+  <li>In the background, Codewind tries to <a href="https://github.com/eclipse/codewind/issues/2640#issuecomment-632896965">reconnect to a remote connection</a> that it lost the connection to. If your network connection or a proxy connection is lost briefly but then restored, the connection reconnects after a short delay.</li>
+  <li><a href="https://github.com/eclipse/codewind/issues/2278">If you delete an active project from the disk</a>, Codewind <a href="https://github.com/eclipse/codewind/issues/2772">deletes it automatically</a>.</li>
+  <li>Template source addition and removal is <a href="https://github.com/eclipse/codewind/issues/2776">reported immediately</a>.</li>
+  <li><a href="https://github.com/eclipse/codewind/issues/2922">A warning appears if a project directory is added to multiple connections</a>. Adding a project directory to multiple connections is still allowed.</li>
+  <li>The location of the Codewind extension logs is <a href="https://github.com/eclipse/codewind-vscode/pull/600">reported at the beginning of the Codewind output stream</a>.</li>
+  <li>The Codewind output stream <a href="https://github.com/eclipse/codewind-vscode/pull/607/commits/bb55fe7f2c5ea5fc5e92962f5a83ce960d768e0e">logs timestamps and time that is elapsed for each command</a>.</li>
+</ul>
+
+<p><strong>New Codewind Quick Guide</strong></p>
+
+<p>Looking to use Codewind in CodeReady Workspaces to develop cloud-native applications from an OpenShift cluster? Checkout our new <a href="./codewind-crw-quick-guide.html">Getting started with Codewind in CodeReady Workspaces quick guide</a>.</p>
+
+<h4 id="list-of-fixes">List of Fixes</h4>
+<ul>
+  <li>In Codewind for Eclipse and VS Code:
+    <ul>
+      <li>When you use the IDE to upgrade Codewind, the IDE <a href="https://github.com/eclipse/codewind/issues/2869">removes the old version of the Codewind CLI</a> from the disk to save space.</li>
+    </ul>
+  </li>
+  <li>In Codewind for Eclipse:
+    <ul>
+      <li><a href="https://github.com/eclipse/codewind/issues/2997">A progress monitor appears when certain actions are selected</a>. For example, a progress monitor appears while Manage Template Sources retrieves data from a connection.</li>
+      <li>The local connection <a href="https://github.com/eclipse/codewind/issues/2963">no longer shows a disconnected error when Eclipse is restarted</a>.</li>
+      <li>The <a href="https://github.com/eclipse/codewind/issues/2924">dialog is improved</a> in the window that appears if you try to add a project that is already deployed on another connection.</li>
+      <li>The <code class="highlighter-rouge">Widget is disposed</code> exception <a href="https://github.com/eclipse/codewind/issues/2917">no longer appears</a> when you update the project overview page.</li>
+      <li>The refresh action on the root element in the Codewind Explorer view <a href="https://github.com/eclipse/codewind/issues/2832">checks for new connections</a>.</li>
+      <li><strong>Restore defaults</strong> on the Codewind preferences page <a href="https://github.com/eclipse/codewind/issues/2836">resets the fields to their defaults</a>.</li>
+    </ul>
+  </li>
+  <li>In Codewind for VS Code:
+    <ul>
+      <li><a href="https://github.com/eclipse/codewind/issues/2456">An issue is fixed with deleting project files on Windows</a>. Also, a warning message appears if the extension is going to reload because the workspace folders are changed.</li>
+      <li><a href="https://github.com/eclipse/codewind-vscode/pull/596">Some of the colors in the webviews are updated because they changed in VS Code 1.45</a>. Also, the table header in the Template Sources and Image Registry pages is fixed.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2824">An issue is fixed with canceling connection setup after you restart VS Code</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2878">Webviews close when the extension is deactivated</a>.</li>
+    </ul>
+  </li>
+  <li>The Performance Dashboard includes <a href="https://github.com/eclipse/codewind/pull/3037">new capabilities paneling</a>.</li>
+  <li><a href="https://github.com/eclipse/codewind/issues/2825">Run load concurrently against multiple projects</a>.</li>
+  <li><a href="https://github.com/eclipse/codewind-appsody-extension/pull/104">Appsody projects can be added to more Docker networks that are specified with a <code class="highlighter-rouge">CW_NETWORKS</code> environment variable with space-delimited names</a>.</li>
+  <li>The <a href="https://github.com/eclipse/codewind-appsody-extension/pull/107"><code class="highlighter-rouge">appsody-extension</code> is updated from 0.6.1 to 0.6.2</a>.</li>
+  <li>The <a href="https://github.com/eclipse/codewind-openapi-eclipse/pull/152"><code class="highlighter-rouge">codewind-openapi-eclipse</code> version is updated</a>.</li>
+  <li>The <a href="https://github.com/eclipse/codewind-openapi-vscode/pull/102"><code class="highlighter-rouge">codewind-openapi-vscode</code> version is updated</a>.</li>
+</ul>
+
+</div>
+        </div>
+        
+    </div>
+    
+</div>
+<!-- footer row -->
+<footer>
+
+<div id="footer-div-mobile">
+        
+        <div class="row">
+	        <div class="col-sm-12 text-center">
+		        <span>Useful Links:</span>
+		        <br/><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+		    </div>
+        </div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        
+        <div class="cw_footer_display_icons row">
+    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    
+                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
+                </div>
+            </div>
+        </div>
+        </div>
+        
+		</div>
+		
+    </div>
+    
+    
+    <div class="row cw-footer-desktop" id="footer-div">
+        <div class="cw-footer-left">
+        		<div class="px-5 cw-font-12>
+	        <span class="cw-font-14">Useful Links:</span>
+	        <br/><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+	        </div>
+	        
+        </div>
+        <div class="cw-footer-border-right"></div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        <div class="cw_footer_display_icons">
+    		<div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center">
+            <div class="cw-logo-mm" >
+                <div class="cw-logo-mm" >
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        </div>
+        
+		</div>
+		<div class="cw-footer-border-right"></div>
+		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
+		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
+	        
+		<a href="http://www.eclipse.org">
+		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
+		</a>
+	        </div>
+		</div>
+    </div>
+</footer>
+<!-- footer row END -->
+<!-- Main Col END -->
+ <!-- Jquery -->
+<script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
+</script>
+
+
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
+</script>
+
+
+<!-- Font Awesome JS -->
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
+</script>
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
+    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
+</script>
+
+<script src="js/jquery.matchHeight-min.js"></script>
+<script src="js/index.js"></script>
+<script src="js/docs.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
+
+</div>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/newstechpreview.html b/newstechpreview.html
index 94ced5d..7ae6e78 100644
--- a/newstechpreview.html
+++ b/newstechpreview.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -135,6 +136,18 @@
             
 		      
 			  
+				<a href="news13.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.13.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news12.html" 
 				    
 				    
diff --git a/offline-codewind.html b/offline-codewind.html
index 47b38df..ceed9fd 100644
--- a/offline-codewind.html
+++ b/offline-codewind.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="using-codewind-offline">Using Codewind offline</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="using-codewind-offline">Using Codewind offline</h1>
 <p>When you have limited or no internet access, you can continue to work on projects in Codewind if you meet these conditions:</p>
 <ul>
   <li>The project was created and ran successfully when you had internet access.</li>
@@ -473,13 +584,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 22, 2020
+            Last update: Apr 22, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -628,7 +738,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -663,18 +773,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/open-api-tools-for-eclipse.html b/open-api-tools-for-eclipse.html
index 52cc668..4e66a92 100644
--- a/open-api-tools-for-eclipse.html
+++ b/open-api-tools-for-eclipse.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,356 +122,466 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="codewind-openapi-tools-for-eclipse">Codewind OpenAPI Tools for Eclipse</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="codewind-openapi-tools-for-eclipse">Codewind OpenAPI Tools for Eclipse</h1>
 
 <p>The Codewind OpenAPI Tools for Eclipse includes wizards that invoke the OpenAPI Generator to create API clients, server stubs, and HTML documentation from OpenAPI definitions. The tools are integrated and customized to work with Codewind for Eclipse, but they also work with a base Eclipse IDE for Java EE Developers installation.</p>
 
 <h2 id="installing">Installing</h2>
 <ol>
-  <li>Download and install the latest <a href="https://www.eclipse.org/downloads/packages/release/">Eclipse IDE for Java EE Developers</a> or use an existing installation. If you use Codewind OpenAPI Tools with Codewind, the earliest supported version of the Eclipse IDE is 4.11.0 (2019-03).</li>
+  <li>Download and install the latest <a href="https://www.eclipse.org/downloads/packages/release/">Eclipse IDE for Java EE Developers</a> or use an existing installation. If you use Codewind OpenAPI Tools with Codewind, the earliest supported version of the Eclipse IDE for Codewind is Version 2019-06 (4.12).</li>
   <li>[Optional] Install <a href="https://marketplace.eclipse.org/content/codewind">Codewind from the Eclipse Marketplace</a>.</li>
   <li>Install the <a href="https://marketplace.eclipse.org/content/codewind">Codewind OpenAPI Tools from the Eclipse Marketplace</a>.</li>
 </ol>
@@ -508,13 +619,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Nov 14, 2019
+            Last update: May 20, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -663,7 +773,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -698,18 +808,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/open-api-tools-for-vscode.html b/open-api-tools-for-vscode.html
index 75353e1..776f4fc 100644
--- a/open-api-tools-for-vscode.html
+++ b/open-api-tools-for-vscode.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="codewind-openapi-tools-for-vs-code">Codewind OpenAPI Tools for VS Code</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="codewind-openapi-tools-for-vs-code">Codewind OpenAPI Tools for VS Code</h1>
 
 <p>The Codewind OpenAPI Tools for VS Code provides commands that invoke the OpenAPI Generator to create API clients, server stubs, and HTML documentation from OpenAPI definitions. The tools are integrated and customized to work with Codewind for VS Code, but they can also work without the Codewind extension.</p>
 
@@ -535,13 +646,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Nov 12, 2019
+            Last update: Nov 12, 2019
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -690,7 +800,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -725,18 +835,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/openshiftregistry.html b/openshiftregistry.html
index c55b033..e0a4814 100644
--- a/openshiftregistry.html
+++ b/openshiftregistry.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="adding-the-openshift-internal-registry-with-codewind">Adding the OpenShift internal registry with Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="adding-the-openshift-internal-registry-with-codewind">Adding the OpenShift internal registry with Codewind</h1>
 
 <h2 id="prerequisites">Prerequisites</h2>
 <ol>
@@ -552,13 +663,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 13, 2020
+            Last update: Feb 13, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -707,7 +817,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -742,18 +852,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/overview.html b/overview.html
index c166f9f..e7b8e2c 100644
--- a/overview.html
+++ b/overview.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="overview-getting-started">Overview: Getting started</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="overview-getting-started">Overview: Getting started</h1>
 
 <h3 id="what-is-codewind">What is Codewind?</h3>
 
@@ -557,13 +668,12 @@
 
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: May 13, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -712,7 +822,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -747,18 +857,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/performance.html b/performance.html
index 48cf667..b098c6f 100644
--- a/performance.html
+++ b/performance.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="monitoring-applications-with-the-performance-dashboard">Monitoring applications with the Performance Dashboard</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="monitoring-applications-with-the-performance-dashboard">Monitoring applications with the Performance Dashboard</h1>
 
 <p>Learn how to monitor and improve application performance with the Performance Dashboard.</p>
 
@@ -486,7 +597,24 @@
   <li>Then, select <strong>Performance Dashboard</strong>. A window appears that displays the Performance Dashboard.<br /></li>
 </ol>
 
-<p><img src="images/performanceguide/performancedash_window.png" alt="performance dashboard" height="375px" width="800px" /><br /></p>
+<p><img src="images/performanceguide/performancedash_window.png" alt="Performance dashboard" height="375px" width="800px" /><br /></p>
+
+<h2 id="project-capabilities-overview">Project Capabilities Overview</h2>
+
+<p>When the Performance Dashboard opens, the <strong>Project Capabilities Overview</strong> pane is displayed.</p>
+
+<p>The <strong>Project Capabilities Overview</strong> pane provides the current running state of your project and a summary of load test and metrics-related capabilities that your project can support:</p>
+
+<p><img src="images/performanceguide/performance_dashboard_capabilities.png" alt="Performance dashboard project capabilities" height="375px" width="800px" /><br /></p>
+
+<ul>
+  <li><strong>Project status:</strong> Provides current project status.</li>
+  <li><strong>Run Load Feature:</strong> Provides information about whether load pressure can be applied to your project.</li>
+  <li><strong>Live monitoring:</strong> Use this information to determine whether you can view live metrics. For example, Appsody projects, by default, protect the metrics endpoints and require authenticated user access. Codewind can automatically configure your project and grant anonymous access to the metrics endpoint to read metrics data. Click <strong>Allow anonymous connections</strong> to make the required changes to the container and restart the project. You can then use the metrics capabilities. To reprotect the metrics endpoint in your project, revisit the capabilities pane and turn off anonymous access. While the project is being restarted, notifications appear in the dashboard during each phase of the restart.</li>
+  <li><strong>Benchmarks:</strong> Benchmarks are a collection of completed load test results displayed on a chart and in a table.</li>
+</ul>
+
+<p>You can close and reopen the pane at any time by clicking the <strong>Project Capabilities Overview</strong> button in the main page navigation bar: <img src="images/performanceguide/performance_dashboard_navbar_icon.png" alt="Performance dashboard nav bar icon" height="25px" width="25px" /><br /></p>
 
 <h2 id="running-a-load-test">Running a load test</h2>
 
@@ -543,13 +671,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 21, 2020
+            Last update: Jun 01, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -698,7 +825,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -733,18 +860,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/private-registries.html b/private-registries.html
index 4ce3831..897fdb7 100644
--- a/private-registries.html
+++ b/private-registries.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="developing-with-packages-from-private-registries-and-repositories">Developing with packages from private registries and repositories</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="developing-with-packages-from-private-registries-and-repositories">Developing with packages from private registries and repositories</h1>
 
 <p>Packages, reusable pieces of software, help you build and reduce development time. Sometimes, the packages for your application must be installed from an external private registry or one hosted by your organization. Registries help you manage your code and dependencies. Codewind supports two private registry types: NPM registries for Node.js projects and Maven repositories for Java projects.</p>
 
@@ -500,13 +611,12 @@
 
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 29, 2020
+            Last update: Apr 29, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -655,7 +765,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -690,18 +800,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/project-actions.html b/project-actions.html
index 6519e2b..e606cae 100644
--- a/project-actions.html
+++ b/project-actions.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="project-actions">Project actions</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="project-actions">Project actions</h1>
 
 <p>The following actions are available by right-clicking the project in the <strong>Codewind Explorer</strong> view. Most actions function only if the project is enabled.</p>
 
@@ -503,13 +614,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 12, 2020
+            Last update: May 12, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -658,7 +768,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -693,18 +803,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/project-settings.html b/project-settings.html
index f42f77a..254b27c 100644
--- a/project-settings.html
+++ b/project-settings.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="project-settings">Project settings</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="project-settings">Project settings</h1>
 
 <p>Project settings tell Codewind more about the specifics of your project and can affect the status or behavior of your application. Project settings can be configured from the <code class="highlighter-rouge">Project Overview</code> page that is accessible from a project’s context menu. You can also find the project settings in the <code class="highlighter-rouge">.cw-settings</code> file of the project, which you can edit from the IDE. The workspace automatically picks up changes to these fields.</p>
 
@@ -561,13 +672,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 07, 2020
+            Last update: May 07, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -716,7 +826,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -751,18 +861,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/redirects.json b/redirects.json
new file mode 100644
index 0000000..4081bc7
--- /dev/null
+++ b/redirects.json
@@ -0,0 +1 @@
+{"/gettingstarted.html":"/codewind/learn.html"}
\ No newline at end of file
diff --git a/referencing-files.html b/referencing-files.html
index 4361680..b01eaa3 100644
--- a/referencing-files.html
+++ b/referencing-files.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="referencing-files-external-to-a-project">Referencing files external to a project</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="referencing-files-external-to-a-project">Referencing files external to a project</h1>
 
 <p>You can define references to files that reside outside of a project.</p>
 
@@ -493,13 +604,12 @@
 <p>Codewind copies the contents of the file that is being referenced, and places it in the file specified by the <code class="highlighter-rouge">to</code> path when building and running the project.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: May 13, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -648,7 +758,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -683,18 +793,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remote-codewind-overview.html b/remote-codewind-overview.html
index 8c415e4..c60387f 100644
--- a/remote-codewind-overview.html
+++ b/remote-codewind-overview.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,369 +122,479 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="overview-using-codewind-remotely">Overview: Using Codewind remotely</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="overview-using-codewind-remotely">Overview: Using Codewind remotely</h1>
 
-<p>Codewind can be used in one of three ways - <a href="./gettingstarted.html">locally</a>, <a href="./che-installinfo.html">hosted</a> as an application on the cloud, or remotely.</p>
+<p>Codewind can be used in one of three ways: <a href="./gettingstarted.html">locally</a>, <a href="./che-installinfo.html">hosted</a> as an application on the cloud, or remotely.</p>
 
-<p>By <strong>deploying and using Codewind remotely</strong>, you can <strong>develop your code locally</strong> using your local Codewind installation, but <strong>build and run your application in the cloud</strong>. Remote use of Codewind frees up desktop resources, using the cloud’s resources to build and run applications.</p>
+<p>Deploy and use Codewind remotely to develop your code locally but build and run your application in the cloud. Use the cloud’s resources to build and run applications and free desktop resources.</p>
 
-<p>Follow the instructions to get started with <strong>using Codewind remotely</strong>. This will guide you through:</p>
+<p>Follow the instructions to get started with using Codewind remotely:</p>
 
 <ol>
   <li>Configuring your local IDE’s Codewind extension to connect to Codewind in the cloud</li>
   <li>Registering all necessary security parameters</li>
-  <li>Creating a new project that builds and runs in the cloud</li>
+  <li>Creating a project that builds and runs in the cloud</li>
   <li>Building and running an existing project in the cloud</li>
 </ol>
 
-<p><strong>Note: Deploying Codewind remotely</strong> Before using Codewind remotely, Codewind must be deployed to the cloud. If you do not have a remote deployment of Codewind you must follow instructions to <a href="./remote-deploying-codewind.html">deploy Codewind remotely</a> before <a href="./remote-codewind-overview.html">connecting your local Codewind to the cloud</a>.</p>
+<p><strong>Note: Deploying Codewind remotely</strong> Before you use Codewind remotely, Codewind must be deployed to the cloud. If you do not have a remote deployment of Codewind, follow instructions to <a href="./remote-deploying-codewind.html">deploy Codewind remotely</a> before you <a href="./remote-codewind-overview.html">connect your local Codewind to the cloud</a>.</p>
 
 <h3 id="prerequisites">Prerequisites</h3>
 
-<p>Before using Codewind remotely, you must:</p>
+<p>Before you use Codewind remotely, complete these steps:</p>
 
 <ol>
   <li><strong>Install Codewind into your preferred IDE on your local machine.</strong> 
@@ -495,23 +606,22 @@
     </ul>
   </li>
   <li>
-    <p><strong>Have access to a keyring</strong> A keyring is a software application designed to store security credentials, such as usernames, passwords, and keys, together with a small amount of relevant metadata. Examples of a keyring are Keychain on macOS, Credential Manager on Windows, and Secret Service on Linux.</p>
+    <p><strong>Have access to a keyring.</strong> A keyring is a software application that is designed to store security credentials, such as usernames, passwords, and keys, together with a small amount of relevant metadata. Examples of a keyring are Keychain on macOS, Credential Manager on Windows, and Secret Service on Linux.</p>
   </li>
-  <li><strong>Deploy Codewind to the cloud</strong> If Codewind has not been deployed to your cluster, follow these instructions to <a href="./remote-deploying-codewind.html">deploy Codewind remotely</a>.</li>
+  <li><strong>Deploy Codewind to the cloud.</strong> If Codewind is not deployed to your cluster, follow these instructions to <a href="./remote-deploying-codewind.html">deploy Codewind remotely</a>.</li>
 </ol>
 
-<h3 id="next-steps">Next Steps</h3>
+<h3 id="next-steps">Next steps</h3>
 
 <p>Select <a href="remotedeploy-vscode.html">Connecting your VS Code to remote Codewind</a> or <a href="./remotedeploy-eclipse.html">Connecting your Eclipse to remote codewind</a> to configure your IDE to connect to Codewind in the cloud.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: Jun 03, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -660,7 +770,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -695,18 +805,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remote-deploying-codewind.html b/remote-deploying-codewind.html
index 70c7a90..ee9e8a5 100644
--- a/remote-deploying-codewind.html
+++ b/remote-deploying-codewind.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,354 +122,464 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="deploying-codewind-remotely">Deploying Codewind remotely</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="deploying-codewind-remotely">Deploying Codewind remotely</h1>
 
-<p>Codewind can be used in one of three ways - <a href="./gettingstarted.html">locally</a>, <a href="./che-installinfo.html">hosted</a> as an application on the cloud, or remotely.</p>
+<p>Codewind can be used in one of three ways: <a href="./gettingstarted.html">locally</a>, <a href="./che-installinfo.html">hosted</a> as an application on the cloud, or remotely.</p>
 
-<p>By <strong>deploying and using Codewind remotely</strong>, you can <strong>develop your code locally</strong> using your local Codewind installation, but <strong>build and run your application in the cloud</strong>. Remote use of Codewind frees up desktop resources, using the cloud’s resources to build and run applications.</p>
+<p>By deploying and using Codewind remotely, you can develop your code locally by using your local Codewind installation and then build and run your application in the cloud. Remote use of Codewind frees up desktop resources by using the cloud’s resources to build and run applications.</p>
 
 <p>Follow the instructions to deploy Codewind remotely. After you install your local IDE and configure Codewind for local use, you will:</p>
 
@@ -477,16 +588,16 @@
   <li>Deploy your Codewind instances.</li>
 </ol>
 
-<p><strong>Note: To learn how to connect your local IDE to your remote deployment of Codewind once it has been deployed remotely</strong> see <a href="remote-codewind-overview.html">Using Codewind remotely</a>.</p>
+<p><strong>To connect your local IDE to your remote deployment of Codewind after it is deployed remotely:</strong> See <a href="remote-codewind-overview.html">Using Codewind remotely</a>.</p>
 
-<p><strong>Note: To remove a remote deployment of Codewind</strong> See <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md#removing-a-codewind-instance">Removing a Codewind instance</a> in the codewind-operator readme.</p>
+<p><strong>To remove a remote deployment of Codewind:</strong> See <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md#removing-a-codewind-instance">Removing a Codewind instance</a>.</p>
 
 <h2 id="prerequisites">Prerequisites</h2>
 
-<p>Before deploying Codewind to the cloud, you must:</p>
+<p>Complete these steps before you deploy Codewind to the cloud:</p>
 
 <ol>
-  <li><strong>Install Codewind into your preferred IDE on your local machine.</strong> 
+  <li><strong>Install Codewind into your preferred IDE on your local computer.</strong> 
 For more information, select from the following IDEs:
     <ul>
       <li><a href="./eclipse-getting-started.html">Getting started with Codewind for Eclipse</a></li>
@@ -494,64 +605,131 @@
       <li><a href="./intellij-getting-started.html">Getting started with Codewind for IntelliJ</a></li>
     </ul>
   </li>
-  <li>
-    <p><strong>Have an active Kubernetes context and log in to the cluster.</strong> Codewind can run in OpenShift 3.11, OpenShift 4.3, OpenShift in IBM Public Cloud, standalone Kubernetes, and Kubernetes in Docker.</p>
+  <li><strong>Have an active Kubernetes context and log in to the cluster.</strong>
+    <ul>
+      <li>Codewind is validated on the following Kubernetes distributions:
+        <ul>
+          <li>IBM Cloud Kubernetes Service</li>
+          <li>OpenShift 3.11</li>
+          <li>OpenShift 4.3</li>
+          <li>OpenShift in IBM Public Cloud</li>
+          <li>Stand-alone Kubernetes</li>
+          <li>Kubernetes in Docker</li>
+        </ul>
+      </li>
+      <li>However, Codewind can run on any Kubernetes distribution that meets the following requirements:
+        <ul>
+          <li>Kubernetes 1.11 or later is included.</li>
+          <li>ReadWriteMany (RWX) persistent volumes are supported.</li>
+          <li>The Nginx Ingress Controller is installed.</li>
+        </ul>
+      </li>
+      <li>If you want to test and document support for other clouds, you can <a href="https://github.com/eclipse/codewind">contribute in GitHub</a>.</li>
+    </ul>
   </li>
   <li>
-    <p><strong>For Linux desktop, ensure your workstation is set up to use a Keyring.</strong> An example of a Keyring on Linux is Secret Service.</p>
+    <p><strong>For Linux desktop, ensure that your workstation is set up to use a Keyring.</strong> An example of a Keyring on Linux is Secret Service.</p>
   </li>
-  <li><strong>Have a Git command line client installed.</strong> To download the latest Git command line client, see <a href="https://git-scm.com/download">https://git-scm.com/download</a>.</li>
+  <li><strong>Optional:</strong> Install a Git command line client. To download the Git command line client, see <a href="https://git-scm.com/download">https://git-scm.com/download</a>.</li>
 </ol>
 
-<h2 id="1-clone-the-codewind-operator-repository">1. Clone the Codewind operator repository</h2>
+<h2 id="1-clone-or-download-the-codewind-operator-repository">1. Clone or download the Codewind operator repository</h2>
 
-<p>The Codewind operator helps with the deployment of Codewind instances in an Openshift or Kubernetes cluster. Installing the Codewind operator is usually performed by your system administrator.</p>
+<p>The Codewind operator helps with the deployment of Codewind instances in an OpenShift or Kubernetes cluster. Your system administrator usually installs the Codewind operator.</p>
 
-<p>Clone the Codewind operator repository, for example:</p>
+<p>Download the Codewind operator from the <a href="https://github.com/eclipse/codewind-operator">codewind-operator repository</a>, or if you installed Git, clone the <code class="highlighter-rouge">codewind-operator</code> repository, for example:</p>
 
 <p><code class="highlighter-rouge">$ git clone https://github.com/eclipse/codewind-operator -b 0.12.0</code></p>
 
-<p>For more detailed information about the Codewind operator and the install process, see the <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md">Codewind operator readme</a>.</p>
+<p>For more information about the Codewind operator and the installation process, see the <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md">Codewind operator readme file</a>.</p>
 
 <h2 id="2-install-the-operator-into-your-cluster-and-deploy-keycloak">2. Install the operator into your cluster and deploy Keycloak</h2>
 
-<p>Use the <code class="highlighter-rouge">install.sh</code> script located in your cloned Codewind operator repository <code class="highlighter-rouge">deploy</code> folder to install the operator into your cluster and deploy Keycloak, for example:</p>
+<ol>
+  <li><a href="#2a-install-the-operator">Install the operator</a>.</li>
+  <li><a href="#2b-change-the-admin-password-for-the-admin-user">Change the admin password for the admin user</a>.</li>
+  <li><a href="#2c-update-the-keycloak-password-in-the-operator-secret-with-the-new-password">Update the Keycloak password in the operator secret with the new password</a>.</li>
+</ol>
 
-<p><code class="highlighter-rouge">$ install.sh operator -i &lt;ingress_domain&gt;</code></p>
+<h3 id="2a-install-the-operator">2a. Install the operator</h3>
+<p>Use the <code class="highlighter-rouge">install.sh</code> script that is located in your cloned Codewind operator repository <code class="highlighter-rouge">deploy</code> folder to install the operator into your cluster and deploy Keycloak. If you use Windows, use a Unix-like shell such as Windows Subsystem for Linux, Git Bash, or MinGW to run the operator installer shell script. For example:</p>
+
+<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="nb">cd </span>deploy
+<span class="nv">$ </span>./install.sh operator <span class="nt">-i</span> &lt;ingress_domain&gt;
+</code></pre></div></div>
 
 <p>Add the option <code class="highlighter-rouge">-o</code> flag if you are installing into an OpenShift 3.11 cluster, for example:</p>
 
-<p><code class="highlighter-rouge">$ install.sh operator -i -o &lt;ingress_domain&gt;</code></p>
+<p><code class="highlighter-rouge">$ ./install.sh operator -i &lt;ingress_domain&gt; -o</code></p>
 
-<p>The script installs the operator into your cluster, deploys Keycloak, and returns the Keycloak <strong>Access URL</strong>.</p>
-
-<p><strong>Note:</strong> When installing on Windows, the script executes and then closes the Git Bash popup. To retrieve the Access URL for Keycloak, enter the following command:</p>
-
-<p><code class="highlighter-rouge">$ kubectl get keycloak -n codewind</code></p>
-
-<p>The command returns the following example output:</p>
+<p>The script installs the operator into your cluster, deploys Keycloak, and returns the Keycloak <strong>Access URL</strong>. The command returns the following example output:</p>
 
 <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>NAME       NAMESPACE   AGE    ACCESS
 devex001   codewind    122m   https://codewind-keycloak-devex001.&lt;ingress-domain&gt;
 </code></pre></div></div>
 
-<h2 id="3-add-a-new-user-to-keycloak">3. Add a new user to Keycloak</h2>
+<h3 id="2b-change-the-admin-password-for-the-admin-user">2b. Change the admin password for the admin user</h3>
+
+<p>You must prepare Keycloak for Codewind by changing the admin password that is given to the <code class="highlighter-rouge">admin</code> user in the previous step.</p>
 
 <ol>
   <li>
-    <p>Copy the <strong>Access URL</strong> and paste it into a browser.</p>
+    <p>Access the Administration Console by clicking the <strong>Access URL</strong> link provided by Step 2a. To locate the <strong>Access URL</strong> link, enter the <code class="highlighter-rouge">$ kubectl get keycloaks -n codewind</code> command.</p>
   </li>
   <li>
-    <p>Click <strong>Administration Console</strong> and log in to Keycloak with <code class="highlighter-rouge">admin</code> as the default login user name and <code class="highlighter-rouge">admin</code> as the default password.</p>
+    <p>Log in to Keycloak by using the Keycloak admin credentials.
+     username: <code class="highlighter-rouge">admin</code>
+     password: <code class="highlighter-rouge">admin</code></p>
   </li>
-  <li>Change the administrator password and return to the <strong>Administration Console</strong>.
-    <ul>
-      <li>Click the <strong>Admin</strong> link and choose <strong>Manage Account/Password</strong>.</li>
-      <li>Set a new administrator password.</li>
-      <li>To return to the admin console, click <strong>Back to Security Admin Console</strong> or log out and log back in to Keycloak as the admin user with your new admin password.</li>
-    </ul>
+  <li>
+    <p><strong>Important:</strong> After you log in, change the admin password by clicking the <strong>Admin</strong> link on the page. Then, click <strong>Manage Account</strong>&gt;<strong>Password</strong> and set a new replacement administrator password:</p>
+
+    <p><img src="./images/remote/admin_link_manage_account.png" alt="Admin link" /></p>
   </li>
-  <li>Ensure that the Realm is set to <strong>Codewind</strong> by clicking on the dropdown arrow on the page. Select <strong>Codewind</strong> if necessary and complete these steps:
+  <li>
+    <p>Switch back to the admin console using the link or log out and log back in to Keycloak as the admin user with your new admin password.</p>
+  </li>
+</ol>
+
+<p>You updated the Keycloak password. The next step updates the Keycloak password in the operator secret to match it.</p>
+
+<h3 id="2c-update-the-keycloak-password-in-the-operator-secret-with-the-new-password">2c. Update the Keycloak password in the operator secret with the new password</h3>
+
+<p>When the Codewind operator needs to update Keycloak, it uses login credentials that are saved in a Kubernetes secret. By default during initial deployment, that secret has a username and password of <strong>admin</strong>. If you changed your admin password in a previous step, you need to update the Keycloak secret to match.</p>
+
+<p>The secret is installed in the same namespace as the Codewind operator and is named <code class="highlighter-rouge">secret-keycloak-user-&lt;keycloakname&gt;</code>.</p>
+
+<p>If you have an administration UI for your cluster, you can use it to locate the secret and edit the <code class="highlighter-rouge">keycloak-admin-password</code> field, or you can use the command line tools:</p>
+
+<p><code class="highlighter-rouge">$ kubectl edit secret secret-keycloak-user-&lt;keycloakname&gt; -n codewind</code></p>
+
+<p>or</p>
+
+<p><code class="highlighter-rouge">$ oc edit secret secret-keycloak-user-&lt;keycloakname&gt; -n codewind</code></p>
+
+<p><strong>Note:</strong> Using the command line tools requires an extra step to base64 encode your password string before you save it into the secret. You can base64 encode your new password by using this command:</p>
+
+<div class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nv">$ </span><span class="nb">echo</span> <span class="nt">-n</span> <span class="s1">'&lt;myNewPassword&gt;'</span> | <span class="nb">base64
+</span><span class="nv">bXlOZXdQYXNzd29yZA</span><span class="o">==</span>
+</code></pre></div></div>
+
+<p>Then, save <code class="highlighter-rouge">bXlOZXdQYXNzd29yZA==</code> as the value for <code class="highlighter-rouge">keycloak-admin-password</code> rather than the clear text <code class="highlighter-rouge">&lt;myNewPassword&gt;</code>.</p>
+
+<h2 id="3-add-a-user-to-keycloak">3. Add a user to Keycloak</h2>
+
+<ol>
+  <li>
+    <p>Access the Administration Console by clicking the <strong>Access URL</strong> link provided by Step 2a. To locate the <strong>Access URL</strong> link, enter the <code class="highlighter-rouge">$ kubectl get keycloaks -n codewind</code> command.</p>
+  </li>
+  <li>
+    <p>Click <strong>Administration Console</strong> and log in to Keycloak with <code class="highlighter-rouge">admin</code> as the default login username and <code class="highlighter-rouge">password</code>, which is the new password that you set in Step 2b.</p>
+  </li>
+  <li>
+    <p>Ensure that the <code class="highlighter-rouge">Realm</code> is set to <strong>Codewind</strong> by clicking the Codewind arrow on the <strong>Administration Console</strong> page:</p>
+
+    <p><img src="./images/remote/codewind_dropdown.png" alt="Codewind arrow" /></p>
+
+    <p>Select <strong>Codewind</strong> if necessary and complete these steps:</p>
     <ul>
       <li>Click <strong>Users</strong>.</li>
       <li>Click <strong>Add user</strong>.</li>
@@ -565,53 +743,53 @@
     <p>Assign an initial password to the user account by clicking <strong>Credentials</strong>. Then, add the initial password.</p>
   </li>
   <li>
-    <p>The field <strong>Temporary = On</strong> requires you to change your password during first connection. Set <strong>Temporary = Off</strong> to make this password valid for continuous use and to prevent the need to change it on first connection.</p>
+    <p>The <strong>Temporary = On</strong> field requires you to change your password during first connection. Set <strong>Temporary = Off</strong> to make this password valid for continuous use and to prevent the need to change it on first connection.</p>
   </li>
-  <li>Click <strong>Set Password</strong> to save the changes. Log out of the Keycloak admin page.</li>
+  <li>
+    <p>Click <strong>Set Password</strong> to save the changes. Log out of the Keycloak admin page.</p>
+  </li>
 </ol>
 
 <h2 id="4-deploy-a-codewind-instance">4. Deploy a Codewind instance</h2>
 
-<p>Use the <code class="highlighter-rouge">install.sh</code> script in the Codewind operator repository to deploy a Codewind instance. Enter:</p>
+<p>Use the <code class="highlighter-rouge">install.sh</code> script in the Codewind operator repository to deploy a Codewind instance:</p>
 
-<p><code class="highlighter-rouge">$ install.sh codewind -n &lt;instanceName&gt; -u &lt;registeredUsername&gt;</code></p>
+<p><code class="highlighter-rouge">$ ./install.sh codewind -n &lt;instanceName&gt; -u &lt;registeredUsername&gt;</code></p>
 
-<p>Where:</p>
 <ul>
-  <li><code class="highlighter-rouge">instanceName</code> is the unique name you specify for this Codewind instance.</li>
-  <li><code class="highlighter-rouge">registeredUsername</code> is the name of the user added in <a href="#3-add-a-new-user-to-keycloak">Step 3</a>.</li>
+  <li><code class="highlighter-rouge">instanceName</code> is the unique name that you specify for this Codewind instance.</li>
+  <li><code class="highlighter-rouge">registeredUsername</code> is the name of the user that you added in <a href="#3-add-a-new-user-to-keycloak">Step 3</a>.</li>
 </ul>
 
-<p>Your Codewind instance is deployed. Access it by copying and pasting the <strong>Access URL</strong> returned by the script into a browser.</p>
+<p>Your Codewind instance is deployed. Access it by way of the <strong>Access URL</strong> returned by the script in a browser or by copying the URL into a new connection in your IDE.</p>
 
-<p><strong>Note:</strong> When installing on Windows, the script executes and then closes the Git Bash popup. To retrieve the Access URLs for Codewind, enter the following command:</p>
+<p><strong>Note:</strong> When you are installing on Windows, the script runs and then closes the Git Bash window. To retrieve the Access URLs for Codewind, enter the following command:</p>
 
 <p><code class="highlighter-rouge">$ kubectl get codewind -n codewind</code></p>
 
-<p>This command returns, for example:</p>
+<p>This command returns output in the format of the following example:</p>
 
 <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>NAME       USERNAME   NAMESPACE   AGE    KEYCLOAK   REGISTRATION   ACCESSURL
 devex001   jane       codewind    119m   devex001   Complete       https://codewind-gatekeeper-devex001.&lt;ingress-domain&gt;
 </code></pre></div></div>
 
-<h2 id="5-removing-a-codewind-instance">5. Removing a Codewind instance</h2>
-
-<p>To remove a Codewind instance, see <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md#removing-a-codewind-instance">Removing a Codewind instance</a> in the codewind-operator readme.</p>
-
 <h2 id="next-steps">Next steps</h2>
 
-<p>You have now finished installing the Codewind operator, and you have deployed a Codewind instance.</p>
+<p>You finished installing the Codewind operator and deployed a Codewind instance.</p>
 
-<p>In the next topic, you will learn how to <a href="./remote-codewind-overview.html">use Codewind remotely</a>.</p>
+<p>In the next topic, you learn how to <a href="./remote-codewind-overview.html">use Codewind remotely</a>.</p>
+
+<p>You can configure your IDE to connect to Codewind in the cloud. For more information, see <a href="remotedeploy-vscode.html">Connecting your VS Code to remote Codewind</a> or <a href="./remotedeploy-eclipse.html">Connecting your Eclipse to remote Codewind</a>.</p>
+
+<p>If you want to remove a Codewind instance, see <a href="https://github.com/eclipse/codewind-operator/blob/master/README.md#removing-a-codewind-instance">Removing a Codewind instance</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: Jun 02, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -760,7 +938,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -795,18 +973,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remote-setupregistries.html b/remote-setupregistries.html
index 7745299..6f0b9e2 100644
--- a/remote-setupregistries.html
+++ b/remote-setupregistries.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="adding-an-image-registry-in-remote-codewind">Adding an image registry in remote Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="adding-an-image-registry-in-remote-codewind">Adding an image registry in remote Codewind</h1>
 
 <h2 id="determining-if-you-need-to-set-an-image-registry">Determining if you need to set an image registry</h2>
 <p>You need to set credentials for an image registry if you:</p>
@@ -540,13 +651,12 @@
 <p>Next step: <a href="remotedeploy-projects-vscode.html">Creating and importing projects</a></p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 08, 2020
+            Last update: Apr 08, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -695,7 +805,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -730,18 +840,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remotedeploy-eclipse.html b/remotedeploy-eclipse.html
index bfdbec8..0697aa0 100644
--- a/remotedeploy-eclipse.html
+++ b/remotedeploy-eclipse.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,352 +122,462 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="connecting-eclipse-to-remote-codewind">Connecting Eclipse to remote Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="connecting-eclipse-to-remote-codewind">Connecting Eclipse to remote Codewind</h1>
 
-<p>Complete the <a href="./remote-codewind-overview.html">prequisites</a>.</p>
+<p>Complete the <a href="./remote-codewind-overview.html">prerequisites</a>.</p>
 
 <h2 id="objectives">Objectives</h2>
 
@@ -480,14 +591,16 @@
 
 <h2 id="1-connect-your-ides-codewind-extension-to-your-remote-instance-of-codewind">1. Connect your IDE’s Codewind extension to your remote instance of Codewind.</h2>
 
-<p>1. Locate the Codewind Explorer view in Eclipse and click the cloud icon to launch the new connection wizard:</p>
+<p>1. Locate the Codewind Explorer view in Eclipse and click the cloud icon to start the new connection wizard:</p>
 
 <p><img src="./images/remoteeclipse/newConnection.png" alt="New Connection" /></p>
 
-<p>2. Add a connection name, the connection URL of your deployment, user name, and password:</p>
+<p>2. Add a connection name, the connection URL of your deployment, username, and password:</p>
 
 <p><img src="./images/remoteeclipse/connectionCreds.png" alt="Required Fields" /></p>
 
+<p>If you do not know these values, ask your system administrator or see <a href="./remote-deploying-codewind.html">Deploying Codewind remotely</a>.</p>
+
 <p>The IDE validates the connection and adds it to the Codewind panel:</p>
 
 <p><img src="./images/remoteeclipse/connectionAdded.png" alt="Validate settings" /></p>
@@ -508,15 +621,15 @@
 
 <p><img src="./images/remoteeclipse/registryManager.png" alt="Open Registry Manager" /></p>
 
-<p>3. Complete the image registry connection details:</p>
+<p>3. Complete the container registry connection details:</p>
 
 <p><img src="./images/remoteeclipse/newReg1.png" alt="New Registry" /></p>
 
 <ul>
-  <li>Add your Docker Hub user name.</li>
-  <li>Add your Docker Hub password.</li>
-  <li>Click the checkbox to desigate this registry as a push registry.</li>
-  <li>Enter your Docker Hub namespace, which is usually the same as your user name.</li>
+  <li>Add your container registry username.</li>
+  <li>Add your container registry password.</li>
+  <li>Click the checkbox to designate this registry as a push registry.</li>
+  <li>Enter your container registry namespace, which is usually the same as your username.</li>
 </ul>
 
 <p>The connection is tested to validate your credentials, which are then stored in a Kubernetes secret within the Codewind service.</p>
@@ -543,7 +656,7 @@
 
 <p><img src="./images/remoteeclipse/existingProject.png" alt="Add to Codewind" /></p>
 
-<p>3. Codewind prompts you to confirm the project type identified as <strong>Node.js</strong>:</p>
+<p>3. Codewind prompts you to confirm that the project type is identified as <strong>Node.js</strong>:</p>
 
 <p><img src="./images/remoteeclipse/confirmProjectType.png" alt="Confirm Project Type" /></p>
 
@@ -562,13 +675,12 @@
 <p>In the next topic, you will learn how to <a href="./remotedeploy-projects.html">use Codewind remotely to build and run projects in your cloud</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Mar 18, 2020
+            Last update: May 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -717,7 +829,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -752,18 +864,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remotedeploy-projects-eclipse.html b/remotedeploy-projects-eclipse.html
new file mode 100644
index 0000000..8a56668
--- /dev/null
+++ b/remotedeploy-projects-eclipse.html
@@ -0,0 +1,852 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-112407000-2"></script>
+<script>
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+        dataLayer.push(arguments);
+    }
+    gtag('js', new Date());
+
+    gtag('config', 'UA-112407000-2');
+</script>
+
+<!-- Google Tag Manager -->
+<script>
+    (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({
+            'gtm.start': new Date().getTime(),
+            event: 'gtm.js'
+        });
+        var f = d.getElementsByTagName(s)[0],
+            j = d.createElement(s),
+            dl = l != 'dataLayer' ? '&l=' + l : '';
+        j.async = true;
+        j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
+        f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-KS8HHSF');
+</script>
+<!-- End Google Tag Manager -->
+
+<head>
+    	<title>Eclipse | Codewind</title>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Creating and importing projects">
+	<meta name="keywords" content="users, projects, Kubernetes, LDAP, user management, access management, login, deployment, pod, security, securing cloud connection, remote deployment of Code..."/>
+	<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
+	<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:300,400,600&display=swap" rel="stylesheet">
+	<!-- Bootstrap CSS CDN -->
+	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+	integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
+	<link rel="stylesheet" href="css/styles.css">
+	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
+	<link rel="stylesheet" href="css/blog.css">
+	<link rel="stylesheet" href="css/guides.css">
+	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
+
+
+</head>
+
+<body data-spy="scroll" data-target="#toc">
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS8HHSF"
+        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+        <!-- End Google Tag Manager (noscript) -->
+    <div class="main">
+    <!-- Bootstrap NavBar -->
+	<nav class="navbar navbar-expand-lg navbar-light cw-banner fixed-top" aria-label="topnav">
+    		        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
+            data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false"
+            aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <a class="navbar-brand" href="/codewind/">
+            <img alt="Codewind logo image"  title="Codewind logo image" src="images/header/header-logo.svg" class="cw-header-logo" alt="">
+        </a>
+        <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
+            <ul class="navbar-nav cw-navbar-nav">
+
+                <li class="nav-item cw-navbar-item cw-header-link-docs">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link-news">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-blog">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link-guides">
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
+                </li>
+
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
+                </li>
+
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
+                </li>
+                 <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  class="banner-image"  title="Codewind Mattermost" src="images/header/mattermost.png"/></a>
+                </li>
+                <li class="nav-item cw-navbar-item cw-header-link">
+                    <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
+                </li>
+
+
+                <!-- li class="nav-item cw-navbar-item" id="download-li">
+                    <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
+                    <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
+                </li>  -->
+
+
+
+                <!-- Smaller devices menu END -->
+
+            </ul>
+        </div>
+
+    	</nav>
+    	<!-- End Bootstrap NavBar -->
+<!-- Bootstrap row -->
+<div class="row" id="body-row">
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
+            
+
+            
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
+    <!-- MAIN -->
+    <div id="content-container">
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-and-importing-projects">Creating and importing projects</h1>
+
+<p>Now that you have configured Codewind to be used remotely, you are ready to create a project that you can develop locally but build and run remotely.</p>
+
+<p><strong>Note:</strong> If you have projects that currently exist on your local computer that you would like to continue to develop remotely, follow <a href="#import-an-existing-local-project-to-the-cloud">Import an existing local project to the cloud</a>.</p>
+
+<h2 id="create-a-project">Create a project</h2>
+
+<p>Go to the <strong>Codewind Explorer</strong> view, right-click your remote connection, and select <strong>Create New Project</strong>.</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_create-new-project.png" alt="Creating new remote project" width="380" /></p>
+
+<p>Select the template type and enter a project name. Your new project is built and after a few seconds begins running in the cloud.</p>
+
+<h2 id="import-an-existing-local-project-to-the-cloud">Import an existing local project to the cloud</h2>
+
+<p>Copy an existing local project, for example <code class="highlighter-rouge">myFirstNodeProject</code>, over to the remote Codewind connection:</p>
+
+<p>1. Right-click your remote connection and select <strong>Add Existing Project</strong>:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_add-project.png" alt="Add existing project" width="366" /></p>
+
+<p>2. Click <strong>Select a project from the workspace</strong> and select your project:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_select-project.png" alt="Add to Codewind" width="654" /></p>
+
+<p>Codewind prompts you to confirm the project type, in this case, identified as <code class="highlighter-rouge">Node.js</code>. Confirm the project type and click <strong>Finish</strong>:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_confirm-project.png" alt="Confirm project type" width="654" /></p>
+
+<p>If you add a project to the remote connection that is already deployed on the local connection, the <strong>Project Already Deployed</strong> window appears:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_project-deployed.png" alt="Project already deployed" width="524" /></p>
+
+<p>3. Leave the <strong>Remove</strong> button selected to remove the project from the 
+local connection and click <strong>OK</strong>:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_build-project.png" alt="Project added" width="654" /></p>
+
+<p>4. Codewind begins building the code and the Docker image. Moments later the project image is uploaded to Docker Hub and used by your cloud deployment to provision a new pod:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_build-project-successful.png" alt="Build success" width="654" /></p>
+
+<p><code class="highlighter-rouge">myFirstNodeProject</code> on <code class="highlighter-rouge">CloudName1</code> cluster is now running and ready.</p>
+
+<h2 id="move-a-project-from-one-connection-to-another">Move a project from one connection to another</h2>
+
+<p>With the Eclipse IDE, you can drag and drop projects from one connection to another.</p>
+
+<p>Select the project in one connection and drag it onto another connection:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_move-node-project.png" alt="Drag Node.js project" width="654" /></p>
+
+<p>This action removes the project from the first connection and adds it to the second connection:</p>
+
+<p><img src="./images/remotedeploy-projects-eclipse/eclipse_place-node-project.png" alt="Drop Node.js project" width="654" /></p>
+
+<h1 id="next-steps">Next Steps</h1>
+
+<p>You have now:</p>
+
+<ol>
+  <li>Deployed a new Codewind installation into OpenShift.</li>
+  <li>Configured your IDE to use this new deployment.</li>
+  <li>Registered all the necessary security parameters.</li>
+  <li>Created a project that builds and runs in the cloud.</li>
+  <li>Copied an existing local project to build and run in the cloud.</li>
+</ol>
+
+<p>To understand more about how you can use project templates in Codewind, including using pre-supplied templates and creating your own, see <a href="./workingwithtemplates.html">Working with templates</a>.</p>
+</div>
+        </div>
+
+        <div class="py-5 px-5 text-right">
+            Last update: Jun 09, 2020
+        </div>
+
+    </div>
+</div>
+<!-- footer row -->
+<footer>
+
+<div id="footer-div-mobile">
+        
+        <div class="row">
+	        <div class="col-sm-12 text-center">
+		        <span>Useful Links:</span>
+		        <br/><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+		        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+		    </div>
+        </div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        
+        <div class="cw_footer_display_icons row">
+    		<div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center col-md-3 col-sm-6 col-xs-12">
+            <div>
+                <div>
+                    
+                    <a href="http://www.eclipse.org"><img class="cw-logo-eclipse-mobile" alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/></a>
+                </div>
+            </div>
+        </div>
+        </div>
+        
+		</div>
+		
+    </div>
+    
+    
+    <div class="row cw-footer-desktop" id="footer-div">
+        <div class="cw-footer-left">
+        		<div class="px-5 cw-font-12>
+	        <span class="cw-font-14">Useful Links:</span>
+	        <br/><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org">Eclipse Foundation</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/termsofuse.php">Website Terms of Use</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a><br/>
+	        <a class="cw-footer-links" href="http://www.eclipse.org/legal">Legal</a><br/>
+	        </div>
+	        
+        </div>
+        <div class="cw-footer-border-right"></div>
+        <div class="cw_footer_display_flex cw-footer-same-height cw-footer-center">
+        <div class="cw_footer_display_icons">
+    		<div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="mailto:codewind-dev@eclipse.org"><img alt="Send us an email"  title="Send us an email" src="images/footer/email-icon.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  title="Codewind Twitter" src="images/footer/twitter-logo.svg" class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  title="Codewind Github" src="images/footer/github-logo.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+
+        <div class=" cw-footer-col text-center">
+            <div class="cw-logo-mm" >
+                <div class="cw-logo-mm" >
+                    <a href="https://mattermost.eclipse.org/eclipse/channels/eclipse-codewind"><img alt="Codewind Mattermost"  title="Codewind Mattermost" src="images/footer/mattermost-logo.png" class="cw-logo-mm" /></a>
+                </div>
+            </div>
+        </div>
+        <div class="cw-footer-col text-center">
+            <div>
+                <div>
+                    <a href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"   title="Codewind YouTube" src="images/footer/youtube-logo-dark.svg"
+                            class="cw-logo" /></a>
+                </div>
+            </div>
+        </div>
+        
+        </div>
+        
+		</div>
+		<div class="cw-footer-border-right"></div>
+		<div class="cw-footer-right cw-footer-same-height cw-footer-vcenter">
+		<div class="cw-footer-eclipse-img cw-footer-same-height px-5 ">
+	        
+		<a href="http://www.eclipse.org">
+		<img alt="Eclipse"  title="Eclipse" src="images/footer/eclipse.svg"/>
+		</a>
+	        </div>
+		</div>
+    </div>
+</footer>
+<!-- footer row END -->
+<!-- Main Col END -->
+<!-- Jquery -->
+<script
+  src="https://code.jquery.com/jquery-3.4.1.min.js"
+  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
+  crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
+    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
+</script>
+
+
+
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
+    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
+</script>
+
+
+<!-- Font Awesome JS -->
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/solid.js"
+    integrity="sha384-tzzSw1/Vo+0N5UhStP3bvwWPq+uvzCMfrN1fEFe+xBmv1C/AtVX5K0uZtmcHitFZ" crossorigin="anonymous">
+</script>
+<script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js"
+    integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous">
+</script>
+
+<script src="js/jquery.matchHeight-min.js"></script>
+<script src="js/index.js"></script>
+<script src="js/docs.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/prism.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-docker.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/components/prism-json.min.js"></script>
+
+</div>
+</body>
+
+</html>
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remotedeploy-projects-vscode.html b/remotedeploy-projects-vscode.html
index fb336fe..c073859 100644
--- a/remotedeploy-projects-vscode.html
+++ b/remotedeploy-projects-vscode.html
@@ -33,7 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<title>Creating and importing projects | Codewind</title>
+    	<title>VS Code | Codewind</title>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,357 +122,464 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-and-importing-projects">Creating and importing projects</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-and-importing-projects">Creating and importing projects</h1>
 
-<p>Now that you have configured Codewind to be used remotely, you are now ready to:</p>
+<p>Now that you have configured Codewind to be used remotely, you are ready to create a project that you can develop locally but build and run remotely.</p>
 
-<ol>
-  <li>Create a new project</li>
-  <li>Import a project from your local Codewind instance to your remote Codewind instance on the cloud</li>
-</ol>
+<p><strong>Note:</strong> If you have projects that currently exist on your local computer that you would like to continue to develop remotely, follow <a href="#import-an-existing-local-project-to-the-cloud">Import an existing local project to the cloud</a>.</p>
 
 <h2 id="create-a-new-project">Create a new project</h2>
 
@@ -485,19 +593,19 @@
 
 <p>Copy an existing local project, for example <code class="highlighter-rouge">myFirstNodeProject</code>, over to the remote Codewind deployment:</p>
 
-<p>1. Select the remote deployment and click the <code class="highlighter-rouge">Add existing project</code> button:</p>
+<p>1. Select the remote deployment and click the <strong>Add existing project</strong> button:</p>
 
 <p><img src="./images/remotevs/addExistingProject.png" alt="Add existing project" /></p>
 
-<p>2. Go to the folder containing the local project files and click <code class="highlighter-rouge">Add to Codewind</code>:</p>
+<p>2. Go to the folder containing the local project files and click <strong>Add to Codewind</strong>:</p>
 
 <p><img src="./images/remotevs/existingProject.png" alt="Add to Codewind" /></p>
 
-<p>Codewind prompts you to confirm the project type, in this case, identified as <code class="highlighter-rouge">NodeJS</code>:</p>
+<p>Codewind prompts you to confirm the project type, in this case, identified as <code class="highlighter-rouge">Node.js</code>:</p>
 
 <p><img src="./images/remotevs/confirmProjectType.png" alt="Confirm Project Type" /></p>
 
-<p>3. Click <code class="highlighter-rouge">Yes</code>. Project files are copied over to the Codewind server, and the new <code class="highlighter-rouge">myFirstNodeProject</code> appears in the Codewind panel:</p>
+<p>3. Click <strong>Yes</strong>. Project files are copied over to the Codewind server, and the new <code class="highlighter-rouge">myFirstNodeProject</code> appears in the Codewind panel:</p>
 
 <p><img src="./images/remotevs/projectAdded.png" alt="Project Added" /></p>
 
@@ -522,13 +630,12 @@
 <p>To understand more about how you can use project templates in Codewind, including using pre-supplied templates and creating your own, see <a href="./workingwithtemplates.html">Working with Templates</a></p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 04, 2020
+            Last update: Jun 04, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -677,7 +784,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -712,18 +819,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remotedeploy-projects.html b/remotedeploy-projects.html
index ef8d0b2..2782c78 100644
--- a/remotedeploy-projects.html
+++ b/remotedeploy-projects.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-and-importing-projects">Creating and importing projects</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-and-importing-projects">Creating and importing projects</h1>
 <p>Now that you have configured Codewind to be used remotely, you are now ready to:</p>
 
 <ol>
@@ -522,13 +633,12 @@
 
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 04, 2020
+            Last update: May 04, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -677,7 +787,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -712,18 +822,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/remotedeploy-vscode.html b/remotedeploy-vscode.html
index cea3d8b..cc2b949 100644
--- a/remotedeploy-vscode.html
+++ b/remotedeploy-vscode.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,352 +122,462 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="connecting-vs-code-to-remote-codewind">Connecting VS Code to remote Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="connecting-vs-code-to-remote-codewind">Connecting VS Code to remote Codewind</h1>
 
-<p>Complete the <a href="./remote-codewind-overview.html">prequisites</a>.</p>
+<p>Complete the <a href="./remote-codewind-overview.html">prerequisites</a>.</p>
 
 <h2 id="objectives">Objectives</h2>
 
@@ -478,7 +589,7 @@
 
 <h2 id="1-connect-your-ides-codewind-extension-to-your-remote-instance-of-codewind">1. Connect your IDE’s Codewind extension to your remote instance of Codewind.</h2>
 
-<p>1. Locate the Codewind view in VS Code and click the cloud icon to launch the new connection wizard:</p>
+<p>1. Locate the Codewind view in VS Code and click the cloud icon to start the new connection wizard:</p>
 
 <p><img src="./images/remotevs/newConnection.png" alt="New Connection" /></p>
 
@@ -486,11 +597,13 @@
 
 <p><img src="./images/remotevs/connectionName.png" alt="Name Connection" /></p>
 
-<p>3. Complete the three required fields: Gatekeeper URL, user name, and password. Then <strong>Save</strong>.</p>
+<p>3. Complete the three required fields: Gatekeeper URL, username, and password. Then, click <strong>Save</strong>.</p>
 
 <p><img src="./images/remotevs/connectionCreds.png" alt="Required Fields" width="600" /></p>
 
-<p>The IDE validates the connection and adds it to the Codewind panel:</p>
+<p>If you do not know these values, ask your system administrator or see <a href="./remote-deploying-codewind.html">Deploying Codewind remotely</a>.</p>
+
+<p>The IDE validates the connection and adds it to the Codewind pane:</p>
 
 <p><img src="./images/remotevs/connectionAdded.png" alt="Validate settings" /></p>
 
@@ -514,34 +627,33 @@
 
 <p><img src="./images/remotevs/ImageRegistries.png" alt="Adding Registry" width="600" /></p>
 
-<p>4. Complete the Docker connection details. For example, if you are using Docker Hub, enter <code class="highlighter-rouge">docker.io</code> and press <strong>Enter</strong>:</p>
+<p>4. Complete the container registry connection details. For example, if you are using Docker Hub, enter <code class="highlighter-rouge">docker.io</code> and press <strong>Enter</strong>:</p>
 
 <p><img src="./images/remotevs/newReg1.png" alt="New Registry" /></p>
 
 <p>Enter:</p>
 
 <ul>
-  <li>Your Docker Hub user name</li>
-  <li>Your Docker Hub password</li>
-  <li>Your namespace, which is usually the same as your user name</li>
+  <li>Your container registry username.</li>
+  <li>Your container registry password.</li>
+  <li>Your container registry namespace, which is usually the same as your username.</li>
 </ul>
 
 <p>The connection is tested to validate your credentials and stored in a Kubernetes secret within the Codewind service.</p>
 
 <h2 id="next-steps">Next Steps</h2>
 
-<p>You have now finshed configuring Codewind to be used remotely.</p>
+<p>You have now finished configuring Codewind to be used remotely.</p>
 
 <p>In the next topic, you will learn how to <a href="./remotedeploy-projects-vscode.html">use Codewind remotely to create and import projects</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Mar 17, 2020
+            Last update: May 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -690,7 +802,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -725,18 +837,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/sneak-peek-remote-development-with-codewind.html b/sneak-peek-remote-development-with-codewind.html
index 3fa8de4..0c18b3b 100644
--- a/sneak-peek-remote-development-with-codewind.html
+++ b/sneak-peek-remote-development-with-codewind.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/troubleshooting.html b/troubleshooting.html
index 2a97b22..a3368bb 100644
--- a/troubleshooting.html
+++ b/troubleshooting.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><!-- NOTE: The '***' before each level one title adds a line to the final output, which helps this topic to be more readable and easier to consume. -->
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><!-- NOTE: The '***' before each level one title adds a line to the final output, which helps this topic to be more readable and easier to consume. -->
 
 <h1 id="troubleshooting">Troubleshooting</h1>
 
@@ -480,12 +591,14 @@
   <li><a href="#editing-your-project">Editing your project</a></li>
   <li><a href="#disabling-development-on-specific-projects">Disabling development on specific projects</a></li>
   <li><a href="#appsody-with-codewind">Appsody with Codewind</a></li>
+  <li><a href="#eclipse-che-with-codewind">Eclipse Che with Codewind</a></li>
   <li><a href="#openshift-do-(odo)-with-codewind">OpenShift Do (odo) with Codewind</a></li>
   <li><a href="#okd-and-openshift">OKD and OpenShift</a></li>
   <li><a href="#codewind-and-tekton-pipelines">Codewind and Tekton pipelines</a></li>
   <li><a href="#openapi-tools">OpenAPI tools</a></li>
   <li><a href="#setting-codewind-server-log-levels">Setting Codewind server log levels</a></li>
   <li><a href="#collecting-log-files-and-environment-data">Collecting log files and environment data</a></li>
+  <li><a href="#restoring-lost-debug-connections">Restoring lost debug connections</a></li>
 </ul>
 
 <h2 id="ide-troubleshooting">IDE Troubleshooting</h2>
@@ -592,22 +705,6 @@
 <!--
 Action/Topic: Installing Codewind
 Issue type: bug/info
-Issue link: https://github.com/eclipse/codewind/issues/2239
-0.9.0: New
--->
-<h2 id="cannot-find-codewind-in-marketplace-when-attempting-to-install-in-intellij">Cannot find Codewind in Marketplace when attempting to install in IntelliJ</h2>
-<p>When attempting to install Codewind in IntelliJ, you cannot locate the Codewind plug-in in Marketplace, and if you verify the custom plug-in repository link, you get a <code class="highlighter-rouge">Connection failed</code> error message:</p>
-
-<p><img src="images/intellij/custom-plugin-repo-connection-failed-error.png" alt="intellij install error" /></p>
-
-<p>This error occurs because the custom plug-in repository link contains an additional space.</p>
-
-<p><strong>Workaround:</strong>
-Remove the extra space from the custom plug-in repository link.</p>
-
-<!--
-Action/Topic: Installing Codewind
-Issue type: bug/info
 Issue link: https://github.com/eclipse/codewind/issues/2563
 0.11.0: New
 -->
@@ -700,7 +797,7 @@
 <h2 id="project-creation-on-macos-fails-and-codewind-reports-an-error">Project creation on macOS fails, and Codewind reports an error</h2>
 <p>If creating a Codewind project on macOS fails, Codewind might report the <code class="highlighter-rouge">net/http: TLS handshake timeout</code> error. For a similar issue, see the report <a href="https://discussions.agilebits.com/discussion/99219/error-net-http-tls-handshake-timeout">Error “net/http: TLS handshake timeout”</a>.</p>
 
-<p><strong>Workaround</strong>
+<p><strong>Workaround:</strong>
 As noted in the report <a href="https://discussions.agilebits.com/discussion/99219/error-net-http-tls-handshake-timeout">Error “net/http: TLS handshake timeout”</a>, go to <strong>Applications</strong>&gt;<strong>Utilities</strong>&gt;<strong>Keychain Access</strong> and delete from the keychain the certificates that you no longer need. You might notice that some certificates are redundant. Then, restart Codewind.</p>
 
 <!--
@@ -855,7 +952,7 @@
 <h2 id="projects-stuck-in-starting-or-stopped-state">Projects stuck in starting or stopped state</h2>
 <p>You might occasionally see projects stuck in the <code class="highlighter-rouge">Starting</code> or <code class="highlighter-rouge">Stopped</code> state even though the container logs say the projects are up and running. This behavior can occur when you create a number of projects, for example, using the default and Appsody templates with Codewind 0.5.0.</p>
 
-<p><strong>Workaround</strong> Manually rebuild the projects that are stuck in <code class="highlighter-rouge">Starting</code> or <code class="highlighter-rouge">Stopped</code> state. To do this:</p>
+<p><strong>Workaround:</strong> Manually rebuild the projects that are stuck in <code class="highlighter-rouge">Starting</code> or <code class="highlighter-rouge">Stopped</code> state. To do this:</p>
 <ol>
   <li>In the <strong>Codewind Explorer</strong> view, right-click your project and select <strong>Build</strong>.</li>
   <li>Wait for the project state to return to <strong>Running</strong> or <strong>Debugging</strong> in the <strong>Codewind Explorer</strong> view.</li>
@@ -870,7 +967,7 @@
 <h2 id="application-stuck-in-starting-state">Application stuck in Starting state</h2>
 <p>Some project templates come with no server configured by default, like Appsody Node.js. The application status cannot be determined for these types of projects because Codewind relies on application endpoints for status. Codewind determines the port of the application by inspecting the project’s container information. The container may have a port exposed but since no server is available to ping on that port, the status check times out, and the state is stuck on <code class="highlighter-rouge">Starting</code>.</p>
 
-<p><strong>Workaround</strong> The constant state is not inherently a problem; nonetheless, you can disable the status check for the project by taking the following steps:</p>
+<p><strong>Workaround:</strong> The constant state is not inherently a problem; nonetheless, you can disable the status check for the project by taking the following steps:</p>
 <ol>
   <li>Edit the <code class="highlighter-rouge">.cw-settings</code> file under the application, and set the key <code class="highlighter-rouge">internalPort</code> to <code class="highlighter-rouge">-1</code>.
     <ul>
@@ -1159,6 +1256,20 @@
 </code></pre></div></div>
 
 <hr />
+<h1 id="eclipse-che-with-codewind">Eclipse Che with Codewind</h1>
+
+<!--
+Action/Topic: Eclipse Che with Codewind
+Issue type: bug/info
+Issue link: https://github.com/eclipse/codewind/issues/2828
+-->
+<h2 id="a-codewind-workspace-fails-to-start-on-a-new-cluster-when-images-are-not-present-in-the-local-cache">A Codewind workspace fails to start on a new cluster when images are not present in the local cache</h2>
+<p>Workspaces that don’t start within the allotted time might get terminated. This error occurs if a hosted image registry network is slow or if it is slow within the cluster environment.</p>
+
+<p><strong>Workaround:</strong> Change the workspace timeout of your Che installation. Enter the following command and increase the default value of <code class="highlighter-rouge">8</code> minutes:
+<code class="highlighter-rouge">kubectl patch checluster/eclipse-che --patch "{\"spec\":{\"server\":{\"customCheProperties\": {\"CHE_INFRA_KUBERNETES_WORKSPACE__START__TIMEOUT__MIN\": \"8\"}}}}" --type=merge -n che</code></p>
+
+<hr />
 <h1 id="openshift-do-odo-with-codewind">OpenShift Do (odo) with Codewind</h1>
 
 <p>For more information about the OpenShift Do (odo) extension in Codewind, see the <a href="https://github.com/eclipse/codewind-odo-extension">README</a> file in the <code class="highlighter-rouge">codewind-odo-extension</code> repository.</p>
@@ -1350,29 +1461,41 @@
 <!--
 Action/Topic: Collecting log files and environment data
 Issue type: info
-Issue link: https://github.com/eclipse/codewind/issues/2766
-Info added in 0.12.0.
+Issue links: https://github.com/eclipse/codewind/issues/2766 https://github.com/eclipse/codewind/issues/2930 https://github.com/eclipse/codewind/issues/2851
+Info added in 0.12.0 and updated in 0.13.0.
 -->
 
-<p>You can capture diagnostics from your installation by using the <code class="highlighter-rouge">cwctl diagnostics</code> CLI command to collect all available log files and environment information. You can find the <code class="highlighter-rouge">cwctl</code> CLI in your HOME directory under the <code class="highlighter-rouge">~/.codewind/&lt;version&gt;</code> path.</p>
+<h2 id="collecting-diagnostics-with-ides">Collecting diagnostics with IDEs</h2>
+<p>In Eclipse and VS Code, use the IDEs to collect all available log files and environment information.</p>
+<ul>
+  <li><strong>In VS Code:</strong> Capture diagnostics with the <strong>Codewind: Capture Diagnostics</strong> command.</li>
+  <li><strong>In Eclipse:</strong> Go to <strong>Preferences</strong>&gt;<strong>Codewind</strong> and select <strong>Enable support features</strong>. Then, go to <strong>Codewind Explorer</strong>, right-click the connection, and click <strong>Collect Diagnostics</strong>.</li>
+</ul>
 
-<p>The format of the command is: 
-<code class="highlighter-rouge">cwctl diagnostics [command options] [arguments...]</code></p>
+<h2 id="collecting-diagnostics-with-the-cwctl-diagnostics-collect-cli-command">Collecting diagnostics with the <code class="highlighter-rouge">cwctl diagnostics collect</code> CLI command</h2>
+<p>In Eclipse and VS Code, capture diagnostics from your installation by using the <code class="highlighter-rouge">cwctl diagnostics collect</code> CLI command to collect all available log files and environment information.</p>
+
+<ul>
+  <li>Find the <code class="highlighter-rouge">cwctl</code> CLI in your HOME directory in the <code class="highlighter-rouge">~/.codewind/&lt;version&gt;</code> path.</li>
+  <li>The format of the command is <code class="highlighter-rouge">cwctl diagnostics collect &lt;command options&gt; &lt;arguments...&gt;</code>.</li>
+</ul>
 
 <p>Command options are:</p>
 <ul>
-  <li><code class="highlighter-rouge">--conid &lt;value&gt;</code> - Triggers diagnostics collection for the remote codewind instance (<em>must</em> have currently configured Kubectl connection, default:”local”)</li>
-  <li><code class="highlighter-rouge">--eclipseWorkspaceDir/-e &lt;value&gt;</code> - The location of your Eclipse workspace directory if using the Eclipse IDE, default:””)</li>
-  <li><code class="highlighter-rouge">--intellijLogsDir/-i &lt;value&gt;</code> - The location of your IntelliJ logs directory if using the IntelliJ IDE (default: “”)</li>
-  <li><code class="highlighter-rouge">--quiet/-q</code> - Turn off console messages</li>
-  <li><code class="highlighter-rouge">--projects/-p</code> - Collect project containers information</li>
-  <li><code class="highlighter-rouge">--nozip/-n</code> - Does not create collection zip and leaves individual collected files in place</li>
-  <li><code class="highlighter-rouge">--clean</code> - Removes the <code class="highlighter-rouge">diagnostics</code> directory and all its contents from the Codewind home directory</li>
+  <li><code class="highlighter-rouge">--conid &lt;value&gt;</code> - This option triggers diagnostics collection for the remote Codewind instance. You need to have a currently configured kubectl connection. The default value is <code class="highlighter-rouge">"local"</code>.</li>
+  <li><code class="highlighter-rouge">--all/-a</code> - This option collects diagnostics for all defined connections, remote and local.</li>
+  <li><code class="highlighter-rouge">--eclipseWorkspaceDir/-e &lt;value&gt;</code> - This option is the location of your Eclipse workspace directory if you use the Eclipse IDE.</li>
+  <li><code class="highlighter-rouge">--intellijLogsDir/-i &lt;value&gt;</code> - This option is the location of your IntelliJ logs directory if you are not using the IntelliJ IDE default location.</li>
+  <li><code class="highlighter-rouge">--quiet/-q</code> - Turn off console messages.</li>
+  <li><code class="highlighter-rouge">--projects/-p</code> - Collect project containers information.</li>
+  <li><code class="highlighter-rouge">--nozip/-n</code> - This option does not create a collection <code class="highlighter-rouge">.zip</code> file and leaves individual collected files in place.</li>
 </ul>
 
-<p>After you run the command, you can find the captured diagnostics files under your <code class="highlighter-rouge">HOME</code> directory in the <code class="highlighter-rouge">~/.codewind/diagnostics/&lt;timestamp&gt;</code> folder.</p>
+<p>After you run the command, find the captured diagnostics files in your <code class="highlighter-rouge">HOME</code> directory in the <code class="highlighter-rouge">~/.codewind/diagnostics/&lt;timestamp&gt;</code> folder.</p>
 
-<p>For more information about the <code class="highlighter-rouge">cwctl diagnostics</code> command, type <code class="highlighter-rouge">cwctl help diagnostics</code>, or see the <a href="https://github.com/eclipse/codewind-installer/blob/master/README.md#diagnosticsdg">diagnosticsCli documentation</a>.</p>
+<p>For more information about the <code class="highlighter-rouge">cwctl diagnostics</code> command, type <code class="highlighter-rouge">cwctl help diagnostics</code>, or see the <a href="https://github.com/eclipse/codewind-installer/blob/master/README.md#diagnosticsdg">diagnostics CLI documentation</a>.</p>
+
+<p>To remove all collected diagnostics from your system, issue the <code class="highlighter-rouge">cwctl diagnostics remove</code> command.</p>
 
 <!--
 Action/Topic: Reinstate IDE specific troubleshooting help (Eclipse, VS Code and Che)
@@ -1461,13 +1584,16 @@
 <p>If you report an issue, you will be asked to upload your logs.</p>
 
 <ol>
-  <li>In VS Code, open <strong>Help</strong> &gt; <strong>Toggle Developer Tools</strong>.</li>
-  <li>Go to the <strong>Console</strong> tab.</li>
-  <li>Enter <em>codewind.log</em> in the <strong>Filter</strong> box:
-<br /><img src="images/cdt-vsc/logs-location.png" alt="Log location" /></li>
+  <li>In VS Code, open the <strong>Output</strong> view.</li>
+  <li>Select the Codewind output stream. The first line of the Codewind output stream is the location of the Codewind extension logs.
+<br /><br />
+<img src="images/cdt-vsc/output_with_logpath.png" alt="Codewind output stream with log location" />
+<br /></li>
   <li>Upload the contents of the log file with your issue report.</li>
 </ol>
 
+<p>Also see <a href="#collecting-log-files-and-environment-data">Collecting log files and environment data</a>.</p>
+
 <h2 id="executable-file-not-found-on-path-in-vs-code">Executable file not found on PATH in VS Code</h2>
 <!--
 Action/Topic: Executable file not found on PATH in VS Code
@@ -1499,6 +1625,22 @@
   <li>Now, the new VS Code instance shares the terminal’s <code class="highlighter-rouge">PATH</code>. Start Codewind again.</li>
 </ol>
 
+<h2 id="vs-code-extension-fails-to-start">VS Code extension fails to start</h2>
+<!--
+Action/Topic: VS Code extension fails to start
+Issue type: bug
+Issue link: https://github.com/eclipse/codewind/issues/2738
+Solution: https://github.com/eclipse/codewind/issues/2738#issuecomment-618909203
+Info added in 0.13.0.
+-->
+<p>You install VS Code, it fails to start, and reports a <code class="highlighter-rouge">Version in "/home/ibmuser/.codewind/docker-compose.yaml" is unsupported</code> error message. The main symptom of this issue is that the <code class="highlighter-rouge">~/codewind/docker-compose.yaml</code> file is not created when you are installing Codewind.</p>
+
+<p><strong>Workaround:</strong></p>
+<ol>
+  <li>Check your <code class="highlighter-rouge">docker-compose version</code> is the latest, and then uninstall and reinstall Codewind.</li>
+  <li>If there is a Codewind container showing in the output of the <code class="highlighter-rouge">$ docker ps -all</code> command, remove the container, and then uninstall and reinstall Codewind.</li>
+</ol>
+
 <h2 id="no-eslint-warnings-or-errors">No ESLint warnings or errors</h2>
 <p>You see no ESLint warning or errors for Node.js projects. Install the <a href="https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint">ESLint extension</a> and follow the instructions to activate the extension.</p>
 
@@ -1509,15 +1651,33 @@
 
 <h3 id="debugger-fails-to-attach-after-restarting-project-into-debug-mode">Debugger fails to attach after restarting project into Debug mode</h3>
 <p>Run the <code class="highlighter-rouge">attach debugger</code> command again. If the issue persists after a few attempts, restart the project in <strong>Debug</strong> mode a second time.</p>
+
+<hr />
+<h1 id="restoring-lost-debug-connections">Restoring lost debug connections</h1>
+
+<!--
+Action/Topic: Restoring lost debug connections
+Issue type: bug
+Issue link: https://github.com/eclipse/codewind/issues/3118
+Codewind version: 0.13.0
+-->
+<h2 id="remote-debugging-disconnects">Remote debugging disconnects</h2>
+<p>The debug connection might be lost when debugging projects remotely.</p>
+
+<p><strong>Workaround:</strong> To reconnect if the remote debugger disconnects, right-click the project and select <strong>Attach Debugger</strong>.
+If the remote debugger disconnects too frequently, modify the <code class="highlighter-rouge">streaming-connection-idle-timeout</code> parameter on the kubelet.</p>
+<ul>
+  <li>For information on setting kubelet parameters, see [Set Kubelet parameters via a config file] (https://kubernetes.io/docs/tasks/administer-cluster/kubelet-config-file/).</li>
+  <li>For information on the <code class="highlighter-rouge">streaming-connection-idle-timeout</code> parameter, see the <a href="https://kubernetes.io/docs/reference/command-line-tools-reference/kubelet/">kubelet</a> reference page.</li>
+</ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 13, 2020
+            Last update: Jun 11, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -1666,7 +1826,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -1701,18 +1861,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-codechange.html b/vsc-codechange.html
index 534a9da..b8496cd 100644
--- a/vsc-codechange.html
+++ b/vsc-codechange.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="making-a-code-change-with-vs-code">Making a code change with VS Code</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="making-a-code-change-with-vs-code">Making a code change with VS Code</h1>
 <p><br />
 Codewind automatically builds and redeploys your application whenever you make a code change and save the file.</p>
 
@@ -519,13 +630,12 @@
 <p>To learn more about the different ways of using Codewind - locally, remotely, or as an application hosted on the cloud - see <a href="./overview.html#architecture">Codewind Architecture</a>.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 12, 2020
+            Last update: May 12, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -674,7 +784,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -709,18 +819,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-commands-overview.html b/vsc-commands-overview.html
index 0ad6af0..9b491db 100644
--- a/vsc-commands-overview.html
+++ b/vsc-commands-overview.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="commands-overview-codewind-for-vs-code">Commands overview: Codewind for VS Code</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="commands-overview-codewind-for-vs-code">Commands overview: Codewind for VS Code</h1>
 
 <p>All commands provided by this extension are available in the <a href="https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette">Command Palette</a>. You can also right-click the <strong>Codewind view</strong> to invoke most commands with the context menu.</p>
 
@@ -477,13 +588,12 @@
 </ul>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -632,7 +742,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -667,18 +777,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-firstproject.html b/vsc-firstproject.html
index e5dfbe7..c8cb24e 100644
--- a/vsc-firstproject.html
+++ b/vsc-firstproject.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-vs-code">Creating your first Codewind project with Codewind for VS Code</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="creating-your-first-codewind-project-with-codewind-for-vs-code">Creating your first Codewind project with Codewind for VS Code</h1>
 <p><br />
 To create your first project:</p>
 
@@ -519,13 +630,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 11, 2020
+            Last update: May 11, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -674,7 +784,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -709,18 +819,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-getting-started.html b/vsc-getting-started.html
index 5499fef..b04a502 100644
--- a/vsc-getting-started.html
+++ b/vsc-getting-started.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,352 +122,462 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
 
-<p>There are three ways of using Codewind - locally, remotely or as a hosted application on the cloud. To get started, <strong>you can try out Codewind by using the local configuration</strong>. In this configuration, you create, develop, build and run your containerised applications on your local machine using your local IDE.</p>
+<p>There are three ways of using Codewind - locally, remotely or as a hosted application on the cloud. To get started, you can try out Codewind by using the local configuration. In this configuration, you create, develop, build and run your containerised applications on your local machine using your local IDE.</p>
 
 <p>Follow the instructions to get started with using Codewind locally. This will guide you through:</p>
 
@@ -486,7 +597,7 @@
 
 <p><strong>Codewind on Eclipse Che</strong> If you want to go straight to using Codewind as a hosted application in the cloud, follow <a href="./che-installinfo.html">these instructions</a>.</p>
 
-<p><strong>Using Codewind Remotely</strong> If you want to use Codewind remotely, <strong>you must first <a href="##installing-codewind-for-vs-code">follow the step to install Codewind locally</a></strong>. By <a href="./remote-codewind-overview.html">using Codewind remotely</a>, Codewind is configured for making code changes on your local IDE but building and running your application in the cloud. Once you have installed Codewind remotely, you can proceed to either:</p>
+<p><strong>Using Codewind remotely</strong> To use Codewind remotely, first <a href="#installing-codewind-for-vs-code">follow the step to install Codewind locally</a>. By <a href="./remote-codewind-overview.html">using Codewind remotely</a>, Codewind is configured for making code changes on your local IDE but building and running your application in the cloud. Once you have installed Codewind remotely, you can proceed to either:</p>
 
 <ol>
   <li>Deploy Codewind to your cloud if not already done so by you or a sysadmin/DevOps engineer. See tutorial <a href="./remote-deploying-codewind.html">Deploying Codewind Remotely</a>.</li>
@@ -533,13 +644,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Apr 29, 2020
+            Last update: May 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -688,7 +798,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -723,18 +833,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-nodejsprofiling.html b/vsc-nodejsprofiling.html
index 8210cc7..1b92028 100644
--- a/vsc-nodejsprofiling.html
+++ b/vsc-nodejsprofiling.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="installing-and-running-the-codewind-language-server-for-nodejs-profiling">Installing and running the Codewind language server for Node.js profiling</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="installing-and-running-the-codewind-language-server-for-nodejs-profiling">Installing and running the Codewind language server for Node.js profiling</h1>
 <p>The Codewind language server for Node.js profiling annotates your Node.js code with code highlighting. Code highlighting uses the profiling data gathered through Codewind load testing to highlight and show the relative time that is spent in JavaScript functions.</p>
 
 <h2 id="running-the-extension-with-visual-studio-code-vs-code">Running the extension with Visual Studio Code (VS Code)</h2>
@@ -516,13 +627,12 @@
 <p>For more information, see <a href="https://code.visualstudio.com/api/working-with-extensions/publishing-extension">Publishing Extension</a> on the VS Code website.</p>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -671,7 +781,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -706,18 +816,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/vsc-uninstall.html b/vsc-uninstall.html
index 0352810..a327eda 100644
--- a/vsc-uninstall.html
+++ b/vsc-uninstall.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="uninstalling-codewind-for-vs-code">Uninstalling Codewind for VS Code</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="uninstalling-codewind-for-vs-code">Uninstalling Codewind for VS Code</h1>
 <p>Remove the Codewind containers and images:</p>
 <ol>
   <li>Stop all running containers. From the local Codewind tree item in the <strong>Codewind</strong> view, click <strong>Stop Local Codewind</strong>.</li>
@@ -481,13 +592,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+            Last update: Feb 27, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -636,7 +746,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -671,18 +781,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file
diff --git a/want-to-get-a-microservice-up-and-running-super-quickly-try-codewind.html b/want-to-get-a-microservice-up-and-running-super-quickly-try-codewind.html
index c4457cf..00315e2 100644
--- a/want-to-get-a-microservice-up-and-running-super-quickly-try-codewind.html
+++ b/want-to-get-a-microservice-up-and-running-super-quickly-try-codewind.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/working-with-private-registries.html b/working-with-private-registries.html
index 90b36bd..f1f7fbe 100644
--- a/working-with-private-registries.html
+++ b/working-with-private-registries.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
diff --git a/workingwithtemplates.html b/workingwithtemplates.html
index be84e40..9f4e0f3 100644
--- a/workingwithtemplates.html
+++ b/workingwithtemplates.html
@@ -49,10 +49,11 @@
 	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />
 	<link rel="stylesheet" href="css/styles.css">
 	<link rel="stylesheet" href="css/docs.css">
+	<link rel="stylesheet" href="css/learn.css">
 	<link rel="stylesheet" href="css/blog.css">
 	<link rel="stylesheet" href="css/guides.css">
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism.min.css">
-	
+
 
 </head>
 
@@ -74,18 +75,18 @@
         </a>
         <div class="collapse navbar-collapse justify-content-end cw-navbar-padding" id="navbarNavDropdown">
             <ul class="navbar-nav cw-navbar-nav">
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-docs">
-                    <a class="nav-link cw-nav-link cw-header-link-text" href="overview.html">Docs</a>
+                    <a class="nav-link cw-nav-link cw-header-link-text" href="learn.html">Learn</a>
                 </li>
                 <li class="nav-item cw-navbar-item cw-header-link-news">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="news.html">News</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-blog">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="blog.html">Blog</a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link-guides">
                     <a class="nav-link cw-nav-link cw-header-link-text" href="guides.html">Guides</a>
                 </li>
@@ -93,7 +94,7 @@
                  <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://github.com/eclipse/codewind"><img alt="Codewind Github"  class="banner-image"  title="Codewind Github" data-toggle="tooltip" data-placement="top" id="cw_github_stars" title="..." src="images/header/github.svg"/></a>
                 </li>
-                
+
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://twitter.com/EclipseCodewind"><img alt="Codewind Twitter"  class="banner-image" title="Codewind Twitter" src="images/header/twitter.png"/></a>
                 </li>
@@ -103,15 +104,15 @@
                 <li class="nav-item cw-navbar-item cw-header-link">
                     <a class="nav-link cw-nav-link" href="https://www.youtube.com/channel/UCnKCVK6RFDyHFqUmXlAhCHQ"><img alt="Codewind YouTube"  class="banner-image" title="Codewind YouTube" src="images/header/youtube.png"/></a>
                 </li>
-               
-               
+
+
                 <!-- li class="nav-item cw-navbar-item" id="download-li">
                     <button onClick="window.location.href='https://microclimate.dev/download/codewind';" type="button" class="btn cw-download-button">Download</button>
                     <a href="https://microclimate.dev/download/codewind" class="nav-link cw-nav-link cw-download-link" href="#">Download</a>
                 </li>  -->
 
 
-                
+
                 <!-- Smaller devices menu END -->
 
             </ul>
@@ -121,350 +122,460 @@
     	<!-- End Bootstrap NavBar -->
 <!-- Bootstrap row -->
 <div class="row" id="body-row">
-    <!-- Sidebar -->
-    <div id="sidebar-container" class="bg-light"  role="navigation" aria-label="sidebar">
-        <!-- Bootstrap List Group -->
-        <ul class="list-group sticky-top bg-light cw-sticky-offset">
-            
+    <div id="sidebar-container" class="bg-light" role="navigation" aria-label="sidebar">
+    <!-- Bootstrap List Group -->
+    <ul class="list-group sticky-top bg-light cw-sticky-offset">
+
+        
+
+        
+        <a href="overview.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="overview.html">
+            What is Codewind?
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_getting_started" id="#_getting_started"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_getting_started">
+
             
 
-				
-				<a href="overview.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="overview.html">
-					What is Codewind?
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#getting_started" id="#getting_started" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Getting started<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="getting_started">
-
-					
-					
-						
-							<a href="gettingstarted.html" class="bg-light list-group-item" data-parent="#getting_started" data-url="gettingstarted.html">Overview: Getting started</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#vs_code" id="#vs_code" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">VS Code<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="vs_code">
-								
-									
-										<a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-getting-started.html">Installing Codewind for VS Code</a>
-									
-										<a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-firstproject.html">Creating your first Codewind project with Codewind for VS Code</a>
-									
-										<a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#vs_code" data-url="vsc-codechange.html">Making a code change with VS Code</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse" id="#eclipse" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">Eclipse<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse">
-								
-									
-										<a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-getting-started.html">Installing Codewind for Eclipse</a>
-									
-										<a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-firstproject.html">Creating your first Codewind project with Codewind for Eclipse</a>
-									
-										<a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#eclipse" data-url="eclipse-codechange.html">Making a code change with Eclipse</a>
-									
-							</div>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#intellij" id="#intellij" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#getting_started" aria-expanded="false">IntelliJ<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="intellij">
-								
-									
-										<a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-getting-started.html">Installing Codewind for IntelliJ</a>
-									
-										<a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-firstproject.html">Creating your first Codewind project with Codewind for IntelliJ</a>
-									
-										<a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#intellij" data-url="intellij-codechange.html">Making a code change with IntelliJ</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_as_a_hosted_application_on_the_cloud" id="#using_codewind_as_a_hosted_application_on_the_cloud" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind as a hosted application on the cloud<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_as_a_hosted_application_on_the_cloud">
-
-					
-					
-						
-							<a href="eclipseche-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" data-url="eclipseche-codewind-overview.html">Overview: Using Codewind as a hosted application on the cloud</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#eclipse_che" id="#eclipse_che" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_as_a_hosted_application_on_the_cloud" aria-expanded="false">Eclipse Che<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="eclipse_che">
-								
-									
-										<a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-installinfo.html">Installing Eclipse Che for Codewind</a>
-									
-										<a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createcodewindworkspace.html">Creating a Codewind workspace in Che</a>
-									
-										<a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-setupregistries.html">Adding an image registry in Codewind in Che</a>
-									
-										<a href="che-codechange.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-codechange.html">Making a code change with Codewind for Eclipse Che</a>
-									
-										<a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-createfirstproject.html">Creating your first Codewind project with Codewind for Eclipse Che</a>
-									
-										<a href="che-tektonpipelines.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-tektonpipelines.html">Configuring Codewind for Tekton pipelines</a>
-									
-										<a href="che-odo-support.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-odo-support.html">OpenShift Do (odo) support in Codewind</a>
-									
-										<a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="openshiftregistry.html">Adding the OpenShift internal registry with Codewind</a>
-									
-										<a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#eclipse_che" data-url="che-uninstall.html">Uninstalling Codewind for Eclipse Che</a>
-									
-							</div>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="remote-deploying-codewind.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="remote-deploying-codewind.html">
-					Deploying Codewind remotely
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#using_codewind_remotely" id="#using_codewind_remotely" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="using_codewind_remotely">
-
-					
-					
-						
-							<a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-codewind-overview.html">Overview: Using Codewind remotely</a>
-						
-					
-					
-					
-						
-
-							
-
-							<a href="#connecting_your_ide_to_remote_codewind" id="#connecting_your_ide_to_remote_codewind" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" data-parent="#using_codewind_remotely" aria-expanded="false">Connecting your IDE to remote Codewind<span class="submenu-icon"></span></a>
-
-							<div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="connecting_your_ide_to_remote_codewind">
-								
-									
-										<a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
-									
-										<a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#connecting_your_ide_to_remote_codewind" data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
-									
-							</div>
-						
-					
-					
-					
-						
-							<a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remote-setupregistries.html">Adding an image registry in remote Codewind</a>
-						
-					
-					
-					
-						
-							<a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#using_codewind_remotely" data-url="remotedeploy-projects-vscode.html">Creating and importing projects</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="workingwithtemplates.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="workingwithtemplates.html">
-					Working with templates
-				</a>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#developing_projects" id="#developing_projects" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="developing_projects">
-
-					
-					
-						
-							<a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="checkingstatuses.html">Understanding application and build statuses</a>
-						
-					
-					
-					
-						
-							<a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="importing-existing-projects.html">Importing existing projects</a>
-						
-					
-					
-					
-						
-							<a href="project-actions.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-actions.html">Project actions</a>
-						
-					
-					
-					
-						
-							<a href="project-settings.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="project-settings.html">Project settings</a>
-						
-					
-					
-					
-						
-							<a href="referencing-files.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="referencing-files.html">Referencing files external to a project</a>
-						
-					
-					
-					
-						
-							<a href="private-registries.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="private-registries.html">Developing with packages from private registries and repositories</a>
-						
-					
-					
-					
-						
-							<a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="offline-codewind.html">Using Codewind offline</a>
-						
-					
-					
-					
-						
-							<a href="debugging.html" class="bg-light list-group-item" data-parent="#developing_projects" data-url="debugging.html">Debugging in Codewind</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#performance_monitoring" id="#performance_monitoring" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="performance_monitoring">
-
-					
-					
-						
-							<a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
-						
-					
-					
-					
-						
-							<a href="performance.html" class="bg-light list-group-item" data-parent="#performance_monitoring" data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-
-
-				
-
-				<a href="#openapi_tools" id="#openapi_tools" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse" aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
-				<div class="cw-sidebar-div cw-sidebar-submenu collapse" id="openapi_tools">
-
-					
-					
-						
-							<a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
-						
-					
-					
-					
-						
-							<a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#openapi_tools" data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
-						
-					
-					
-				</div>
-				
-
-			
-
-				
-				<a href="troubleshooting.html" class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-url="troubleshooting.html">
-					Troubleshooting
-				</a>
-				
-
-			
             
-        </ul>
-        <!-- List Group END-->
-    </div>
-    <!-- sidebar-container END -->
+            <a href="gettingstarted-overview.html" class="bg-light list-group-item" data-parent="#_getting_started"
+                data-url="gettingstarted-overview.html">Overview: Getting started</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_vs_code" id="#_vs_code"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">VS Code<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_vs_code">
+
+                
+                <a href="vsc-getting-started.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-getting-started.html">1. Installing Codewind for VS Code</a>
+                
+                <a href="vsc-firstproject.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-firstproject.html">2. Creating your first Codewind project with Codewind for VS Code</a>
+                
+                <a href="vsc-codechange.html" class="bg-light list-group-item" data-parent="#_vs_code"
+                    data-url="vsc-codechange.html">3. Making a code change with VS Code</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_eclipse" id="#_eclipse"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">Eclipse<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_eclipse">
+
+                
+                <a href="eclipse-getting-started.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-getting-started.html">1. Installing Codewind for Eclipse</a>
+                
+                <a href="eclipse-firstproject.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-firstproject.html">2. Creating your first Codewind project with Codewind for Eclipse</a>
+                
+                <a href="eclipse-codechange.html" class="bg-light list-group-item" data-parent="#_eclipse"
+                    data-url="eclipse-codechange.html">3. Making a code change with Eclipse</a>
+                
+            </div>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_intellij" id="#_intellij"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_getting_started" aria-expanded="false">IntelliJ<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_intellij">
+
+                
+                <a href="intellij-getting-started.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-getting-started.html">1. Installing Codewind for IntelliJ</a>
+                
+                <a href="intellij-firstproject.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-firstproject.html">2. Creating your first Codewind project with Codewind for IntelliJ</a>
+                
+                <a href="intellij-codechange.html" class="bg-light list-group-item" data-parent="#_intellij"
+                    data-url="intellij-codechange.html">3. Making a code change with IntelliJ</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="remote-deploying-codewind.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="remote-deploying-codewind.html">
+            Deploying Codewind remotely
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_remotely" id="#_using_codewind_remotely"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind remotely<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_remotely">
+
+            
+
+            
+            <a href="remote-codewind-overview.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-codewind-overview.html">1. Overview: Using Codewind remotely</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_2_connecting_your_ide_to_remote_codewind" id="#_2_connecting_your_ide_to_remote_codewind"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">2. Connecting your IDE to remote Codewind<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_2_connecting_your_ide_to_remote_codewind">
+
+                
+                <a href="remotedeploy-vscode.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-vscode.html">Connecting VS Code to remote Codewind</a>
+                
+                <a href="remotedeploy-eclipse.html" class="bg-light list-group-item" data-parent="#_2_connecting_your_ide_to_remote_codewind"
+                    data-url="remotedeploy-eclipse.html">Connecting Eclipse to remote Codewind</a>
+                
+            </div>
+            
+
+            
+
+            
+            <a href="remote-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_remotely"
+                data-url="remote-setupregistries.html">3. Adding an image registry in remote Codewind</a>
+            
+
+            
+
+            
+
+            
+
+            <a href="#_4_creating_and_importing_projects" id="#_4_creating_and_importing_projects"
+                class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+                data-toggle="collapse" data-parent="#_using_codewind_remotely" aria-expanded="false">4. Creating and importing projects<span
+                    class="submenu-icon"></span></a>
+
+            <div class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" id="_4_creating_and_importing_projects">
+
+                
+                <a href="remotedeploy-projects-vscode.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-vscode.html">VS Code</a>
+                
+                <a href="remotedeploy-projects-eclipse.html" class="bg-light list-group-item" data-parent="#_4_creating_and_importing_projects"
+                    data-url="remotedeploy-projects-eclipse.html">Eclipse</a>
+                
+            </div>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_using_codewind_on_eclipse_che" id="#_using_codewind_on_eclipse_che"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Using Codewind on Eclipse Che<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_using_codewind_on_eclipse_che">
+
+            
+
+            
+            <a href="che-installinfo.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-installinfo.html">1. Installing Eclipse Che for Codewind</a>
+            
+
+            
+
+            
+            <a href="che-setupregistries.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-setupregistries.html">2. Adding an image registry in Codewind on Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="openshiftregistry.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="openshiftregistry.html">2a. Adding the OpenShift internal registry with Codewind</a>
+            
+
+            
+
+            
+            <a href="che-createcodewindworkspace.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createcodewindworkspace.html">3. Creating a Codewind workspace in Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-createfirstproject.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-createfirstproject.html">4. Creating your first Codewind project with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-codechange.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-codechange.html">5. Making a code change with Codewind for Eclipse Che</a>
+            
+
+            
+
+            
+            <a href="che-uninstall.html" class="bg-light list-group-item" data-parent="#_using_codewind_on_eclipse_che"
+                data-url="che-uninstall.html">6. Uninstalling Codewind for Eclipse Che</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-odo-support.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-odo-support.html">
+            OpenShift Do (odo) support in Codewind
+        </a>
+        
+
+        
+
+        
+        <a href="workingwithtemplates.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="workingwithtemplates.html">
+            Working with templates
+        </a>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_developing_projects" id="#_developing_projects"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Developing projects<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_developing_projects">
+
+            
+
+            
+            <a href="checkingstatuses.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="checkingstatuses.html">Understanding application and build statuses</a>
+            
+
+            
+
+            
+            <a href="importing-existing-projects.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="importing-existing-projects.html">Importing existing projects</a>
+            
+
+            
+
+            
+            <a href="project-actions.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-actions.html">Project actions</a>
+            
+
+            
+
+            
+            <a href="project-settings.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="project-settings.html">Project settings</a>
+            
+
+            
+
+            
+            <a href="referencing-files.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="referencing-files.html">Referencing files external to a project</a>
+            
+
+            
+
+            
+            <a href="private-registries.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="private-registries.html">Developing with packages from private registries and repositories</a>
+            
+
+            
+
+            
+            <a href="offline-codewind.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="offline-codewind.html">Using Codewind offline</a>
+            
+
+            
+
+            
+            <a href="debugging.html" class="bg-light list-group-item" data-parent="#_developing_projects"
+                data-url="debugging.html">Debugging in Codewind</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_performance_monitoring" id="#_performance_monitoring"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">Performance monitoring<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_performance_monitoring">
+
+            
+
+            
+            <a href="metrics-dashboard.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="metrics-dashboard.html">Understanding the Metrics Dashboard</a>
+            
+
+            
+
+            
+            <a href="performance.html" class="bg-light list-group-item" data-parent="#_performance_monitoring"
+                data-url="performance.html">Monitoring applications with the Performance Dashboard</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+
+
+        <!-- must be a valid css selector, or will break collapse function -->
+        
+
+        <a href="#_openapi_tools" id="#_openapi_tools"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start" data-toggle="collapse"
+            aria-expanded="false">OpenAPI Tools<span class="submenu-icon"></span></a>
+        <div class="cw-sidebar-div cw-sidebar-submenu collapse" id="_openapi_tools">
+
+            
+
+            
+            <a href="open-api-tools-for-vscode.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-vscode.html">Codewind OpenAPI Tools for VS Code</a>
+            
+
+            
+
+            
+            <a href="open-api-tools-for-eclipse.html" class="bg-light list-group-item" data-parent="#_openapi_tools"
+                data-url="open-api-tools-for-eclipse.html">Codewind OpenAPI Tools for Eclipse</a>
+            
+
+            
+        </div>
+        
+
+        
+
+        
+        <a href="che-tektonpipelines.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="che-tektonpipelines.html">
+            Configuring Codewind for Tekton pipelines
+        </a>
+        
+
+        
+
+        
+        <a href="troubleshooting.html"
+            class="bg-light list-group-item list-group-item-action flex-column align-items-start"
+            data-url="troubleshooting.html">
+            Troubleshooting
+        </a>
+        
+
+        
+
+    </ul>
+    <!-- List Group END-->
+</div>
     <!-- MAIN -->
     <div id="content-container">
-    		<div class="py-5 px-5">
-    		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="working-with-templates">Working with templates</h1>
+        <div class="py-5 px-5">
+            <div class="cw-docs-spacer"></div>
+            <div role="main"><h1 id="working-with-templates">Working with templates</h1>
 
 <p>Use Codewind to code and develop in languages of your choice by using templates. Templates make application development easier by providing a structure and boilerplate code, or framework, to help you start a new project. Templates appear as a new language and project type within the Codewind user interface.</p>
 
@@ -583,13 +694,12 @@
 </ol>
 </div>
         </div>
-        
+
         <div class="py-5 px-5 text-right">
-        Last update: May 14, 2020
+            Last update: May 14, 2020
         </div>
-        
+
     </div>
-    
 </div>
 <!-- footer row -->
 <footer>
@@ -738,7 +848,7 @@
 </footer>
 <!-- footer row END -->
 <!-- Main Col END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
@@ -773,18 +883,17 @@
 </body>
 
 </html>
- 
- 
- 
- <script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
- <script>
-$(document).ready(function(){
-	
-    anchors.options.placement = 'left';
-    anchors.add('h1');
-    anchors.add('h2');
-    anchors.add('h3');
-    anchors.add('h4');
-});
-</script>
- 
\ No newline at end of file
+
+
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.2.0/anchor.min.js"></script>
+<script>
+    $(document).ready(function () {
+
+        anchors.options.placement = 'left';
+        anchors.add('h1');
+        anchors.add('h2');
+        anchors.add('h3');
+        anchors.add('h4');
+    });
+</script>
\ No newline at end of file