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 45d8098..168313c 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>A new microservice to provide ‘Node.js sub-dependency license insights’ | Codewind</title>
+    	<title>A new microservice to provide ‘Node.js sub-dependency license insights’ | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -318,7 +322,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
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 c084cd1..23ea95a 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>A technical autopsy of a containerized ‘Node.js dependency insights’ microservice application | Codewind</title>
+    	<title>A technical autopsy of a containerized ‘Node.js dependency insights’ microservice application | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -362,7 +366,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/blog.html b/blog.html
index e9b2580..6b4a2ec 100644
--- a/blog.html
+++ b/blog.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Blog for Codewind | Codewind</title>
+    	<title>Blog for Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -132,6 +136,78 @@
                         <div class="blog-post-column col">
                             
                                 <div class="blog-post-content blog-content">
+                                    <h2 class="blog-post-title"><a href="/codewind/working-with-private-registries.html" class="blog-post-title-link">Working with Private Registries</a></h2>
+                                    <p class="blog-post-date-mobile d-sm-block d-md-none">May 14, 2020</p>
+                                    <p class="blog-post-paragraph">
+                                        
+                                            Need a specific capability in your application? Chances are there's a code library or package out there that already does the job.
+                                        
+                                    </p>
+
+                                        <div class="row">
+                                            <!-- When the screen resolution goes to a phone size, the author container goes above the
+                                            read more container -->
+                                            <div class ="col-xs-12 col">
+                                            <div class="author-images-container">
+                                                <img src="images/blog/author_icon_andrew_mak.jpeg" class="blog-post-author-image" alt="Blog author picture">
+                                            </div>
+                                            <a class="blog-post-author-name" target="_blank" rel="noopener">Andrew Mak</a>
+                                            
+                                            <span class="blog-post-date" title="May 14, 2020">on May 14, 2020</span>
+                                            </div>      
+                                        
+                                            <div class="col-xs-12">
+                                            <div class="read-more-link-container ">
+                                                <a href="/codewind/working-with-private-registries.html" class="read-more-link">Read more</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                </div>
+                        </div>
+                    </div>
+                    
+                
+
+                    <div class="row blog-post-row">
+                        <div class="blog-post-column col">
+                            
+                                <div class="blog-post-content blog-content">
+                                    <h2 class="blog-post-title"><a href="/codewind/codewind-in-intellij-may.html" class="blog-post-title-link">Codewind in IntelliJ IDEA</a></h2>
+                                    <p class="blog-post-date-mobile d-sm-block d-md-none">May 14, 2020</p>
+                                    <p class="blog-post-paragraph">
+                                        
+                                            Update on support for Codewind in IntelliJ IDEA
+                                        
+                                    </p>
+
+                                        <div class="row">
+                                            <!-- When the screen resolution goes to a phone size, the author container goes above the
+                                            read more container -->
+                                            <div class ="col-xs-12 col">
+                                            <div class="author-images-container">
+                                                <img src="images/blog/author_icon_john_pitman.png" class="blog-post-author-image" alt="Blog author picture">
+                                            </div>
+                                            <a class="blog-post-author-name" target="_blank" rel="noopener">John Pitman</a>
+                                            
+                                            <span class="blog-post-date" title="May 14, 2020">on May 14, 2020</span>
+                                            </div>      
+                                        
+                                            <div class="col-xs-12">
+                                            <div class="read-more-link-container ">
+                                                <a href="/codewind/codewind-in-intellij-may.html" class="read-more-link">Read more</a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                </div>
+                        </div>
+                    </div>
+                    
+                
+
+                    <div class="row blog-post-row">
+                        <div class="blog-post-column col">
+                            
+                                <div class="blog-post-content blog-content">
                                     <h2 class="blog-post-title"><a href="/codewind/jdk-14-is-coming-but-will-my-java-application-run-on-it.html" class="blog-post-title-link">JDK 14 is now here, but will my Java application run on it?</a></h2>
                                     <p class="blog-post-date-mobile d-sm-block d-md-none">Mar 18, 2020</p>
                                     <p class="blog-post-paragraph">
diff --git a/che-codechange.html b/che-codechange.html
index f6376c7..86d2614 100644
--- a/che-codechange.html
+++ b/che-codechange.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Making a code change with Codewind for Eclipse Che | Codewind</title>
+    	<title>Making a code change with 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,7 @@
     <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">Making a code change</h1>
+        		<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>
@@ -860,12 +473,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+        Last update: Apr 22, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-createcodewindworkspace.html b/che-createcodewindworkspace.html
index b303c37..55f2d69 100644
--- a/che-createcodewindworkspace.html
+++ b/che-createcodewindworkspace.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating a Codewind workspace in Che | Codewind</title>
+    	<title>Creating a Codewind workspace in 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -861,7 +474,7 @@
   <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.11.0/devfiles/0.11.0/devfile.yaml">codewind-che-plugin/0.11.0/devfile.yaml</a> and copy and paste the contents into the YAML text box in your Che workspace.</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>Click <strong>Create &amp; Open</strong>.</li>
 </ol>
 
@@ -871,12 +484,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 06, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-createfirstproject.html b/che-createfirstproject.html
index 45f6f73..2943faa 100644
--- a/che-createfirstproject.html
+++ b/che-createfirstproject.html
@@ -33,13 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating your first project with Codewind for Eclipse Che | Codewind</title>
+    	<title>Creating your first Codewind project with 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="Creating your first project with Codewind for Eclipse Che">
+	<meta name="description" content="Creating your first Codewind project with Codewind for Eclipse Che">
 	<meta name="keywords" content="build, deploy, install, installing, installation, chart, develop, cloud, public cloud, services, command line, cli, command, start, stop, update, open, delet..."/>
 	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,7 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-project-with-codewind-for-eclipse-che">Creating your first project with Codewind for Eclipse Che</h1>
+        		<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>
 
@@ -890,12 +503,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 10, 2020
+        Last update: Apr 22, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-installinfo.html b/che-installinfo.html
index 9b68f88..47d25fe 100644
--- a/che-installinfo.html
+++ b/che-installinfo.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing Eclipse Che for Codewind | Codewind</title>
+    	<title>Installing Eclipse Che for Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -872,7 +485,7 @@
     </ul>
   </li>
   <li>Set up the ClusterRole for Codewind:
-<code class="highlighter-rouge">kubectl apply -f https://raw.githubusercontent.com/eclipse/codewind-che-plugin/0.11.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.12.0/setup/install_che/codewind-clusterrole.yaml</code></li>
 </ol>
 
 <h2 id="installing-che-with-chectl">Installing Che with chectl</h2>
@@ -882,7 +495,7 @@
 <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.11.0/setup/install_che/che-operator/codewind-checluster.yaml">codewind-checluster.yaml</a> file.</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>
 </ul>
@@ -926,7 +539,7 @@
 <p>If you already have a 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.11.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.12.0/setup/install_che/codewind-clusterrole.yaml -n $NAMESPACE
 </code></pre></div></div>
 
 <h2 id="adding-certificates-for-che-to-your-browser">Adding certificates for Che to your browser</h2>
@@ -992,12 +605,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 06, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-odo-support.html b/che-odo-support.html
index 7531017..fb7136c 100644
--- a/che-odo-support.html
+++ b/che-odo-support.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>OpenShift Do (odo) support in Codewind | Codewind</title>
+    	<title>OpenShift Do (odo) support in Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -910,12 +523,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-setupregistries.html b/che-setupregistries.html
index 9330838..09eef27 100644
--- a/che-setupregistries.html
+++ b/che-setupregistries.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Adding an image registry in Codewind in Che | Codewind</title>
+    	<title>Adding an image registry in Codewind in 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -943,12 +556,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Mar 06, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-tektonpipelines.html b/che-tektonpipelines.html
index 994a62a..045c6b5 100644
--- a/che-tektonpipelines.html
+++ b/che-tektonpipelines.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing Codewind on the Cloud | Codewind</title>
+    	<title>Installing Codewind on the Cloud | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -866,12 +479,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/che-uninstall.html b/che-uninstall.html
index cb0b529..03456ec 100644
--- a/che-uninstall.html
+++ b/che-uninstall.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Uninstalling Codewind for Eclipse Che | Codewind</title>
+    	<title>Uninstalling 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -870,12 +483,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
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 3c4c2ec..b2a20c9 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Checking Node.js sub-dependencies licenses for usage and redistribution | Codewind</title>
+    	<title>Checking Node.js sub-dependencies licenses for usage and redistribution | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -336,7 +340,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/checkingstatuses.html b/checkingstatuses.html
index a6f880a..f744b89 100644
--- a/checkingstatuses.html
+++ b/checkingstatuses.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Understanding application and build statuses | Codewind</title>
+    	<title>Understanding application and build statuses | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -889,12 +502,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Apr 07, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/codewind-eclipse-quick-guide.html b/codewind-eclipse-quick-guide.html
new file mode 100644
index 0000000..49648c9
--- /dev/null
+++ b/codewind-eclipse-quick-guide.html
@@ -0,0 +1,513 @@
+<!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 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="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/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 -->
+<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 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>
+
+<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>
+
+<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>
+
+<h3 id="prerequisite">Prerequisite</h3>
+<p>Before you can develop a microservice with Eclipse, you need to:</p>
+
+<ul>
+  <li><a href="https://docs.docker.com/install/">Install Docker</a>
+    <ul>
+      <li><strong>Note:</strong> Make sure to install or upgrade to minimum Docker version 19.03.</li>
+    </ul>
+  </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>
+    </ul>
+  </li>
+</ul>
+
+<h3 id="installing-codewind-for-eclipse">Installing Codewind for Eclipse</h3>
+<p>The Codewind installation pulls the following images that form the Codewind backend:</p>
+
+<ol>
+  <li><code class="highlighter-rouge">eclipse/codewind-performance-amd64</code></li>
+  <li><code class="highlighter-rouge">eclipse/codewind-pfe-amd64</code></li>
+</ol>
+
+<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>
+</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>
+</ol>
+
+<p>You have now configured Codewind to use Appsody templates and can proceed 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>
+
+<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>
+</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>
+
+<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>
+    <ul>
+      <li><strong>Note:</strong> Make sure 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>. 
+    <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>The templates are refreshed, and the Appsody templates are available.</li>
+    </ul>
+  </li>
+  <li>Click <code class="highlighter-rouge">Finish</code>.
+    <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>
+    </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 complete when you see 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>
+</ol>
+
+<p>Your application is now opened in a browser, showing the welcome to your Appsody microservice page.</p>
+
+<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 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>Populate the file with the following code and then <strong>save</strong> the file:</li>
+</ol>
+
+<div class="language-java highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kn">package</span> <span class="n">dev</span><span class="o">.</span><span class="na">appsody</span><span class="o">.</span><span class="na">starter</span><span class="o">;</span>
+
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.Application</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.GET</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.Path</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.Produces</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.MediaType</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.Response</span><span class="o">;</span>
+
+<span class="kn">import</span> <span class="nn">javax.ws.rs.PathParam</span><span class="o">;</span>
+
+<span class="nd">@Path</span><span class="o">(</span><span class="s">"/calculator"</span><span class="o">)</span>
+<span class="kd">public</span> <span class="kd">class</span> <span class="nc">Calculator</span> <span class="kd">extends</span> <span class="nc">Application</span> <span class="o">{</span>
+
+    <span class="nd">@GET</span>
+    <span class="nd">@Path</span><span class="o">(</span><span class="s">"/aboutme"</span><span class="o">)</span>
+    <span class="nd">@Produces</span><span class="o">(</span><span class="nc">MediaType</span><span class="o">.</span><span class="na">TEXT_PLAIN</span><span class="o">)</span>
+    <span class="kd">public</span> <span class="nc">String</span> <span class="nf">aboutme</span><span class="o">()</span> <span class="o">{</span>
+        <span class="k">return</span> <span class="s">"You can add (+), subtract (-), and multiply (*) with this simple calculator."</span><span class="o">;</span>
+    <span class="o">}</span>
+
+    <span class="nd">@GET</span>
+    <span class="nd">@Path</span><span class="o">(</span><span class="s">"/{op}/{a}/{b}"</span><span class="o">)</span>
+    <span class="nd">@Produces</span><span class="o">(</span><span class="nc">MediaType</span><span class="o">.</span><span class="na">TEXT_PLAIN</span><span class="o">)</span>
+    <span class="kd">public</span> <span class="nc">Response</span> <span class="nf">calculate</span><span class="o">(</span><span class="nd">@PathParam</span><span class="o">(</span><span class="s">"op"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">op</span><span class="o">,</span> <span class="nd">@PathParam</span><span class="o">(</span><span class="s">"a"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">a</span><span class="o">,</span> <span class="nd">@PathParam</span><span class="o">(</span><span class="s">"b"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">b</span><span class="o">)</span> <span class="o">{</span>
+        <span class="kt">int</span> <span class="n">numA</span> <span class="o">=</span> <span class="nc">Integer</span><span class="o">.</span><span class="na">parseInt</span><span class="o">(</span><span class="n">a</span><span class="o">);</span>
+        <span class="kt">int</span> <span class="n">numB</span> <span class="o">=</span> <span class="nc">Integer</span><span class="o">.</span><span class="na">parseInt</span><span class="o">(</span><span class="n">b</span><span class="o">);</span>
+
+        <span class="k">switch</span> <span class="o">(</span><span class="n">op</span><span class="o">)</span> <span class="o">{</span>
+            <span class="k">case</span> <span class="s">"+"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"+"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">+</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">case</span> <span class="s">"-"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"-"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">-</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">case</span> <span class="s">"*"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"*"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">*</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">default</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="s">"Invalid operation. Please Try again"</span><span class="o">).</span><span class="na">build</span><span class="o">();</span>
+        <span class="o">}</span>
+    <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>
+
+<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>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>
+</ul>
+
+<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>You can add (+), subtract (-), and multiply (*) with this simple calculator.
+</code></pre></div></div>
+
+<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>
+</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>
+</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-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-in-intellij-may.html b/codewind-in-intellij-may.html
new file mode 100644
index 0000000..ad63ad7
--- /dev/null
+++ b/codewind-in-intellij-may.html
@@ -0,0 +1,430 @@
+<!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 in IntelliJ IDEA | 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/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 -->
+<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>Codewind in IntelliJ IDEA</h1>
+            <p>14 May 2020 - John Pitman</p>
+            <div role="main"><p>Over the past few months, we’ve been hard at work creating a Codewind plugin for IntelliJ IDEA. This is a tech preview because there are still some fundamental features to be implemented, but we have made significant progress.</p>
+
+<p>Our <a href="https://www.eclipse.org/codewind/introducing-eclipse-codewind-on-intellij.html" target="_blank">first tech preview release</a> included basic support for Codewind, and last month we added the ability to show the log files, open the performance dashboard and debug projects.</p>
+
+<p>This month, we’ve added the support for opening the application metrics dashboard and the ability to open a shell into the application container.</p>
+
+<p>Here’s a high-level feature comparison between the IDEs:</p>
+
+<table>
+  <thead>
+    <tr>
+      <th>Feature</th>
+      <th>VS Code</th>
+      <th>Eclipse</th>
+      <th>IntelliJ</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Local container development</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Automatic project build</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Remote Codewind connection</td>
+      <td>x</td>
+      <td>x</td>
+      <td> </td>
+    </tr>
+    <tr>
+      <td>Launch application</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Local debug mode</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Application metrics view</td>
+      <td>x</td>
+      <td>x</td>
+      <td>new</td>
+    </tr>
+    <tr>
+      <td>Performance tool</td>
+      <td>x</td>
+      <td>x</td>
+      <td>new</td>
+    </tr>
+    <tr>
+      <td>Inject metrics endpoint</td>
+      <td>x</td>
+      <td>x</td>
+      <td>new</td>
+    </tr>
+    <tr>
+      <td>View container logs</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>View application logs</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Open container shell</td>
+      <td>x</td>
+      <td>x</td>
+      <td>new</td>
+    </tr>
+    <tr>
+      <td>Example templates</td>
+      <td>x</td>
+      <td>x</td>
+      <td>x</td>
+    </tr>
+    <tr>
+      <td>Template manager support</td>
+      <td>x</td>
+      <td>x</td>
+      <td> </td>
+    </tr>
+    <tr>
+      <td>Node.js profiler plugin</td>
+      <td>x</td>
+      <td> </td>
+      <td> </td>
+    </tr>
+    <tr>
+      <td>Java profiler plugin</td>
+      <td>x</td>
+      <td> </td>
+      <td> </td>
+    </tr>
+    <tr>
+      <td>OpenAPI plugin</td>
+      <td>x</td>
+      <td> </td>
+      <td> </td>
+    </tr>
+  </tbody>
+</table>
+</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-vscode-quick-guide.html b/codewind-vscode-quick-guide.html
new file mode 100644
index 0000000..070da22
--- /dev/null
+++ b/codewind-vscode-quick-guide.html
@@ -0,0 +1,509 @@
+<!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 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">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<meta name="description" content="Eclipse Codewind">
+	<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">
+	<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 -->
+<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 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>
+
+<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>
+
+<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>
+
+<h3 id="prerequisite">Prerequisite</h3>
+<p>Before you can develop a microservice with VS Code, you need to:</p>
+
+<ul>
+  <li><a href="https://docs.docker.com/install/">Install Docker</a>
+    <ul>
+      <li><strong>Note:</strong> Make sure to install or upgrade to minimum Docker version 19.03.</li>
+    </ul>
+  </li>
+  <li><a href="https://code.visualstudio.com/download">Install VS Code</a></li>
+</ul>
+
+<h3 id="installing-codewind-for-vs-code">Installing Codewind for VS Code</h3>
+<p>The Codewind installation pulls the following images that form the Codewind backend:</p>
+
+<ol>
+  <li><code class="highlighter-rouge">eclipse/codewind-performance-amd64</code></li>
+  <li><code class="highlighter-rouge">eclipse/codewind-pfe-amd64</code></li>
+</ol>
+
+<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>.
+    <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>
+    </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.
+    <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>
+    </ul>
+  </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>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>
+</ol>
+
+<p>You have now configured Codewind to use Appsody templates and can proceed 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>
+
+<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>
+</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>
+
+<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.
+    <ul>
+      <li><strong>Note:</strong> Make sure 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>.
+    <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>The templates are refreshed, and the Appsody templates are available.</li>
+    </ul>
+  </li>
+  <li>Press <code class="highlighter-rouge">Enter</code>.
+    <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>
+    </ul>
+  </li>
+</ol>
+
+<p>Your project is complete when you see 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>
+</ol>
+
+<p>Your application is now opened in a browser, showing the welcome to your Appsody microservice page.</p>
+
+<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>Populate the file with the following code and then <strong>save</strong> the file:</li>
+</ol>
+
+<div class="language-java highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kn">package</span> <span class="n">dev</span><span class="o">.</span><span class="na">appsody</span><span class="o">.</span><span class="na">starter</span><span class="o">;</span>
+
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.Application</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.GET</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.Path</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.Produces</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.MediaType</span><span class="o">;</span>
+<span class="kn">import</span> <span class="nn">javax.ws.rs.core.Response</span><span class="o">;</span>
+
+<span class="kn">import</span> <span class="nn">javax.ws.rs.PathParam</span><span class="o">;</span>
+
+<span class="nd">@Path</span><span class="o">(</span><span class="s">"/calculator"</span><span class="o">)</span>
+<span class="kd">public</span> <span class="kd">class</span> <span class="nc">Calculator</span> <span class="kd">extends</span> <span class="nc">Application</span> <span class="o">{</span>
+
+    <span class="nd">@GET</span>
+    <span class="nd">@Path</span><span class="o">(</span><span class="s">"/aboutme"</span><span class="o">)</span>
+    <span class="nd">@Produces</span><span class="o">(</span><span class="nc">MediaType</span><span class="o">.</span><span class="na">TEXT_PLAIN</span><span class="o">)</span>
+    <span class="kd">public</span> <span class="nc">String</span> <span class="nf">aboutme</span><span class="o">()</span> <span class="o">{</span>
+        <span class="k">return</span> <span class="s">"You can add (+), subtract (-), and multiply (*) with this simple calculator."</span><span class="o">;</span>
+    <span class="o">}</span>
+
+    <span class="nd">@GET</span>
+    <span class="nd">@Path</span><span class="o">(</span><span class="s">"/{op}/{a}/{b}"</span><span class="o">)</span>
+    <span class="nd">@Produces</span><span class="o">(</span><span class="nc">MediaType</span><span class="o">.</span><span class="na">TEXT_PLAIN</span><span class="o">)</span>
+    <span class="kd">public</span> <span class="nc">Response</span> <span class="nf">calculate</span><span class="o">(</span><span class="nd">@PathParam</span><span class="o">(</span><span class="s">"op"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">op</span><span class="o">,</span> <span class="nd">@PathParam</span><span class="o">(</span><span class="s">"a"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">a</span><span class="o">,</span> <span class="nd">@PathParam</span><span class="o">(</span><span class="s">"b"</span><span class="o">)</span> <span class="nc">String</span> <span class="n">b</span><span class="o">)</span> <span class="o">{</span>
+        <span class="kt">int</span> <span class="n">numA</span> <span class="o">=</span> <span class="nc">Integer</span><span class="o">.</span><span class="na">parseInt</span><span class="o">(</span><span class="n">a</span><span class="o">);</span>
+        <span class="kt">int</span> <span class="n">numB</span> <span class="o">=</span> <span class="nc">Integer</span><span class="o">.</span><span class="na">parseInt</span><span class="o">(</span><span class="n">b</span><span class="o">);</span>
+
+        <span class="k">switch</span> <span class="o">(</span><span class="n">op</span><span class="o">)</span> <span class="o">{</span>
+            <span class="k">case</span> <span class="s">"+"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"+"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">+</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">case</span> <span class="s">"-"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"-"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">-</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">case</span> <span class="s">"*"</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="n">a</span> <span class="o">+</span> <span class="s">"*"</span> <span class="o">+</span> <span class="n">b</span> <span class="o">+</span> <span class="s">"="</span> <span class="o">+</span> <span class="o">(</span><span class="nc">Integer</span><span class="o">.</span><span class="na">toString</span><span class="o">((</span><span class="n">numA</span> <span class="o">*</span> <span class="n">numB</span><span class="o">)))).</span><span class="na">build</span><span class="o">();</span>
+
+            <span class="k">default</span><span class="o">:</span>
+                <span class="k">return</span> <span class="nc">Response</span><span class="o">.</span><span class="na">ok</span><span class="o">(</span><span class="s">"Invalid operation. Please Try again"</span><span class="o">).</span><span class="na">build</span><span class="o">();</span>
+        <span class="o">}</span>
+    <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>
+
+<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>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>
+</ol>
+
+<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>You can add (+), subtract (-), and multiply (*) with this simple calculator.
+</code></pre></div></div>
+
+<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>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>Now that you have completed this quick guide, you have learned to:</p>
+
+<ol>
+  <li>Install Codewind on VS Code</li>
+  <li>Develop your own microservice using Codewind</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>
+</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/css/docs.css b/css/docs.css
index 3d991cf..4169c84 100644
--- a/css/docs.css
+++ b/css/docs.css
@@ -50,6 +50,10 @@
 	text-decoration: none;
 }
 
+.collapsing {
+    transition: none !important;
+  }
+
 #sidebar-container {
     min-height: 100vh;
     padding: 0;
@@ -250,7 +254,6 @@
     }
 }
 
-
 @media only screen and (max-width: 768px) {
 	.cw-docs-spacer {
         height: 0px;
diff --git a/css/guides.css b/css/guides.css
new file mode 100644
index 0000000..3a7ff68
--- /dev/null
+++ b/css/guides.css
@@ -0,0 +1,80 @@
+/*******************************************************************************
+ * Copyright (c) 2020 IBM Corporation and others.
+ * All rights reserved. This program and the accompanying materials
+ * are made available under the terms of the Eclipse Public License v1.0
+ * which accompanies this distribution, and is available at
+ * http://www.eclipse.org/legal/epl-v10.html
+ *
+ * Contributors:
+ *     IBM Corporation - initial API and implementation
+ *******************************************************************************/
+
+#guides-container {
+    max-width: 1440px;
+    margin: 0 auto;
+    padding-left: 20px;
+    padding-right: 20px;
+
+    @media (max-width: 991.98px) {
+        width: 100%;
+        padding-top: 46px;
+    }
+
+    @media (max-width: 767.98px) {
+        padding-top: 24px;
+    }
+}
+
+.guides-post-column {
+    width: 100%;
+    color: #292828;
+}
+
+.guides-post-row {
+    width: 100%;
+}
+
+.guides-post-content {
+    width: 100%;
+    padding-top: 5px;
+    padding-left: 63px;
+    padding-right: 63px;
+    padding-bottom: 50px;
+
+    @media (max-width: 991.98px) {
+        padding-top: 30px;
+        padding-left: 33px;
+        padding-right: 33px;
+    }
+
+    @media (max-width: 767.98px) {
+        padding-top: 25px;
+        padding-left: 30px;
+        padding-right: 30px;
+    }
+}
+
+.guides-post-title-link {
+    font-family: 'IBM Plex Sans';
+    font-size: 30px;
+    color: #292828;
+    transition: color .2s;
+}
+
+.guides-post-paragraph {
+    text-align: justify;
+    overflow: hidden;
+    margin-top: 23px;
+    margin-bottom: 35px;
+}
+
+.guides-post-date {
+    font-size: 16px;
+    margin-left: 2px;
+    color: #6f7878;
+}
+
+.guides-content{
+    background-color:#f3f5f7 !important;
+    margin: 20px 0 20px 0;
+}
diff --git a/css/styles.css b/css/styles.css
index 1eb3f82..d832779 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -68,6 +68,14 @@
 	padding-right: 33px;
 }
 
+.cw-header-link-blog {
+	padding-right: 33px;
+}
+
+.cw-header-link-guides {
+	padding-right: 33px;
+}
+
 .cw-header-link-docs {
 	padding-right:45px;
 }
@@ -498,58 +506,6 @@
 }
 /* end footer */
 
-/* Getting started */
-
-#cs-gettingstarted-block {
-	width: 850px;
-    margin: auto;
-}
-#cs-gettingstarted-block-2 {
-	width: 850px;
-    margin: auto;
-    margin-top: 62px;
-    margin-bottom: 62px;
-}
-
-.cw-gettingstarted-card {
-	width: 250px;
-	height: 370px;
-	background-color: #3d7594;
-}
-.cw-gettingstarted-card img {
-	position: absolute;
-    top: -62px;
-    left: -18px;
-}
-.cw-gettingstarted-card-link-container {
-	padding-left: 20px;
-	padding-right: 80px;
-	position: absolute;
-    top: 70px;
-}
-.cw-gettingstarted-card-link {
-	color: white;
-	text-decoration: none;
-	font-size:20px;
-	
-}
-.cw-gettingstarted-title {
-	font-size: 20px;
-}
-.cw-gettingstarted-card-link:hover {
-	color: white;
-	text-decoration: none;
-}
-
-.cw-getting-started-text {
-	position: absolute;
-    top: 0;
-    left: 15px;
-    font-size: 20px;
-    background-color: white;
-    }
-/* end getting started */
-
 /* Exrea large devices wider than 1440px */
 @media only screen and (min-width: 1921px) {
 
@@ -624,7 +580,15 @@
 	.cw-header-link-news {
 	    padding-right: 18px;
 	}
-	
+    
+    .cw-header-link-blog {
+	    padding-right: 18px;
+    }
+    
+    .cw-header-link-guides {
+	    padding-right: 18px;
+	}
+    
 	.cw-header-link-docs {
 		padding-right: 26px;
 	}
diff --git a/debugging.html b/debugging.html
index e4b1e5e..fea0608 100644
--- a/debugging.html
+++ b/debugging.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Debugging in Codewind | Codewind</title>
+    	<title>Debugging in Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -862,15 +475,48 @@
   <li>While the project is still in Debugging mode, if the debug process is detached, right-click your project and select <strong>Attach Debugger</strong> from the menu. This action reattaches the debugger to the debug process, and you can continue with debugging your application.</li>
   <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="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>
+  <li>To disable automatic builds, right-click your project in the Codewind Explorer view and select <strong>Disable Auto Build</strong>.</li>
+  <li>If you want to start a build while automatic builds are disabled, right-click your project and select <strong>Build</strong>.</li>
+  <li>Enable automatic builds again after you finish debugging. To enable automatic builds again, right-click your project and select <strong>Enable Auto Build</strong>.</li>
+</ol>
+
+<h2 id="debugging-initialization-code-for-java-projects">Debugging initialization code for Java projects</h2>
+<ul>
+  <li>If you want to debug initialization code, set breakpoints in the code. You can also set breakpoints in your application code.</li>
+  <li>When you debug initialization code, wait for the project state to change to <strong>Debugging</strong> or for the debugger to stop at a breakpoint.</li>
+  <li>Normally you can reload your application multiple times to isolate a problem. However, when you debug initialization code, restart your project in debug mode to stop in the code again.</li>
+</ul>
+
+<h2 id="debugging-nodejs-projects-in-eclipse">Debugging Node.js projects in Eclipse</h2>
+<p>In Eclipse, to restart your Node.js application in debug mode, the tools help you launch a debug session in a Chromium-based web browser.</p>
+<ol>
+  <li>Right-click the project in the Codewind Explorer view and select <strong>Restart in Debug Mode</strong>.</li>
+  <li>Follow these steps if you’re prompted to select a Chromium-based web browser for launching the debug session:
+    <ul>
+      <li>Select a Chromium-based browser from the list of browsers or use the <strong>Manage</strong> link to add one.</li>
+      <li>Optionally, select to always use this browser for Node.js debugging.</li>
+      <li>Click <strong>OK</strong> to continue.</li>
+    </ul>
+  </li>
+  <li>Launch a debug session using the information on the <strong>Node.js Debug Inspector URL</strong> dialog:
+    <ul>
+      <li>To copy the debug URL, click <strong>Copy URL to Clipboard</strong>.</li>
+      <li>To open the browser you selected in the previous dialog, click <strong>Open Browser</strong>.</li>
+      <li>Paste the URL into the address bar of the browser to start the debug session.</li>
+    </ul>
+  </li>
+</ol>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 08, 2020
+        Last update: May 04, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/eclipse-codechange.html b/eclipse-codechange.html
index d1ba8c5..bda2e19 100644
--- a/eclipse-codechange.html
+++ b/eclipse-codechange.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Making a code change with Eclipse | Codewind</title>
+    	<title>Making a code change with 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -859,32 +472,51 @@
 
 <p>1. Edit the <code class="highlighter-rouge">index.html</code> file.</p>
 
-<p><img src="images/eclipsechangeproject1.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsechangeproject1.png" alt="image of the index.html file as it appears in Eclipse" width="800px" /></p>
 
 <p>2. In the file, find the <code class="highlighter-rouge">Congratulations!</code> line.</p>
 
-<p><img src="images/eclipsechangeproject2.png" alt="" /></p>
+<p><img src="images/eclipsechangeproject2.png" alt="image of the congratulations line in the file" /></p>
 
 <p>3. Change the heading from <code class="highlighter-rouge">Congratulations</code> to <code class="highlighter-rouge">I did this</code> and save the file.</p>
 
-<p><img src="images/eclipsechangeproject3.png" alt="" /></p>
+<p><img src="images/eclipsechangeproject3.png" alt="image of the text change" /></p>
 
 <p>4. Click the <strong>Open Application</strong>
-<img src="images/eclipseopenprojecticon.png" alt="" />
+<img src="images/eclipseopenprojecticon.png" alt="image of the Open Application icon" />
 icon to show your code change running.</p>
 
-<p><img src="images/eclipsechangeproject4.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsechangeproject4.png" alt="image of the application with the code change" width="800px" /></p>
 
-<p>Next step: <a href="remote-deploying-codewind.html">Buiding and deploying in a cloud environment</a></p>
+<h2 id="next-steps">Next Steps</h2>
+
+<p><strong>Getting started with Codewind</strong> You have now completed all the steps to get started with Codewind. To learn more about how you can develop using Codewind, choose from the following:</p>
+
+<ul>
+  <li><a href="./workingwithtemplates.html">Working with templates</a></li>
+  <li><a href="./metrics-dashboard.html">Using the Metrics Dashboard for performance monitoring</a></li>
+</ul>
+
+<p>If you would like to use Codewind with your cloud, choose from the following:</p>
+
+<p><strong>Using Codewind as a hosted application in the cloud</strong> See the <a href="./eclipseche-codewind-overview.html">Codewind on Eclipse Che instructions</a></p>
+
+<p><strong>Installing Codewind for remote use</strong> You have now completed all the steps to get started with Codewind. If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the prerequisite step of installing Codewind on your local machine  and can now proceed:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.
+Next step: <a href="remote-deploying-codewind.html">Buiding and deploying in a cloud environment</a></li>
+</ol>
+
+<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: Apr 15, 2020
+        Last update: May 12, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/eclipse-firstproject.html b/eclipse-firstproject.html
index af7534b..16199f6 100644
--- a/eclipse-firstproject.html
+++ b/eclipse-firstproject.html
@@ -33,13 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating your first Eclipse Codewind project | Codewind</title>
+    	<title>Creating your first Codewind project with Codewind for 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 your first Eclipse Codewind project">
+	<meta name="description" content="Creating your first Codewind project with Codewind for Eclipse">
 	<meta name="keywords" content="introducing, introduction, overview, what is, tools, vscode, visual, studio, code, java, microprofile, spring, node, nodejs, node.js, javascript, Codewind fo..."/>
 	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,52 +464,60 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-eclipse-codewind-project">Creating your first Eclipse Codewind project</h1>
+        		<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>
 
 <p>1. Right-click the <strong>Local [Running]</strong> item and select <strong>Create New Project…</strong>.</p>
 
-<p><img src="images/eclipsecreateproject1.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsecreateproject1.png" alt="image of the menu where you select Create New Project" width="800px" /></p>
 
 <p>2. Creating a new project displays the project creation screen.</p>
 
-<p><img src="images/eclipsecreateproject2.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsecreateproject2.png" alt="image of the project creation screen" width="800px" /></p>
 
 <p>3. Enter a name for the project and change the location if you want. Scroll through the list of templates until you see <strong>Node.js Express</strong>. For more information about templates, see <a href="workingwithtemplates.html">Working with templates</a>.</p>
 
-<p><img src="images/eclipsecreateproject3.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsecreateproject3.png" alt="image of the list of templates" width="800px" /></p>
 
 <p>4. Select this template and click <strong>Finish</strong>. You now see the project overview screen.</p>
 
-<p><img src="images/eclipsecreateproject4.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsecreateproject4.png" alt="image of the project overview screen" width="800px" /></p>
 
 <p>5. Codewind now starts to build and run your very first project. This process initially takes several minutes, depending on the speed of your network and the selected project.</p>
 
 <p>Once complete, the following screen shows your application is built and running.</p>
 
-<p><img src="images/eclipsecreateproject5.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsecreateproject5.png" alt="image of the screen that shows the application is built and running" width="800px" /></p>
 
 <p>6. To view your running application, select it in the Codewind Explorer view and click the <strong>Open Application</strong> icon.
-<img src="images/eclipseopenprojecticon.png" alt="" /></p>
+<img src="images/eclipseopenprojecticon.png" alt="image of the Open Application icon" /></p>
 
 <p>This icon launches your web browser and displays your application.</p>
 
-<p><img src="images/eclipsefirstprojectrunning.png" alt="" width="800px" /></p>
+<p><img src="images/eclipsefirstprojectrunning.png" alt="image of the application in the web browser" width="800px" /></p>
 
-<p>Congratulations, you have created your first application on Codewind.</p>
+<p>Congratulations, you have now created, built and run your first Codewind project using Codewind on your local machine.</p>
 
-<p>Next step: <a href="eclipse-codechange.html">Making a code change</a></p>
+<h2 id="next-steps">Next Steps</h2>
 
+<p>Choose from the following:</p>
+
+<p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./eclipse-codechange.html">making a code change with Eclipse</a> to see the auto-build-and-run feature in action.</p>
+
+<p><strong>Installing Codewind for remote use</strong> If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the prerequisite step of installing Codewind on your local machine and can now proceed:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 02, 2020
+        Last update: May 11, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/eclipse-getting-started.html b/eclipse-getting-started.html
index f760383..3033573 100644
--- a/eclipse-getting-started.html
+++ b/eclipse-getting-started.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing Codewind for Eclipse | Codewind</title>
+    	<title>Installing Codewind for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,38 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="installing-codewind-for-eclipse">Installing Codewind for Eclipse</h1>
+        		<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>Follow the instructions to get started with using Codewind locally. This will guide you through:</p>
+
+<ol>
+  <li>Installing Codewind into your IDE on your local machine</li>
+  <li>Creating your first project</li>
+  <li>Making a code change to try out the inner loop experience</li>
+</ol>
+
+<p>Select your IDE to get started:</p>
+
+<ul>
+  <li><a href="./vsc-getting-started.html#installing-codewind-for-vs-code">VS Code</a></li>
+  <li><a href="./eclipse-getting-started.html#installing-codewind-for-eclipse">Eclipse</a></li>
+  <li><a href="./intellij-getting-started.html#installing-codewind-for-intellij">IntelliJ</a></li>
+</ul>
+
+<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, you must 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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
+
+<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>
+
+<h3 id="installing-codewind-for-eclipse">Installing Codewind for Eclipse</h3>
 
 <p>Install Codewind for Eclipse to develop your containerized projects from within Eclipse.</p>
 
@@ -861,11 +505,11 @@
   <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-03 (4.11).</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>
-  <li>If you are planning to work with Appsody projects, enable your local drive for sharing in Docker. To do this, open the <strong>Docker Settings</strong> window, click the <strong>Shared Drives</strong> tab, and select the drive on which you are installing Codewind.</li>
+  <li>If you are installing Codewind on Windows, enable your local drive for sharing in Docker. To do this, open the <strong>Docker Settings</strong> window, click the <strong>Shared Drives</strong> tab, and select the drive on which you are installing Codewind.</li>
   <li>Install <a href="https://marketplace.eclipse.org/content/codewind">Codewind from Eclipse Marketplace</a>.
     <ul>
       <li><a href="http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=4638524" title="Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client"><img src="https://marketplace.eclipse.org/sites/all/themes/solstice/public/images/marketplace/btn-install.png" alt="Drag to your running Eclipse workspace. " /></a> Drag this install button to your running Eclipse workspace.
@@ -898,16 +542,23 @@
 
 <p><img src="images/eclipseinstall2.png" alt="image of Codewind once installed" width="800px" /></p>
 
-<p>Next step: <a href="eclipse-firstproject.html">Create your first project</a></p>
+<h3 id="after-installation">After installation</h3>
+
+<p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./eclipse-firstproject.html">creating your first Eclipse Codewind Project</a>.</p>
+
+<p><strong>Installing Codewind for remote use</strong> If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the pre-requisite step of installing Codewind on your local machine and can proceed to:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 13, 2020
+        Last update: May 08, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/eclipse-uninstall.html b/eclipse-uninstall.html
index b3539b7..fd0b03d 100644
--- a/eclipse-uninstall.html
+++ b/eclipse-uninstall.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Uninstalling Codewind for Eclipse | Codewind</title>
+    	<title>Uninstalling Codewind for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -874,12 +487,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/eclipseche-codewind-overview.html b/eclipseche-codewind-overview.html
new file mode 100644
index 0000000..3f15149
--- /dev/null
+++ b/eclipseche-codewind-overview.html
@@ -0,0 +1,695 @@
+<!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>Overview Using Codewind with 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="Overview Using Codewind with Eclipse Che">
+	<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/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="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>
+
+<p>By using <strong>Codewind hosted as an application on the cloud</strong>, you can develop, build and run your code all by accessing Codewind via 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. This will guide you through:</p>
+
+<ol>
+  <li>Installing Eclipse Che to use with Codewind or preparing to use Codewind with an existing Eclipse Che installation</li>
+  <li>Creating a Codewind connection by (i) adding an image registry and (ii) creating a Codewind workspace in Eclipse Che</li>
+  <li>Creating a Codewind workspace in Eclipse Che</li>
+  <li>Creating your first Codewind project</li>
+</ol>
+
+<h3 id="next-steps">Next Steps</h3>
+
+<p><a href="./che-installinfo.html">Install Eclipse Che to use with Codewind</a>, or <a href="./che-installinfo.html">prepare to use Codewind with an existing Eclipse Che installation</a>.</p>
+
+<p><strong>A quick way to try out Codewind before installing Codewind as a hosted application in your cloud is to use Codewind locally</strong> In this fully-local configuration, you create, develop, build and run your containerised 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> 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
+        </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/enabling-https-in-your-codewind-application.html b/enabling-https-in-your-codewind-application.html
index 146e731..febe234 100644
--- a/enabling-https-in-your-codewind-application.html
+++ b/enabling-https-in-your-codewind-application.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Enabling HTTPS in your Codewind Application | Codewind</title>
+    	<title>Enabling HTTPS in your Codewind Application | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -364,7 +368,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/feed.xml b/feed.xml
index fd6e04a..466b913 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-04-20T08:46:42-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="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
diff --git a/gettingstarted.html b/gettingstarted.html
index 017cca7..44c383e 100644
--- a/gettingstarted.html
+++ b/gettingstarted.html
@@ -33,14 +33,13 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Getting Started | Codewind</title>
+    	<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, standalone, cloud"/>
+	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,53 +464,25 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="select-your-ide-to-continue">Select your IDE to continue</h1>
+        		<div role="main"><h1 id="getting-started-with-codewind">Getting Started with Codewind</h1>
 
-<div class="container">
- 
-  <div class="row" id="cs-gettingstarted-block-2">
-    <div class="col-lg-4 cw-ggettingstarted-mobile-card-container">
-      <div class="cw-gettingstarted-mobile-title-container">
-      <img alt="" title="" class="cs-gettingstarted-mobile-title" src="images/gettingstarted-line-bg.gif" width="100%" height="1px" />
-      <span class=" cs-gettingstarted-mobile-title cw-getting-started-text">Cloud &nbsp;</span>
-      </div>
-      <div class="cw-gettingstarted-card">
-        <a href="che-installinfo.html"><img alt="Install on cloud" title="Install on cloud" src="images/card/che.svg" /></a>
-      	<div class="cw-gettingstarted-card-link-container">
-      		<a class="cw-gettingstarted-card-link" href="che-installinfo.html">Codewind for Eclipse Che</a>
-      	</div>
-      </div>
-    </div>
-    <div class="col-lg-4 cw-ggettingstarted-mobile-card-container">
-    <div class="cw-gettingstarted-mobile-title-container">
-      <img alt="" title="" class="cs-gettingstarted-mobile-title" src="images/gettingstarted-line-bg.gif" width="100%" height="1px" />
-      <span class="cs-gettingstarted-mobile-title cw-getting-started-text">Local &nbsp;</span>
-      </div>
-      <div class="cw-gettingstarted-card">
-        <a href="vsc-getting-started.html"><img alt="VSCode getting started" title="VSCode getting started" src="images/card/vscode.svg" /></a>
-      	<div class="cw-gettingstarted-card-link-container">
-      		<a class="cw-gettingstarted-card-link" href="vsc-getting-started.html">Codewind for VS Code</a>
-      	</div>
-      </div>
-    </div>
-    <div class="col-lg-4 cw-ggettingstarted-mobile-card-container">
-    		<div class="cw-gettingstarted-mobile-title-container">
-    		<img alt="" title="" class="cs-gettingstarted-mobile-title" src="images/gettingstarted-line-bg.gif" width="100%" height="1px" />
-      	<span class="cs-gettingstarted-mobile-title cw-getting-started-text">Local &nbsp;</span>
-      	</div>
-      <div class="cw-gettingstarted-card">
-        <a href="eclipse-getting-started.html"><img alt="Eclipse che getting started" title="Eclipse che getting started" src="images/card/eclipse.svg" /></a>
-      	<div class="cw-gettingstarted-card-link-container">
-      		<a class="cw-gettingstarted-card-link" href="eclipse-getting-started.html">Codewind for Eclipse</a>
-      	</div>
-      </div>
-    </div>
-  </div>
-</div>
+<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>
     
diff --git a/great-conversations-about-the-kabanero-io.html b/great-conversations-about-the-kabanero-io.html
index d653985..ad8a952 100644
--- a/great-conversations-about-the-kabanero-io.html
+++ b/great-conversations-about-the-kabanero-io.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Great conversations about the Kabanero.io microservice end-to-end develop/deploy experience at ThinkLondon 2019. | Codewind</title>
+    	<title>Great conversations about the Kabanero.io microservice end-to-end develop/deploy experience at ThinkLondon 2019. | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -289,7 +293,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/guides.html b/guides.html
new file mode 100644
index 0000000..c6157f3
--- /dev/null
+++ b/guides.html
@@ -0,0 +1,368 @@
+<!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>Quick guides for Codewind | 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="Quick guides for Codewind">
+	<meta name="keywords" content="guides"/>
+	<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 -->
+
+
+<!-- GUIDES -->
+<div id="background-container">
+    <div id="guides-container" class="container-fluid">
+
+        <div class="row">
+
+            <div class="col-lg-12">
+                
+                
+                
+
+                <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">
+                                
+                                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>
+                        </div>
+                    </div>
+                </div>
+                
+                
+
+                <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">
+                                
+                                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-eclipse-quick-guide.html" class="read-more-link">Read more</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 -->
+
+<!-- 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/images/blog/author_icon_andrew_mak.jpeg b/images/blog/author_icon_andrew_mak.jpeg
new file mode 100644
index 0000000..d451099
--- /dev/null
+++ b/images/blog/author_icon_andrew_mak.jpeg
Binary files differ
diff --git a/images/blog/author_icon_john_pitman.png b/images/blog/author_icon_john_pitman.png
new file mode 100644
index 0000000..5dfc671
--- /dev/null
+++ b/images/blog/author_icon_john_pitman.png
Binary files differ
diff --git a/images/blog/privateregnode01.png b/images/blog/privateregnode01.png
new file mode 100644
index 0000000..956a880
--- /dev/null
+++ b/images/blog/privateregnode01.png
Binary files differ
diff --git a/images/card/che.svg b/images/card/che.svg
deleted file mode 100644
index 4e8f20b..0000000
--- a/images/card/che.svg
+++ /dev/null
@@ -1,10 +0,0 @@
-<svg width="124px" height="124px" viewBox="0 0 124 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Getting-started" transform="translate(-919.000000, -235.000000)">
-            <g id="Group-3" transform="translate(919.000000, 235.000000)">
-                <circle id="Oval-Copy-2" fill="#FFFFFF" cx="62" cy="62" r="62"></circle>
-                <image id="che" x="40" y="31" width="61" height="72" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZ4AAAHsCAMAAADVSDv3AAAAzFBMVEVSXIZcZY1cZo1dYoJnb5RncJVoaH1xepxyepxzbnl8hKR9haR+c3WHjquIeXCIj6ySgGySmLOTmbOdhWedo7qeo7uoi2KorcKprsOzkF6zt8qzuMq9llq+wdG+wtLHm1XIzNnSolHT1uHdqE3e4OjorUjp6vDzs0T09ff9uUD9vUv9vUz9wVf9wVj9xmP9xmT9ym/9ynD9znv9z3z+04f+04j+15P+2JT+3J/+3KD+4Kv+4Kz+5bf+5bj/6cP/7c//8tv/9uf/+/P///8HZ/y6AAAWwUlEQVR4Ae2d+4PctBGAN2lSaFKgoUBSXg1pHpcXJDwTIFzu9v//n+r1am8t74wtyTOjGXnuB2JLtizPd7KW+bS+zdZ/FEdgo7hv3rWt41H9S+B4HI/qCKjunI8ex6M6Aqo756PH8aiOgOrO+ehxPKojoLpzPnocj1AE3v12KXQlscu0M3rOXz99+vwPscDJXKgVPJe/PO1/Xp7LxE3oKo3geft8T6f7708XQqGTuEwTeP56eQVnt/G2nSmoATwX3aQT/zx/J/GbLXEN83guf4vR7Pd+aGQKso7nj+OkE2P6pYkpyDae83jSiQA9b2EKsozn4qeIx8nOS/tTkF08l29PeJwUvH4vMX8zXsMsnnfYpBMz+sX2h2yjeM5/iCnge8/fMv5yszdtEs9FyODgUIY1lvM8BvFcDjI4Qwz49muzH7Lt4Xk38WEaJWRVNVjD8/4kg4MiiSqMqgZbeA7aIIp84o7JPI8pPNmTTkzOoGowhGekDeLQp+2Zy/OYwXOqDdKIxEdZUw1G8MDaIA592t5rU6rBBh5UG6QhiY+ypBos4JnSBnHk0/YM5Xn045nTBmlI4qNe/sWeLaO5gHY8KdogDn3anhHVoBxPojZIQxIfZUI1qMazW/jJ92Mhz6MYT542KMGoXzWoxZOvDUoAaVcNWvEQZHDScOlWDTrxlGqDNCLxUarzPBrxLNEGcejT9hSrBoV4FmqDNCTxUWpVgzo81BmcmAO2p3VJqTI8NNoAgzBVrnNJqSo8dNpgCgRWp1E1aMJDqg0wCFPl+vI8evCkL/ycivCyOnWqQQseDm1QgkqZatCBh0sblABSpRpU4GHUBiWAFOV5FODh1QYlfPSohup4+LVBCSAtqqEyHhltUAJIh2qoi0dMG5QA0rCktCYeSW1QwkeBaqiHR1oblACqrhqq4amgDUoAVV5SWglPHW1QwqeuaqiCp542KAFUUzVUwFNXG5QAqpfnkcejLIOThquWapDGo0EbpBGJj6qkGmTxaNEGcejT9qqoBkk8mrRBGpL4qAp5HkE8Re+LiANUe09cNYjh0acNSlhLqwYhPDq1QQkg2TyPDB4jGZw0XJJLSiXwqNYGaUjio+RUAz8e7dogjnzanphq4MZjQRukIYmPElpSyoyn+sLPOKiUeyKqgRWPHW1Qwk1CNTDisaUNSgDx53nY8NjTBiWAuFUDFx6T2qAEEK9q4MFjVRuU8GFVDRx4LGuDEkCMS0rp8VjXBiWA2FQDOZ4GtEEJICbVQIynDW1Qwocnz0OKp9UMThouDtVAiacpbZCGJD6KXjXQ4WlOG8ShT9ujVg1UeFrUBmlE4qOIl5TS4FlHBicGge2RqgYSPA1rAwzCVDmhaiDA07Y2mOKA1dHleRbjaV8bYBCmyqlUw0I8a8zgTGE51tGohmV4VqMNjmFP36LI8yzBsyZtkE7leCTBktJyPGvTBsewp28tVg2lePS+LyI9eBJHLlQNhXhWqg1KgC7K8xThWa82KOGzRDUU4Fm3NigBVK4a8vGsXhuUACpVDbl4XBuU0Hn6tHBJaR4e1wZlcHZnFamGHDyuDcrh7M4sUA0ZeFwbLKPTnZ29pDQZj2uDxXC6BnJVQyIez+BQwNm1kacakvC4NqCCs2snJ8+Tgse1ASWdrq101TCPx7UBMZyuuWTVMIennfdF0Ad5SYuJqmEaj2uDJQimz03K80zicW0wHeGFtQmqYQKPZ3AWhn/29HnVgOJxbTAbXYID5lQDhse1AUHwU5qYXlIK43FtkBJZmmMmVQOExxd+0gQ+tZWJPM8pHtcGqWGlOw5dUnqCx7UBXdQzWkJUwwiPa4OMkJIeCquGCI9rA9KIZzYG5XkGeFwbZMaT/PBT1XDE49qAPNz5DY5VwwGPa4P8WHKcMVINezyuDThCXdZmlOfZ4XFtUBZIrrMGqqHD49qAK87F7V6pho1rg+IgMp54UA0bxmt40+UR+PWym3W2W8dTHkK+M19d9HAcD1+Iy1t+8VeA43jKg8h15rM3V3AcD1eQi9v9eT/p+MOtOIKMJ756Pxg63aZ/NGAMdm7TL/6M4Tie3AgyHv/sTfRc60n56GEMeFbTPx8+TA9HkOPJiiHbwd+fD6lcbTsetohnNPzsZNIJgBxPRhS5DgUmHcfDFezcdq8yOFePtOOGj57caBIf/wKedHz0EMe5qLlnvx9HCrTlo6corEQnBW0AgdmXOR6iSBc0M87gAJQcT0FcSU4ZaAOASyhyPCSxzm4k0gaOJzt+vCfE2sDx8EY7s/VXkx+mh7D84ZYZ2uWHn2qDIZB42/Esj3dWC5A2iJEM9xxPVnAXH/wjpA2GQOJtx7M44hkNINogRjLcczwZ0V14KKoNhkDibcezMObpp89mcGIy/Z7jSY/voiOntAHAJRQ5nkVBTz15WhusAs+zN+ffp4ZL9rg5bbAGPH2e5M9nsoFPulpqBgeg1MrD7ZCcv3yTFDHBgw49A4I/X9QGnmGe5OJHwdjPXipJG+CYWsAzzpOcv5iNmtABidqgaTzA8srfdUxBQM9wEmCN+dED50kufxUaHxOXSdcGIJm+0DgePE9y8WoicgJVw+kQD/9cjW08+PLK7r7/qjkFTfZsDsqx3jKe2eT8m1pT0GzPjgCmt+ziScmTXP4s8Bg7uQQ8HU5zQGqt4knNk5yLT0GpPUOAxMVG8WQk5/+UnYIyehaTAPdM4slLzl8KTkF5PQOJRIUG8eTnSaTyPCnTYRT92R1zeMryJBKqoaxn04Ss4SlOzrOrhuKeTQGyhWdJcp5XNSzp2QQfS3iW5kn48jz50+EEkmGVHTxjbTC8i9RtHtVA0TPkDszgWZ6c7yPAoBqIegYCMoKHLk9Cneeh6xnExwQeXBtAtzRX9p4wz0Pbs9OeW8BDlJw/3jyZaiDv2bGP+y39eKjzJP19k+R5yLTBGMpxXzse+jzJ/t4vFqsGrp4d2XRbuvGQJuej+95ul6kGzp4NOqoaD21yfnDX+80FqoG5Z1ddVYyHKU9ydevdH48oXFLKMh0O+nXcVIuHLU9yvPduq0Q1yPRs302leDiS8xGXq51c1SDXs10XdeJhSc5fERltZKkG0Z7pxEOxvHKEYHI3fUkp/3Q46qi+0bNUG4xuMGk3TTVU6Jk2PIzJ+UlQ86qhSs+U4RHIk2CUZvI8dXqmCg9vch7jciifUg21eqYID3dy/oAB/xdTDfV6pgcPe3Iex3KsAVVDxZ5pwSOXJzmygLZOl5RW7ZkOPCLJeYgGUBarhso904BHKDkPoICLjqqhes8U4JFKzsMswNKQ56nfs+p4xPMkII9x4U41aOhZZTySyfkxgun9i+Nfp5w+kLW2Kh7Z5DxrHJkar4lHODnPFEHWZuvhkdYGrGHkarwWngrJea4QcrZbCU/FPAlnNMnbroKnTnKePHYCDVbAUys5LxBN8kuI46mXnCePnUCD0njq50kEgkp3CVk8VZPzdEGTa0kST+XkvFxQ6a4kh6d6cp4uaHItieHxDE4JVCE8GpLzJeGpfY4IHr3aoHb4564vgMe1wRwEoP6rh30hPx7OtzIA99VE0YObmwcieFwb5P++PL692YjgcW2QD+fs8w6OCB7XBvl0vr3e0+EfPa4N8uE8+HAPh330uDbIh/P4kwMcZjyuDfLhnN0Lz7WeEecnN9cG+XS+vXkcOt0WHx7XBvlwHuw+TA9/uPC4NsiHc/bpkEy/zYPHMzj5cLbRpBNAseBxbZBP53486fDhcW2QD+fheNLhwuPaIB9OyOAEJMN/iB9uVd7KkB8PXWd8Nfw/nSEc6g/Wrg3ywXfaAP+hHD2uDfLhDDM4ACU6PJ7ByYdzdg9AMiwiw+PaIJ/OQRsMgcTbRHhcG+TDOWqDGMlwjwSPa4N8OI9PMzhDLmGbAI8v/MyHE2sDgAsZHtcG+XRG2oAPj2uDfDhYBgegtOzh5togHw6gDQAuBA831wb5cEBtwILHtUE+nckMDkCp+OHm2iAfTr/wE4CAFxXiefTx7f3q7Pw+rvYMXBsQ43nyxd+6Fj89W22kS258QhvQ4vn67/v2rt8r6eY6z0nJ4ACU8h9u3/3z2MzN/enrjHjGXc9og2NAx1u5eJ78K27h9uOMXq700FltEId0uJeJp590hudvNp/7FDT9azevDeKADvey8Pw3TDrDBjab619Nd2/dtScLP+Pgzexl4Hk0mHTiVj/ct7JuDuDdp2mDOJrDvWQ8T/49PG28/YlPQQCeVG0wjuZxPxXPf3b/pzP1c8+noDEgeOHnVBBP6tLwfAdOOnFj178dd2/d+xnaIA7kcC8Fz6OPh2fg27f3ja2bSrj7LG2Ah3Qez5Mv8LPHNZ/6FLTHU5TBGUez25/F8/XcpBM1et2noI5PrjaIQhjtzOD57h/R0Qk7N++v/eGWrw3wsE7ieTTK4ODNDGvWrRpKtMEwevH2BJ69NogPT9tbsWpYksEBgovjOWgD4KTZorWqhkJtgMcTw/M/NIODtzWsWaNqKNYGw8DF2zCesTaIz0nbW5tqWKAN8ICCeABtgLeA16xKNSQv/MTjBdQAeGBtAJw7W7SePM8ybYAH8gQPrg3wRvCadaiGpdoAj98Iz7Q2wJvBa1agGqD3ReAByaqJ8cxqg6y2w8GN53kItAEe1SGeFG2At4TX3GxYNZBoAzx0Rzyp2gBvC69pVTXQZnCA+B3w5GgDoJnZoiZVA5U2wKMX8ORpA7w5vKa9PA+dNsCjFvDgB9DVtKUaKLUBHmNBPJtNO6qBJYMDUBLF08y3Goi1AcAlFAnjaWJJKbk20INns7GuGhi0gSY83RRkeD3P8oWfOAugRvrhtu+CWdXAow0ALqGoDp6NTdXAnMEBKFXCs9nYUw1ECz8BCHhRNTybjTHVwKgNVOLZbAypBlZtoBTPxopqkMngAJQqPtz63lhQDezaAOASimrj6fI82v8viF8baMaz0a0aJLSBajxdnkfttxpEMzgApfoPt75TOlWDlDYAuIQiJXhUvr1CTBsYwKNONQhqAwt4dKkGvoWfOAugRs3Dre+bFtUgrA0ALqFIFx4leZ5KGRyAkjY8ClSDvDYAuCgdPV236qqGGtrAFJ6qqqGKNjCGp8vz1HmBUt0MDkBJ3dwT+lhDNVTTBgCXUKQVT7eeZ981sXeMVNQGFvEILymtqQ1s4hFUDSoyOAAlvQ+3vrMyqqG2NgC4hCLleCS+1VBfGxjGw64apBd+4iyAGvWjp+sz54uyud4XAYS6pMgCHj7VoEQb4OBs4GH6VoOyDA5AyQoeBtWgRxsAXEKRHTzEqkGTNmgCD6Vq0KUNGsFDphp0ZnAASoYebn3vKVSDOm0AcAlF1vB0H7IXvkBJoTZoCc+yPI9KbdAWngWqQcHCT5wFUGPv4dbfRNm3GrRqA4BLKDKKp+RbDXq1QYN4cvM8ahZ+4iyAGrOjZ3cvGW+vUK0NAC6hyDSeZNWgXBu0iidNNVjJ4ACUbI+e3Q3Nvr1CvzYAuIQi+3hmVIMFbdA2ngnVYEMbNI4HUw3GMjgApRYebv1tAW+vMKMNAC6hqBk8J99qMKQN1oAnVg2mtME68BxVg+aFnzgLoKadh9v+5vq/yWlNGwBcQlFreLopyJ42WBEe/FYt1jQ3eixCwPvsePDYKKhxPAog4F1wPHhsFNQ4HgUQ8C44Hjw2CmocjwIIeBccDx4bBTWORwEEvAuOB4+NghrHowAC3gXHg8dGQY3jUQAB74LjwWOjoMbxKICAd8Hx4LFRUON4FEDAu+B48NgoqHE8CiDgXXA8eGwU1DgeBRDwLjgePDYKahyPAgh4FxwPHhsFNY5HAQS8C44Hj42CGsejAALeBceDx0ZBTcDz8JaCvngXRhG48c3+769sttv7N0Z1vls7AncPf2Oqw7M9u3utdn/8+oMIfPT46k8X7fBst4/vDGp9s2oEPtjPOntCezzb7QOfgqpCOVz8Wph09nS2Bzzb7Tf+hDvEqN6/nx0mnRM83RRUr1t+5V0Ebh0nnVM83RT0kYepXgRuDCcdCE83BX1Qr3vrvvK1u4FI9M9x7gnFX/oUVOP35M5o0oFHT1d69lmN7q37mrceRmPmuHMyerqqx/4hW/S35cb9I4/RFoTH8zySdK5dZXBGaHa7MJ7t1vM8QojunHyYHlLC8GzPPM8jAOgW8GE6Cc9266qBm88ogzPkErbR0bOr/8ZVAyehqUknBY+rBkY6A20QWAD/TI6e7nhXDTyEoAxOAR7P83DgufYlgAIqmhs9u3NcNRAjGmsDCMy+LAWPqwZSPKfaYCEeVw10fCYyOAClpNGzO++Bf8gmYARrA4BLKErGs926aljMB9EGJHhcNSzEg2oDGjyuGpbwOSz8xFkANRkPt/5sX1JahmhSGwBcQlEuHlcNRXimtQElHlcN2YCihZ84C6Amf/R0jbhqyCE0rw0ALqGoCI+rhgw8CdqAHI+rhkRAORkcgFLh6Ola8iWl84QStQHAJRSV43HVMIcnWRvw4HHVMAkoXRtw4XHVgAIqyOAAlJY83PrmfEkpRChPGwBcQtFiPK4aTvHkagNWPK4aRoCytQEzHlcNA0BzCz9xFkANwcOtb9XzPHtCRdoA4BKKqPD4txp6PIsyOAAlOjyuGjZJCz8BCHgRJZ6Vq4ZybSCEp/uQvdov1i3RBmJ4VqsaKDI4ACXSh1vf/hpfoLRQGwBcQhE9nvWphsXaQBbPulQDgTaQxrMi1UCYwQEocTzc+sus4wVKNNoA4BKK2PCsYUkplTaogqd11VC48BNnAdQwjp7d1Rr+VkPpwk8AAl7EjKfZPA+pNqiHp80lpTwZHIAS9+jZXbK5bzVQawOASyiSwNOYaqDXBrXxNPT2Cg5tUB1PK6qBNYMDUJJ5uPUXbuAFSkzaAOASigTxmF9SyqYNdOCxrRoYtYEWPHZVA93CT5wFUCP5cNtf3uQLlHi1AcAlFMnjMbiklFsbqMJjTTUQL/zEWQA1FUbPrhd2XqAkoQ0ALqGoEh4zqkFEGyjEY0I1yGZwAErVRk/XF+3fahDTBgCXUFQTj3LVIKcNtOJRrBoktYFePEpVQ5UMDkCp7sOt75C+bzVIawOASyhSgEfdtxrEtYFyPKpUQ70MDkBJxejp+qXlBUr8Cz8BCHiRFjw6VEMlbWABj4I8Ty1tYANPZdUgtPATZwHU6Hm49Z2r9wKlmtoA4BKKlOGppRrqagNDeKrkeXRkcABK6kZP10fpv8lZXRsAXEKRRjyyqkGBNrCGR1A1aNAG9vAIvSi7wsJPnAVQo/Ph1neU/29yatEGAJdQpBhP9yGb9QVKerSBUTysb6/Ql8EBKKkePV1/ud5eoUobAFxCkXY8PKpBmTawjIdeNajTBrbxEKuGygs/cRZAjf6HW9/ps88Gb4petKlRGwBcQpERPFTfatCpDRrAQ6IadGdwAEpmRs+u73evLXquqdUGAJdQZArPItWgWBu0gqdcNVjI4ACUbI2e3Q0Uvb1C0cJPAAJeZA9PgWrQrg2awtN9yL6T8xFBvzZoDE9OnsdQBgegZPDhtr+LxLdXmNAGAJdQZBZPkmowog1axDOvGsxogzbxTOd5tC78xFkANXYfbvubQV+UbUkbAFxCkXU8yLcabGmDhvFAqkH1wk+cBVBjfvTs7mn0omxz2gDgEoqawBOpBoPaoHk8V6rBcgYHoNTI6OnubPcCJaPaAOASitrB06kGq9pgHXjwuzRb09LoMQsB77jjwWOjoMbxKICAd8Hx4LFRUON4FEDAu+B48NgoqHE8CiDgXfg/hF44sXO+5VsAAAAASUVORK5CYII="></image>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/images/card/cloud.svg b/images/card/cloud.svg
deleted file mode 100644
index 9a2ad23..0000000
--- a/images/card/cloud.svg
+++ /dev/null
@@ -1,16 +0,0 @@
-<svg width="124px" height="124px" viewBox="0 0 124 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <path d="M43.2857143,62.4 C43.2857143,62.655 43.2857143,62.91 43.2857143,63.165 C37.3714286,65.205 33,70.815 33,77.7 C33,86.115 39.9428571,93 48.4285714,93 L87,93 L87,92.745 C97.0285714,91.47 105,82.8 105,72.6 C105,61.38 95.7428571,52.2 84.4285714,52.2 C83.4,52.2 82.6285714,52.2 81.8571429,52.455 C78.2571429,46.08 71.5714286,42 63.8571429,42 C52.5428571,42 43.2857143,51.18 43.2857143,62.4 Z" id="path-1"></path>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Getting-started" transform="translate(-326.000000, -235.000000)">
-            <g id="Group-5" transform="translate(326.000000, 235.000000)">
-                <circle id="Oval" fill="#FFFFFF" cx="62" cy="62" r="62"></circle>
-                <mask id="mask-2" fill="white">
-                    <use xlink:href="#path-1"></use>
-                </mask>
-                <path stroke="#0083CA" stroke-width="6" d="M84.804345,90 L86.6216354,89.7689556 C95.2546687,88.6713798 102,81.1875126 102,72.6 C102,63.0425 94.0915966,55.2 84.4285714,55.2 C83.3408968,55.2 83.0427502,55.2227432 82.7987021,55.3034147 L80.4574091,56.0773421 L79.2448822,53.930159 C76.1141442,48.3861439 70.3632408,45 63.8571429,45 C54.1941176,45 46.2857143,52.8425 46.2857143,62.4 C46.2857143,62.7825 46.2857143,62.7825 46.2857143,63.165 L46.2857143,65.3036658 L44.2639397,66.0010316 C39.3552847,67.6941619 36,72.3057161 36,77.7 C36,84.4525 41.5941176,90 48.4285714,90 L84.804345,90 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/images/card/eclipse.svg b/images/card/eclipse.svg
deleted file mode 100644
index 335baa1..0000000
--- a/images/card/eclipse.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="124px" height="124px" viewBox="0 0 124 124" version="1.1">
-<defs>
-<linearGradient id="linear0" gradientUnits="userSpaceOnUse" x1="922.7667" y1="300.8633" x2="922.7667" y2="308.1312" gradientTransform="matrix(75.2969,0,0,-6.7148,-69411.1406,2125.3323)">
-<stop offset="0.3033" style="stop-color:rgb(27.843137%,21.568627%,53.333333%);stop-opacity:1;"/>
-<stop offset="0.872" style="stop-color:rgb(17.254902%,13.333333%,33.333333%);stop-opacity:1;"/>
-</linearGradient>
-<linearGradient id="linear1" gradientUnits="userSpaceOnUse" x1="922.7667" y1="302.7918" x2="922.7667" y2="310.0597" gradientTransform="matrix(75.2969,0,0,-6.7148,-69411.1406,2138.2815)">
-<stop offset="0.3033" style="stop-color:rgb(27.843137%,21.568627%,53.333333%);stop-opacity:1;"/>
-<stop offset="0.872" style="stop-color:rgb(17.254902%,13.333333%,33.333333%);stop-opacity:1;"/>
-</linearGradient>
-<linearGradient id="linear2" gradientUnits="userSpaceOnUse" x1="923.091" y1="342.4032" x2="923.091" y2="344.6256" gradientTransform="matrix(68.4961,0,0,-21.9609,-63157.8203,7624.5781)">
-<stop offset="0.3033" style="stop-color:rgb(27.843137%,21.568627%,53.333333%);stop-opacity:1;"/>
-<stop offset="0.8631" style="stop-color:rgb(17.254902%,13.333333%,33.333333%);stop-opacity:1;"/>
-</linearGradient>
-</defs>
-<g id="surface1">
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 124 62 C 124 96.242188 96.242188 124 62 124 C 27.757812 124 0 96.242188 0 62 C 0 27.757812 27.757812 0 62 0 C 96.242188 0 124 27.757812 124 62 Z M 124 62 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(17.254902%,13.333333%,33.333333%);fill-opacity:1;" d="M 50.398438 77.601562 L 39.398438 77.601562 C 40.898438 82.601562 43.601562 87.199219 47.5 91.199219 C 53.800781 97.601562 61.398438 100.699219 70.300781 100.699219 C 72.101562 100.699219 73.800781 100.601562 75.5 100.300781 C 82.199219 99.300781 88.101562 96.199219 93.101562 91.101562 C 97.101562 87.101562 99.800781 82.601562 101.300781 77.5 L 50.398438 77.5 Z M 44.300781 62.5 L 38.5 62.5 C 38.300781 63.800781 38.101562 65.101562 38.101562 66.398438 L 102.5 66.398438 C 102.398438 65.101562 102.300781 63.800781 102.101562 62.5 M 38.101562 70 C 38.199219 71.300781 38.300781 72.601562 38.5 73.898438 L 102 73.898438 C 102.199219 72.601562 102.398438 71.300781 102.398438 70 M 101.300781 58.898438 C 99.800781 53.800781 97.101562 49.300781 93.101562 45.300781 C 88.101562 40.300781 82.199219 37.199219 75.601562 36.199219 C 73.898438 35.898438 72.101562 35.800781 70.398438 35.800781 C 61.5 35.800781 53.898438 39 47.601562 45.300781 C 43.601562 49.300781 40.898438 53.898438 39.5 58.898438 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(96.862745%,58.039216%,11.764706%);fill-opacity:1;" d="M 36.199219 68.199219 C 36.199219 51.101562 49 36.898438 65.601562 34.398438 C 65.199219 34.398438 64.800781 34.398438 64.398438 34.398438 C 45.800781 34.398438 30.601562 49.601562 30.601562 68.300781 C 30.601562 87 45.699219 102.199219 64.398438 102.199219 C 64.800781 102.199219 65.199219 102.199219 65.601562 102.199219 C 49 99.601562 36.199219 85.398438 36.199219 68.199219 Z M 36.199219 68.199219 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear0);" d="M 92.199219 66.398438 C 92.101562 65.101562 91.898438 63.800781 91.5 62.5 L 49 62.5 C 48.699219 63.800781 48.398438 65.101562 48.300781 66.398438 Z M 92.199219 66.398438 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear1);" d="M 92.199219 70 L 48.398438 70 C 48.5 71.300781 48.699219 72.601562 49.101562 73.898438 L 91.601562 73.898438 C 91.898438 72.699219 92.101562 71.398438 92.199219 70 Z M 92.199219 70 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:url(#linear2);" d="M 70.300781 90.398438 C 79.101562 90.398438 86.699219 85.199219 90.199219 77.601562 L 50.300781 77.601562 C 53.898438 85.101562 61.5 90.398438 70.300781 90.398438 Z M 70.300781 90.398438 "/>
-<path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 45.199219 70 L 102.5 70 C 102.5 69.398438 102.5 68.800781 102.5 68.300781 C 102.5 67.699219 102.5 67 102.398438 66.398438 L 38.101562 66.398438 C 38.101562 67 38 67.699219 38 68.300781 C 38 68.898438 38 69.5 38 70 Z M 50.199219 58.898438 L 39.300781 58.898438 C 38.898438 60.101562 38.699219 61.300781 38.5 62.5 L 101.800781 62.5 C 101.601562 61.300781 101.300781 60.101562 100.898438 58.898438 M 97.699219 74 L 38.5 74 C 38.699219 75.199219 39 76.398438 39.300781 77.601562 L 101.199219 77.601562 C 101.601562 76.398438 101.800781 75.199219 102.101562 74 Z M 97.699219 74 "/>
-</g>
-</svg>
diff --git a/images/card/vscode.svg b/images/card/vscode.svg
deleted file mode 100644
index f682ea5..0000000
--- a/images/card/vscode.svg
+++ /dev/null
@@ -1,19 +0,0 @@
- <svg width="124px" height="124px" viewBox="0 0 124 124" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <polygon id="path-1" points="0 0 80 0 80 71 0 71"></polygon>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Getting-started" transform="translate(-620.000000, -235.000000)">
-            <g id="Group-4" transform="translate(620.000000, 235.000000)">
-                <circle id="Oval-Copy" fill="#FFFFFF" cx="62" cy="62" r="62"></circle>
-                <g id="vscode" transform="translate(28.000000, 41.000000)">
-                    <mask id="mask-2" fill="white">
-                        <use xlink:href="#path-1"></use>
-                    </mask>
-                    <g id="Mask"></g>
-                    <image mask="url(#mask-2)" x="-75" y="-12" width="232" height="117" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAADwCAYAAADYdbe6AAAABGdBTUEAALGN5fIAKQAAQABJREFUeAHtnQeAHGX9/r/v7JUkkNCLgiCBUETB5O4ChEgNTWkKoVgAG/xEEVEhubvwd5VcoShVkYBIFaRIl6YEkJbc3oViIhKaSBGUlkCS27ud9/+8s7uzs3e7e7N7W2b3njeZ23feeevnfWe+b39FqEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEiABEigpARm3xQqqf/0nARqmICq4bQxaSRAAqUm0N63h2h7AYL5vTSELpPw1A9KHST9J4FaIWDVSkKYDhIggYoR2A4hd0s09pq09Vwmbb07VSwmDJgEqogAW8BVlFmMKgkEjkC8BfzIsHgp6RWtL5L/qRtkQfPAsOc0IAESELaAWQhIgASKT0BLk4i6WjYStIoj3TInskXxA6GPJFDdBCiAqzv/GHsSCDYBLZsignMkJK9Ie+QumdczS0Sz5y3YucbYlYkAX4QygWYwJFCTBLJ1QedO7HI8/p00RC+X8Iz3clvlUxKoXQJsAddu3jJlJBBUAlMQMUzaanhD2nuvkbbFnw9qRBkvEiglAbaAS0mXfpNArRMorAU8nIqZtCVqgazqv1bOn7F6uAWakEDtEWALuPbylCkigeojYCZtaX2ZjGt41Zm0NXfJp6svEYwxCeRHgC3g/HjRNgmQgJdAsVrAXj/jehtztR4SSy+QF17+k9x8VGy4FZqQQHUToACu7vxj7EmgsgRKJ4C96XoJN5dLAyZuhZv/531APQlUMwF2QVdz7jHuJDA2CGyNZGLSlryO7umbpLVn97GRbKay1gmwBVzrOcz0kUApCZSnBTw8BclJW/X6OrSKVw23QBMSCD4BtoCDn0eMIQmQwFACyUlbUXkRS5m+PPQx70mgGghQAFdDLjGOJEAC2Qh8QpxtL7M9pjkJBJcABXBw84YxIwESIAESqGECFMA1nLlMGgmQAAmQQHAJUAAHN28YMxIgARIggRomQAFcw5nLpJEACZAACQSXQF1wo8aYkQAJZCQwt2eqhNTvxVY3SWPdFRLe+Z2M9mhIAiQQaAJsAQc6exg5EhhCoLVvN7HUQsz83VmU7pDowFs8Z3cII96SQJUQYAu4SjKK0SQBHGa/l9j23SCxloeGBWF8MPZNPljaep8XifxWovVXyHk7f+yxQy0JkEAACbAFHMBMYZRIYBiBeb37oMt5qPAdam17GFwgDQNvSGvkQpm3aKuhFnhPAiQQHAIUwMHJC8aEBDITaOvbV2x9Fx56W76Z7cZN1xElPxQ79KK09j6InaIOETSRczngMxIggfITYBd0+ZkzRBLwT6CtZz8R+3Y4mODfkWvTwjjxLHRRz0L39HJ0T/9OGkKXSXjqB64NakiABCpGgC3giqFnwCQwAgGn5apMy7cQ4TvU8ykwwIlCsdekrecyae37zFALvCcBEigvAQrg8vJmaCTgj4Dpdtb6Rlhu9OfAt62JIupEUfazEMS3YmLXdr5d0iIJkEBRCVAAFxUnPSOBIhBojRyObuc/w6ditHyzRSgEQfwV0dae2SzQnARIoLQEKIBLy5e+k0B+BMzRekr+CEcN+TmkbRIggWojQAFcbTnG+NYugfaeI9DtTOFbuznMlJFAGgEK4DQcvCGBChFo6/06VgoZ4VtfoRgwWBIggTIToAAuM3AGRwLDCLT2fAPrdK+COcZlqUiABMYKAQrgsZLTTGcwCbRGjheFgxUofIOZP4wVCZSQAAVwCeHSaxLISaCt9wRMuLoSdtjyzQmKD0mgNglQANdmvjJVQSfQHjkZ3c5G+PIdDHpeMX4kUCIC3IqyRGDpbQAJzImsI5Y+VJR1JLZofFtWRU+V82esLntMTbezlosQLvdnLjt8BkgCwSFAARycvGBMSkHg9MWbSr11NLyejWtXyDx092rnv4xv2FPm9B0lZ097phRBZ/SzLXIKzC/EReGbERANSWDsEGD319jJ67GV0vAT62OrxTshfP+FhF+Aa3dcQ8dat5WQ/RgOKvh6WeC0956YiAuFb1mAMxASCDYBCuBg5w9jVyiB8Iz30NV8PZyPVMbXRnP4WgjhW8R0UZdKtUVascnGZT7iU6oY0F8SIIGAERjp4xSw6DI6JJAHgY4mbGyhvgYXgyO70kegfbwYXdI7j2w3TxttPe1w0ZmnK1onARKocQIUwDWewWM+eZ1NN2HI9zvgEPPBIt4l3d5rhHZxVHvvj1AJOKs4nrm+oFtdR9w7akiABKqSAAVwVWYbI50Xga7mq9H9ewzcDPhwtzbsXofx42slvBTd06NQbb0/g1/nw4cijvmqG2Vwzefg5/OjiBmdkgAJBIAABXAAMoFRKAOBrpZbsPToWITkRwjDmvq6RFdHCu6Sbot0o5UaLmLKsFxKHy+dTcfKOTNXFtFfekUCJFAhAhTAFQLPYCtAoKPlVoT6ZVz9PkPfDrOkn5K2yKk+7cettfeeDc2cvNzktvyi2Hp36Wy5Jrc1PiUBEqgmAhTA1ZRbjOvoCXQ23wNPjsDlVwiPg90LfHdJt0bORbfzGaOPaMIHczxhw2CTdLcsKZqf9IgESCAQBCiAA5ENjERZCThCWJuW8Br/4Sa6pNt6d8rqpjXyS4z2/jTr8/we9OOQhpOkq+UYCe+6Ij+ntE0CJFANBCiAqyGXGMfiE+hsuRdjql+Bx3kIYdkObhYN75LWCmaXQvj+uEgRfQn+zJCOpgVF8o/ekAAJBJAABXAAM4VRKhMBI4RtlWdLWIZ0SRvh23cpYvx/RYr1zehyniadzX1F8o/ekAAJBJQABXBAM4bRKhOB7qb7MDvaLFGK5hei0yX9OHbQQitVn5Sf24y2zWYhbZjlfDS7nDPyoSEJ1BwBCuCay1ImKG8CHS13iC2HwB2W+uSlzHiw2eRjtOplbJu5G1q9XVj+hJMiqEiABMYCAQrgsZDLTOPIBLqbHxBtHwSLH49suag2bsEeXdOkYxp3tioqVnpGAsEnQAEc/DxiDMtFoGv6I2iJfhHBfVSGIE2X94/Q5YzjEJs/LEN4DIIESCBgBCiAA5YhjE6FCXRMe1S0KrUQfgWCHhtrNF/ILucK5zeDJ4EKEqAAriB8Bh1QAl1Nf8OSItMdXYItH9Wt6HKeyi7ngOY9o0UCZSRAAVxG2Ayqigh0ND8GIWxawsUSwmYPanQ5T5vNLucqKgeMKgmUkAAFcAnh0usqJ2CEsFhmnbCP84RzpvW/YqkD2eWckxEfksCYI0ABPOaynAn2TSCsLVH20bBf59tNZovri23vIcY/KhIgARJIEOAHgUWBBDIRMMJyAJtsaPlupsd5moUw2epn0t/7oJy+eNM83dI6CZBAjRKgAK7RjGWyRkHACN9o3+UQvt8ehS/DnSrZR+qtiLT2fmH4Q5qQAAmMNQIUwGMtx5ne3ATCC+vQUr0O20t+K7fFgp9uhs2uFuJ4wzC7pAtmSIckUBMEKIBrIhuZiKIQMMI3OulazH4+tij+Zfck3iUdjTwgbU9tkt0an5AACdQyAQrgWs5dps0/AUf4TrweLV9zMEOZlNoX87si0h6ZWaYAGQwJkECACFAABygzGJUKEZh9U0gGJl6B0I8qIAaxAtx4nWyOsea/4DzhU7yG1JMACdQ+AQrg2s9jpjAXgRMj9TJl8o0QgsfnspbhGU5O0nBjN+PZ/zI8z8eoEZYvQkv4LmldtEE+DmmXBEigeglQAFdv3jHmoyVwyvJG2Uj+BG+OzNOrF8XW2Mu55RrpnP60xKxZcD9aIQx5LgeLCi2R1p7d84wPrZMACVQhAQrgKsw0RrkIBIzwnfjhrY7Qy8s7daMMrpkm3S1LXGdnT3sG63wxniv/dc0K13xKlHqYs6QLB0iXJFAtBCiAqyWnGM/iEQgvHCcTV9wGD7+Uh6fxLufOpmPlnJnD94fubHoW203uCf/eysPPbFax8xY27ohGbpfwE+tns0RzEiCB6iZAAVzd+cfY50vACN+BtSF8tTntyK96ERZnOl3OuVzMb/oHWtT7wEoxhDC8UYdItOFpaV88I1ewfEYCJFCdBCiAqzPfGOtCCJz2xHiJTrwd5/0e6N85upwbBptwkEKfLzddzc+LpfeG3Td92R/Z0qdEW49glvQcVBrUyNZpgwRIoFoIUABXS04xnqMjYITv+IY74MkBPj1KdTmHd13h003c2vyWf4qOFVMIm8MguqWt73aZ++x6ecWFlkmABAJLgAI4sFnDiBWNQHjp2jK+/j74t59PP/11OefyrGuXFxJC+I1c1vJ7pg8VK4ou6d5d83NH2yRAAkEkQAEcxFxhnIpHwOl2Xn0LxlP38OWpkrshOHf13eWcy1NHCFv7Y2vL/+SyluezLUTrh5AejgvnCY7WSSBoBCiAg5YjjE/xCJzx2ER0Oz8AD/10O/dj+c9J0tF8iHTt8m7RItE1bZnEQrvBv1eK5qfIePg1uYj+0SsSIIEKEKAArgB0BlkGAuGnJknduHsRkp99lk2X8wzpaFpQkph1T31VlGXGhIsphEsSVXpKAiRQPgIUwOVjzZDKSmB1FF2152DmMI4WlA9zBH1P0bqccwQiHdP+JVbItMSLOCacK0A+IwESCDoBM7uSigRqj0B47zVI1J3OZQ5b2HbybmLLbLFw4IKWTWFuupx/WLJWbyai86culzmRGRISjOHK1pms0IwESGDsEKAAHjt5PXZTevNR5sSix5zrlOVnYAvKWRC+70L4PlV2KGc3vyZze/bHrlkLEfYWZQ+fAZIACQSGAAVwYLKCESkLgYun9COce8oSVrZAulteljOe2l3q6owQ3iabNZqTAAnUNgGOAdd2/jJ1QSVwzq6vy4D9BURvWVCjyHiRAAmUlgAFcGn50ncSyE7g3OlYHzy4DyxQCGenxCckULMEKIBrNmuZsKog0Lnr244Q1rK0KuLLSJIACRSNAAVw0VDSIxIokIARwo31piX89wJ9oDMSIIEqJEABXIWZxijXIIHwzu9IQ/2+WCL1XA2mjkkiARLIQIACOAMUGpFARQgYISzWvgj72YqEz0BJgATKSoACuKy4GRgJjECga9p/xW7YCzt4RUawycckQAJVToACuMozkNGvQQLdO70vEjsY3dGlnJi1DP6fLPXj/lCDBJkkEqgKAtyIoyqyiZEccwTMxKzwkpkStXGak24pUvoHsAPYjRKTC6W7qbdIftIbEiCBAgmwBVwgODojgZITCE/9QBpwnrDI4lGG9Trcz8XGH1tg+83jKHxHSZPOSaBIBNgCLhJIekMCJSFghPCcyP44wOF++L9LXmFo9Rex9AKpH3+HhHeM5uWWlkmABEpOgAK45IgZAAmMksDZzR9CCB8AIXwffNp1BN9Wo8v6WhF1mXQ19Y1gl49JgAQqSIBd0BWEz6BJwDcBI4QbBnGesH4yi5t/wXwu1hJ/WjpbTpLOZgrfLKBoTAJBIcAWcFBygvEggZEIhHddIT99Zj+pH7hblOwF61q0+ivOOL5I6qfdI2Flj+QFn5MACQSHAAVwcPKCMSGBkQmct/PH6I4+HN3RZ4rSN6GlO9oJWiOHSRskQAIlIUABXBKs9JQESkjAdEeL/LSEIdBrEiCBMhDgGHAZIDMIEiABEiABEhhKgAJ4KBHekwAJkAAJkEAZCFAAlwEygyABEiABEiCBoQQogIcS4X11EAgvbRBzUZEACZBAlRLgJKwqzbgxH22zs9PcJZ+Wtp49sBSnCcty1gWTZfh9WWLqZenvXybnz8CmFFQkQAIkEEwCFMDBzBfGyg+B7qmvwpq5rpF5i7YSO3QoVsaeiu0Xd5fxDYPSFnkNwvllUfbL2BkKv2qZxOylMq75Va6ZBTUqEiCBihKgAK4ofgZeNALzd3kFfl3oXHN7JoulZkN/HNbKzoLwjQejNc67hz7aG4Vwfh3G5ki+pRDMcSE9iNZzdwuENRUJkAAJlJ5A4stU+oAYAglUhMCZi3dElzSEsToK4e/gIw7vO93YGsJYzKWXiW0tFXv1C3LOzJU+3I8tK+19GAKwH6lsolWHdDbNq2wcGDoJ5E+ALeD8mdFFNRE4a7o51N5cYUkJ46Nxv32WZKyHVnETnpkLCnVUy7Scxwlaze/DYBmEMvwzrebEePO4FUslvPcaxzr/kAAJkIBPAmwB+wRFazVGICWMj0XKth1l6gbh3jvevAxCe6mYLu1aH29mC3iURYfOxzIBtoDHcu6P5bRnbhl/FUimFIDFvEeTMd482R1vtk3LGabR3n60nN8YNt7cr/8u507/TwFh0QkJkECNEGALuEYykskoEoFUy/hr8HGbIvmazRvPeDPGmpVa6iyhGqx7XsyhC9Wg2AKuhlxiHANKgC3ggGYMo1UhAplbxl9HbLYuQYw8482oC2Oo2RlvbhjIPN5s2cvk+Vefl5uPipUgLvSSBEigzATYAi4zcAZXpQRSLeNvIAXoaq6YgnSWfzvrm80MbQutZrPO2VlC1YylWMqI8fIptoDLx5oh1RwBCuCay1ImqKQEwtqSgd4ZYstsjOseibA+WdLw8vO8H9ZfwmVmfZuNR+LLqAblOYkfYZifb35sUwD7oUQ7JJCRALugM2KhIQlkIRBWNp485lxhfZpHGM+G2SeyuCqXcSMC+kziQpd2ojEcgolZQmWWTTnrmz3jzeP0PyTcvKpcEWQ4JEACKQIUwCkW1JFAfgSyCWNLjoKg2zQ/z0puO/N4cxThtkXeQpd2vCvbu2XnS6/8i+PNJc8XBjCGCVAAj+HMZ9KLSCCbMFZiNv3YpIghlcKrT2DoGK33xIhUcsvOKZPjW3aa/bSDMN5cipTTTxKoIAGOAVcQPoMeAwTCC8fJwNoHoIVptsI8BNfEGkn1WxDYL4iyVyNtB1Y2TdyKsrL8GXqhBNgCLpQc3ZGAHwLxLSrvgNU7ZPZNIdl28m6JCVxmB66N/HgRUDtoMaPVrFmHD2j+MFpVQIACuAoyiVGsEQLx9buPITWPQRj/2COMzQ5cG9ZIKpkMEiABnwQogH2CojUSKCoBrzA+ZfkZMmnF/vB/NmYuH4rfdYoaFj0jARIIJAEK4EBmCyM1pghcPKUf6b3LuU5Z3ugRxofBbNKYYsHEksAYIsABnDGU2UxqlRE447GJUj/+UCxpwgQufQBib9b5UqUImDXZD2IG9/+TjpbFKWPqSKA6CFAAV0c+MZZjnYAzm3rSfsBguqm/jN+1xzCS15H2S2TQulbOmfbmGObApFc5AQrgKs9ARn8MEjjtifEyoXEWUj6WhLHGjOu/4rCKBegVuEPCO5otRKhIoKoJUABXdfYx8mOeQLow/gp4rFVjTD5CF/yVSNOl0tX8fI2ljckZ4wQogMd4AWDya4hAODJBBtS+SJFpGR+B3wlVmzqNAyQsdYkMrL5Bzpm5smrTwYiTQA4CFMA54PARCVQtgTmRdSSkD8OJSBDGYpY4NVRBWgYQ3xslJhdKd1NvFcSXUSSBURGgAB4VPjomgSogEF6yrkQHDw2wMH4NFH8jA/bVcu70/1QBUUaRBIpCgAK4KBjpCQlUCYG5z64nVv8hCWFsljbVVyjmiUlVcpG88NKfeepShXKBwVaUAAVwRfEzcBKoIIHKCOP3kOLLRceulK5dXqhg6hk0CVScAAVwxbOAESCBABAIP7G+ROsPTrSMzelGxd0lT8kzmBj2K2n46CaJH1ARgEQzCiRQWQIUwJXlz9BJIHgEWhdtIMr6UhGE8Wrs4HWt2NYCTqoKXjYzRpUnQAFc+TxgDEgguATCkQ0lqr+YpzB+FQn6rTTU/17CO78T3MQxZiRQWQIUwJXlz9BJoHoItD+9mejBIxHh2bh2w2V5Iq9FyT3Yl/lCqWt+SMLK7NNMRQIkkIMABXAOOHxEAiSQhcDc3m0gcI+CwDUnNvVJCMuIzmp+LottGpMACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACZAACWQloLI+4QMSKDaB9sgVomWq463S50lHyw3FDoL+lZhAW8+3RFR7IpTnpLP58BKHSO9rkUB7z3TRKv7+a1ktXc2frcVkjpSmupEsjLnnYW3JQN+xou3dUEB6UDCuHnMMSpVgLdvB62lx761NShVMTn/nRLaQkNpBlJ7k2rNVTKzYf2Sg7lU5Z9qbrjk1mQisA8PJ8Qf6vUwW0sza+5pFxw4QpVbKinUuk4un9Kc9H2s3zvdlyackpjd0k27FYtLQ+KaEd37HNat5TWiciB0vR0o+rvnkZklgMATwmYt3lJj1MzeOSl+P1tEd7n2xNG1PbSK6/rqUd/q6YQI22vtrPP8/1PKd/9Leu0I6mm5LuaGu6gi0L56BzPwOKlRfRtzXFTTDzX9XKXNvidTZIm2RN0Xrv0Fg3CkN42+R8I5R1x41+RFoXbwnKrIPgn29w3vihzvAg+/l50m129ZKWiMzUJ5Q9vSeEu39HFLUKChuKYWb6IApexBEahnM+8DtL9Ko/izh5lUpe9TVGoFgCOC3rRdkQ9kLcDdyAGtrM/wWXwBL/XFo+cxywjB/QvaPXH1K87WUFjptH4i/FMBpUKrkJhzZUPrlAnz80/M0d/Q/iY/l0bBytKxe/Rh+X8ttnU+zErCsb4J9vef5AR59bWtPjNTjm3a8SO8cCNVt4okdccRvLXxwWmC3BWXwJImKEb4wo6pVAmn1sIolckHzAFonf0yFr3eTuT2TU/dF0mmNFyKp0L181vSlyTvP7wcePd4dK/0+7SFvAktgbu82+ID1oCMjk/BFnuoIytxfnEvkcaRj5O7UwCY2oBHTemiX6rMBjWlxo2Va/huKSevluBLCNy2ID1Aul8DE2HkZ16u4BnENVROGGvC+tgjUBSY5ln0tPoY/SMRHoYvmWOg7iha/togZe9zR9U/pq1y9V6P1D1D7/B2MzFjX5bKqP+x9TH0VEDBDDaIfRUw/4Ynt+6hNXSh68Abp2uUFj3lK2963JcalDku0mKenHmTRnfHU5lJXdwSeHimDg8fKObu+nsXm2DS2G7vE6sd7p/YGgDtkwD65pkHMvikkU7b+OcpeG9Lpbe6aluxN+L7dhbkGPdIx/d/DOJz2xHiZUP85sdUeePYluP4CfkPD7NGgpggERwB3tCzGGMjzoLt9nLD6On6LJ4BFjvPk3BqJNcRn4HkMHW1Xy50S1viAP9wg4b3XDH3M+2ogUHcZYpkSvloeksbobAnPyN3K7Zj2L7i7yLnm9cyShroVWVPbvvhTGDc29uMfWlUXjN6krBGuwIPunVDpkVkSXjiu5t+lU5Y3ysQP8U3RZp5BUq1CZe5slL1LRix7589YDUeLE9d50v70Zpi89p2kR/ytTQLBEcAOX0yKEjU/gXp7dENPle4W01UzOmXGY0S+6vHkTol/HDxGHm1YYTaOUPh6kFSNNt7TcZgnvk9L48ov5S0A5rf8xeNHBq0RuLa3lZPBDo0cArVekTUzm6O9NyKth7s5rqRXYuoY6W560TXLR9Px+Tdg/ef5OKHd6iMQrFq7CkEAixF+cWWpTON3yaf+fzfQB8FyfIKX4ypL97N/H2kzqAS0+mZa1Cx9Wt7CN80D3pDACASivWHY8Arfu6V+5cyChe8IwfFx7RAIlgB2ugDV3zx4jxUzrjJapSxv9/O/paH5/tF6SfcBJaDsJk/M3pO65kc999SSQHEJtPbtBg/NmG9S9cmq6FGs9CVx8DcXgWAJYBNTjclYKfVJ2W7rPVO3BejMUhTRh7gulVwv8S5m14iaWiKgNnNTo+UN5rVLg5piEzBdz5Z9KbxNNhJWi4W5K/Hx3GKHRv9qkEDAxoBBuDF2s0TrLoZuvMPbdpaRPFQw+wE5Cm4bEu612LHfF+xXvg7DS9aVNSHs8zJ+1ZjfAShfdoXb165TlbYG1TWmJguBMx6bKKEJn8IgEDbOWPWynDNzZRabNDYEohF8W9TOLgwlc2V+0z/ce2pIYAQCwRPA4V1XSGvPnYnNEBB9faSc9sQPCq5Vau/sZ/1U1iUoSVDzenfAzEWzBCCuOpoWJLW5f7Hjzby+vbGL0nFwb5awbCvRWAjLDkQmRjVmeJtJFU/hhb1DVk66OatAnrdoK9F1+zlhaXuNdLZckzvcLE/berDpiDXOeRqzHpDuqa9msZnZ2CzJ0bF98RBpsjZ1LCmN9bMK6xXNGlrrXumatiyz44qavoXQsZzIUVvJT59ZS87b+ePEfeE/bZG9USanuB5oewNXbzQWJvm192aaZf0WdlK7K81uW+QT8CveK6PtQeTxlWnP/d609R6FOdjrOtaVtVDmT13u16ljr7VvI7TgjkB5NeOXM3BNdKZgOO05FJ22yNPw/1qI498WvCNTe++JbpyisTvl3On/ce/9auY+u55YA+adOADX1ih/hv0ExPtjxO9/0D8rlr5b6iY8Wt6dy9RpCDupXsO472+SNxX9be37jCgb816w85YoM/fF8DK9nWCFtdnKeggbEt0l85tfKlo8nVnbg0ciP/bHN3BjhIvLlCdBfmN3LyU3ywsv3SI3H4UPYpGUs3Sr8VCEdwzKgnk3N0I49fhdiQs72mHZV8i+Vea3/LNIIRbdm+AJYJNEpa7F36MTqZ2E9XFfhP7WxL3/n9bI9rC8i+tAWVe5+myamL0Hwv+t5/HIAnhez3ZiRxYk1vB5nLpaM1t2c1xH4gU4UiZ9+A3ozcdkuIrVTcXLcVn8gfovfgsTwKJ+iYIZ3282ZH8F/rwa9zPH3/DSBomuNuPlJ2AoAB9kFZ/la7ZqdJWjPwYv+Hn4QD+ILURPl7OnPeM+rrgG20iK2jURjUZpGDgW+itGHy39LbzkX8/qj5Iu8M7w2FmPnC6AlTUFfJN5bCoHhQlg0WHEaQcnUG2bMuVPAJuu0/7Id5GH3XAfF+AZYg6jz+P557GhyanI6xNw8MLCzNZymOpkWYadupBpHfoXwGYzFUu3o6lpuA//VsVLpwl8b7x7p6LsvittPedLQ+xiMRX5Uqr4t2V6Kgi9AOO+g6n7MutMng5EsARKnYmylWiVpwAlYoPKC8w0huS0nA9Wj6L3/BfSOe2vBcfWWQtffy7W1x8FPyz4C5UW7noI0DRqjpApk5+VOX3Hjfp74aQVFTuNZapar+/EPS1IQZiyBb6ju6Jc/AJl9xIZXHNmEHt0TK0oeKph5f2I1NtuxHSBs6EtbT5KSbVK6gduTN4U7dfsemOrRSh0e3j8XA39484uS2a3JZF/ep6ZF2Bc2n0Qbub17oMPmPlAXo5rd1zpRVrEfND6cXnVfqhhPiGtvUbAB0PFQtcjIl5J2FWSXdWCkdr8Y2HW5EYjtycqmUOFr1l69youcyBFFFdSbQHNffhgo1VVJtUe+SGErymPJ+DyCt/Xcf8sSmevc4m8hfukQksPyxj765ZLe2Rm0rBEv6bXIKlsaWgw701lVPiJ9SXa9xC+N7eg5Ke6xONLKV90WWl5DhGMpSJpvlnYc7otcrPTU5R64E/XHpmNjWiex+t2DBx4ZcnbCPMZxMWEZ3ookmonfC8eE/OtKVTF0/o3+H0pvIgL37hf/3XCNOVCnN3FkiGEoDlV6sY9LM58oKRxMH69BTsYMTKxMDXJtogRlqcmIoV1nChkI22kkLDs/JjZ01od7zG6vei14jP6sG+w/SeEsU4inFfx2y4NK/80bBaksVtnH4vn30vYDdZPzD4EH+XJqUjpJ1HIbxc7dL/EQi+63bjzlkwR2wZX/RPYNRWJCahpXi3zFi2R+bu8knJfIZ1pjbdFbkDoX03EYENMjPmLnBk5TM5qNh+EwpSSi+HwTo/jjcDn1+69lpPxCfJ+bOKPlJhejGAoI3z7J96DD5X3A/gRIvdrTCO6Po3PnMg6EtLYFUydAftmBznMo1A3Is1X4L60qjWC3hv5sScQMFTnQiD/KWO3qRk2su1vws4P4GY84rcx3P8VFYbj0b1f/Ep3PGIHeOL394qdZGQ2hIliiEn09p74LES+XYLTve5339vkQ2fYIXY0WLWD0aYJ4yOlcWBrCKj9MdQwvAwn3Xp/23pMt++1MErKEAy/qG7kw63Yu+HllFUMzc3taRbL+hHMzDu5ttj6Vid/8y1Hpy/eFGl9EGn9bMJ/U9G+AWFegDAjCN/cx9Wcvp0x/NeKb5ppmZuQpqFKeT82hdmloj0Vieglf5LwkvfB+bXRDW3ppABG12iDaWVd4TuCZva0rTdL2ddXpfRF0tXbYRSkZC3sXWT4PlmFUPyYu1/KiZGLEgdPFCkSRffmfozv/hzju09m9Dk+zjhP2vseQFfXfbAzHhdeKus8/B6R0U25DRtC38f4+1QEu0Mi6K1Q738Sp9KcLl1Nv017Uf3GzezUFt+pKO4ivm1lSgDbcg9O1nrNr3cVsRdd+xf4FKWEr9khLDZ4fMYtNM9u/hBxvAbLAK+Xbbaeg2/bWbifBPffL2nc2yMnOx/nZCAaH9jG0MkSnvpB0mjYb3zi0xkok79GmbwXz02+mwrD72Tekt68x8aHBTDEwFTulTS7ploedvXl1Jjdt/QHpgGQFL6roP8uhgr+kDUaXdNMhRA7cy29Cj1ev4PeCCjINJzTHXV6v77s3Of6YzZIEnU1rMTlh7PTXP2xmSshEIrd2JNdMJm2tfcGlCMjtNfF79m5ghj2zBk2gXuRpPB9H5MFsdFJMyofGVR8WOwYvPOPIK/MexoXwgMTfwj9rzK4qIiRVZFQ/QTa3WS6Ev7uWs3vRBv0rHgPXsCJNg3NhY9zuJHwaJzC7+xXHTdUqi2r8PU4E3PwRGcLanEBU5YVdT6unc0HZhW+3ih3THsUL213ykgd6myflzKonM58rBvq90IE+jyRWAvp+w1ax4tlXo95NraUs15VpVqVZmhkTfTgjMLXS8ZMmulq6sSwyYkJ40bv46Lq5/Y2oUylPo4a24J2NX0tp/D1RsDsI6CtPWH0YsJ4gtiD/ivtXr9y6beb/Gk8Xtu1YmFyZyXUxA/Ph1xJVgQ+Qtpn5RS+3jiGd/xIGppw7jl6PlLqcGnrPSF1m0FnvnuWugZPUMFx1GM4XPGQzMI3YSP509V0NyaA7YdbM5S1UdLY129/5Kd4f/dK2O1HvA/KKny9HnY1m67qy1wjLT9D5SOVd+6DymiCK4DjPFI1OSV7iOlu8aPigFOtMYWafNjZXtKPa3921vlwc1hMZaSSv/lzGFBb5tCJjubf5BW7Rgg0kYGEG9SGBw/Ly30pLZvDzVdHZ+KlvTw9GHywbLUQY4R3iZktOlaUhd6a5HpVLe9Ioz42r5UFXS2mtZR6H0vBzdLnwtuEgFePSGPTaRAwqW5FP2GaFp6yvg2rCXcY53TOg/bj2KcdW09Os2nrN9Puy3FzZuRzCOb/UkHp7/uqOKccYKgP38TGwZNh5Im/Dufc/GjSh4ZtshX6EYaovpHXDPmOaVhBIWFvNEbUm+EQhS7zpNIyD71Ni5K3I/42hFphJ9mDMkmia44c0U2ZLARbAKu6a8AhlmCBGXYhM9g/soquMt3VayUsalGxK0d2lKcNW49Pc2HbobT7arspZPMAZ7wIxzomlcY5pkFSJk0dzSdC4KKVoJ5Ii5qWgzF+/xyWDl0DQZxfbTzNoyq4mRfZGh+9WW5MlT7d91if6wgaKzYPf5Pvo/fJ6PWm9WtmM6fUDwuuNJveGVFmeCSutPXdpLYovwqDSF5VZ73nvS2L3lanIxzTrWrU4wUvVzSzxRXG11NqS9l2a7PqJIPCeK72DkHo7ryXNxpfB+rNfIp3MwSQ2chCt7oZ/oir1+SjdYx7/yo+fHGt60Dp2a6+wppgC+D4huR4mRJK6a8ltSP8Hud5/pivrmGPA19au/EN2PPWzk3XyhhUepkn0Zt59MHRmuGMzmkzkV3H45P1H0/EUKnDTHllP4+u6VNz1vw9jqpOazurAZLv+tvSMOHGgtIQn2T3XEFuR3JkYZlXSi2UzqZnU7cF6MxksZTaP6Utgk4nNglKetVv+RcmSTej+TVr27XGRKqEUio/gZR0l/ytN4fgeGe925nHgVuX7Ap7yV6jaMEzv826fCV3J4Mf8VfJ8R47V2fdQ8FjaZjW0ne6ZvF9GtzbSmqSL2Ul45A7bO2sCY7bMVPs23qS3R+Z3c2JbIGKoacmXYLJVyZk5zQlbcapE0rNw9jidsm7MfMb3wghnlztLIIPaNLRlWk2NamP7ghB/GtEctAT0fWhvwDrFB/0PczhcRx4rVZf8MTx1lFtVqH0Eo9fxdTu43qm5BZXX6imcZz5wK9KOP8kJmhtWahXw9yhTy3NzFINafelvhkX3Q1BJMOM4szylHApJGzTk6XkYdepVqisZlIxbzla6GvcN5M3xszGKgs/KvzMxrCGdzapsNSqEFVXF/E421DmLvm0575i2uAL4NhqAzz5IkGrvpqTltmLNbUmDRMNJtyU0/6oHqqwx/n66OrswUw/dJegq6ZWldles72vGRUhM8NwHpK6r5tUhc0Agq7MUrbOlh+gHJkJPw8Pia7Z9esZMWu7a0WFF9bh4zrdTY4e5YQhrYrf3WqW6KVm8qKT2+fH2U1UBk14xyjew2fcJ3asxdWPVmNZa9K8sGKmAlc+pZW3fD6d11h+1lhid7uUmiJxwZcyMTqljOBPKOVPgCatD/tVbw8zymTQH90Dxsnv6WpZ/tLSTNZGNAt//kPYsV17IY2GWuUVJs4EXJn9aFsjdyALjk3EFN3QZnecTJMzIPhU7wluihR2zzKz/UqlOpvvQddlF7w3g/xGTUS0FmAm4Q9E95wn72LdpJn1XI3K7PSjNHZCUtvidwp4b4NkbIPlPYnxL7wTzmuhqzF1kuji3BtjwEejO+9XSIQRAkath0k892CS1oEYP34sblTFf/snTEY+re2moE73ufpCNEpWpw28FOLHUDehQZQvt+6mZdxHRermtv6Bb0VcaChrk6HBFnyvFYYxPOXeHjImXLDHPh3a2I4zKZLMpiTFUHrIZkGrY5+At+8M8Xon916lrTBwjX1rtFqT8RM+1AOltvQYWbLt5EV4Nz1GfrXorPRkGW7W8euylPaCL4BN6p21YyopgLfAR3N3bEI2/OPY2mtq+niZE0rpq5Lakv12NrehQPwPmduBMMYlwtkJtcVr8Fp2QEBfiG3QFgRxG7RhTE6M1MuG6kQUzh/i2baOhHVe9NTbPsRNshu3OsrRkMg7tx1Nf5Q5kfskpG5Aug9KWMEYm/wJLf0WcY7IzOSwSsysuvVRwUhFdrBu6Ec19cyPzsas96zFwY8HGexYIW8cVxZvowTtbakmKo4Zws/XyI69gqU4KVchZ1bwAymDEussvV6qk02/X5TQlIWlPZ5yUh9bL4O/G7hmtv2eqy+lxkx4S0UL656lqSjBaT2xKP6M0hO32jlKf0rrvOGjB/HSpybPZFsTrLwHL8hL2DXnkdJGLOF7R/Ov0P38OQisK2GCri9XfQq687AN2msQxJ1iTpsJqmrv3RVFHS0PfQmiCOGbpl7E3T24LkRl6BSk9SCxQtti36cJMBtlV1RaOJW5MZtOLH/pEAR+iycC2OkK+11Xu4oN2eu5sdF0xRWulLvsrHA/hrq00+K4cujjgu+1d+nhkFULBXsKh93Nr+Dvu64X3sNbXMMSarRa1/VdqyL18OlU96zxPGalek3Mffxc9tT3q06tMMYlV9qd/VzkoFQgZF8gIjEiWbM1pTYtFFfhwGscHOBVZoG4YGcUV5nJW5m6qV0LxdV0N72Ibs1vY0btNqilXQTPvS+GeWFaIYiX4aSn3YsbcBF8M3s5a216FLZzfDPrRLW+ABe2IrQ2xuL+KbgOxvUj6Wi5RLqb7nN2F6rW7vVMyMyGE6ujx+HRS57HRwRlsoYnTvlpLT1kedzq0fVW6BIIYCut0moqdcVRlqeVo3URW2zmu6IWeyK5m4TLOf9B9bthW0NmZLsP8tTYetIQF+kVtfUmG1mRkhcDZZp4ptIqGH1iN2CuTRGuhnE3DUlvRW5H9zKWM8q2ja0p3eO/1peBNQcg+LvcKEz64GAI6eRkCBtdwFe5z8qp6Zj+bwR3Kvau/jm2zzwJ+h/jSnZ/bY54PYTZ0gfgiKyHYT5cmfNEkl0uKd1weyOb+MtbM2vc7OWc3KTBbD8YW/MD/13mGuF4uuNGjldwbZh1w+2RX4G/mSVtFOYUDJpydplzV6w/Nvr6ioOsfsQoKft9VKJS1qLOvuWeSY2pR/505sObLKD+XIxoS5vuTBfIJEeYmU0iRqu8Jz2pIk8e0zbmpaAnKK42wUlEpgfljtFG2Z97T7ezVpm6iv1547WlPK1qY14XS6+wmMp2W8SUm3gFqc7d/97ri399CBUHP8VImyNQXTUpvvrEva96jefNDHhauluWIMPQRZpQto3JWB6lLdN6SapHKj5258y2be6ShpAZk74QV7K4NaAL9/qsp49oz4xvs+y9EBWvjQ+t0Wb2KSRz8CDZ3fQ4tqf7pn/ha7ws0gcgc+zKb2oN2dFMWfFegWLGxJvHo/N3gxGdq1D6GKEesovTiB4MtWBvNNRk1Pe29Y7Hj5D0L9necz8a7Q4ex96eDY9xgdpBbYRtaoKltkxlu0wKZ/q6yj2YwDUpSKPcfdONc1tC9W9k8CclDGP2Vhme52Pksxyptzyeboa99EeudHocBF1bPQLYIeksGI8zVeowTJ6Jz2RrewozHPUXU7DLMPkqFVhundmFxXTdij7TY/GTUu+cn+kxSmhVbKXHcINhXe2eh1m1q3s3x7OR89YIam3OKE4opc/Pa/chs8Qlfs5x0ofq/x22qYKnG7NYqVOD3jxeyy3H+fhvTgczm9qPpN7RZvw+1eJV1oyRnOR8rnCqTLHVe/pZeJmKo6StNy0stDgfU/k1agCrZhfFtUX6e+50Myfl7pRv+gBMDjUbVZReaespTyDNOOFnnOe+MK13FztzlGCmwy+UZ29+pZoLCyjhSvssR1Zavo2XjbB8sIbUyB/pICU2FroO0YklojTOOS7NuakzY7/JLtcV6Pq9NWEnOD/LX+lGZFK1OUtnHgtW9f/1RLpOYqvzb4GFZKbHj+zawcVboudvY9fCQOhJV+9Hs2atqbCWbD37cRF8Ow32+LRIeif/pT0YxU1j7H9prq0CWjH99SaP3X7bNP+8N844vXeNp06t2/ba86N3JhGqXfxYzcuOE0fPlqaW+kpe7jNZjtbvD+Mkn+fy2q84k3+ZzELY2D+1ttTsqvaHsmz0b87gTqlGGZiU7ApPmeaji29Sktrswh7SC5Tyyyv490ajIsk3ZcOXzrjzWQ7rpv0TXn7oeqv1fq6+BjTVJYDNkX7aWziSL6pKdUcruW3YGZhByCgzyUd5NgbQKnMXTN3nTVdZqoUUw57F+asTfDmxVfpaOGV/7Mtd0pIKebv9k6bV/RvTplKRUrZ7sk7KzOgG7fThAW0NplvIcRc/1/o114ZSX3L1fjXp2/ON5Gqhx8IsOeOpzT33/rV1474Fy43+HeRjU9/l2tayH9bS7+TeF6LR6ruuMyVXu/piasz50kp+7/FyKxzxd47nvjTa+c0vwGNzxZXWP05qC/uNnQh3nsl61o0Z/VE4ICOltsMe6v4q+ik3cV0b1tibPQX8KDMXQOv7PFa/XUtbxlaXAHZywTkKK5kf++Ig+K1Qm2pJGuBwZu8L4RoHQqNVahq/ZJmVGZ988rQbXyVH51XTbI2YFsos130ujR36KO1xSH8q7T7XjeGu0vbvzWW7ip6p73kiOyCN0ZRg8DzAFBJPlyke5L8d4RKPd0fm9VE5czFaKzj+0a9S+newmqwghKS+vtOvU9de66INoD/DvS+2pmHlr+HlGwlvTQvpejntifTeCL9hms1VUucevyUr1inuJDpvPAbWnIbbFz1G38NkpV947kugxSxsred7PJ6JyYMne+79a83B9Vr9JOVAP5r1VKX500xFzrRI40rZZ+c9+9sZw1XeuCd9y/5rWRd4Hm4p22zlia/nSRVqq08ANw6Y7uXVCdZrY4bndzzcX5aulkc996XTmi0Z8+mCiZ+44x036csRuZvdZ2b/6/a+w937XBpzDKOSK2EFHzAfqr/ffPDWpGyqo1L6HLpwBOes1v0RNibgSn7Yczgo46O2nkskLizyD7Qt8hPPhxvZi3XB8dZqBr9WfgDDqPtA2Z919X40SqXy2GweM2XrY/04c4RSzLoGdut82TeWzMx8LanwzAEUbb3+8tq4Nx9NZZmK7SdxjX52svFzqArvvQZC5SyP8WdlQsPFeX/gWxdti4xLfbA1jrG7eEq/x9/ias1OfaK/DE+9ldkzpb3nylGv+0/OcckUY7PLnpal7iMtZ+d97KJ5TyysLkn1athiWT93/RymgeBX6lcpY2xNGe07M3U/kg5dzxto00Ng5hH4L0cdTej69rS+lQo72+GOFNzQ52ZegDl0JUCq+gSwOT5L1B0uQ61SNT9tuprMGr0yqOjggfiI3SvmqLeRlHOItW0EY7L7bg0OjDcCLLNqkBvwIPVCa33ZiF1yc59dD91f98LdZ3DdntnjIabOEYQ4GzelTsO2n6YFnV2ZikRU7sdHx/Q6mErEouyWK/EEO6ap0D/RIvi57zW8py/eFPYXILbnemL8AYRx9pq2WZuuPLPylX20x+3I2np9Gyx5xoL1RTJ3caonJ5MP4acmybjGO/HIfMD85XHSn3ha3kveIv+uw6Sh1NBN6kG6zkxw3FCjXCmzzAbCRq5Lt1DEu66WyxBOav6Glm9LP46LNGXbj5rXsxd6Uv8GwbRpwvrN0tVkKg6lVZ0tf0dZOAiB4NuUUFp9M77uP3J83jN35/Zug/fwXHQKv5b0btivGTcP6SNgbvLEKNMYeQDleHb8doS/85ZMwWY6f0W8P+faVOo8md/0kHufSVM/7QrkkWcMWoexL3zuM4SNP6bstvddDQH+o4S3v83kfVYza/CbeJZMK5Yw2TjTu9dUfEZWZs+Itt4TMDfo7yj3XxnZQfls+K9Fly9OfkK6CpaOSVhcN/EbE6vOdLWVR2krCll/AOpxL6DQ34eX/nrRsfula5d3nQjED5HeBjXMPTCH4GQ838aNmJL2nCeJmNNJ2nvPRIvg/ISbjVBwnkRB75QBdCfGZ2DGH5lN0/sHjhAV/RkMNsH1T9hFrVQdnnCb+0epboRjPh5GmRb0Qrz8v5DG+ivT4mgqGs6xdrZ5gdbBtRrhHI9wfmMcBkiZl3RL8P5/zvm1bZEnkaa/Iu6L8EFLtVgHrTrME0flyZnUcSDsJytHJikrxUKrZn7LWznTFW9VNsXtKBxO0ftQ2gffTFoKNR6AXplbhvkTbl4F+2egDJmKmVHrofXxKMoSWgh1CyR+FGf8STiyIWJ+OK4w7G8Gw1dR1uagouEvj40vnc1vYROYk/ABNON7IVz1yHcI4chXMa3xQhm38qG0LSDNyV4x6wjwOR12zTuGsTjsNGeh4lXo3Bt4MqJqQI9WNLYx7H3BsavkayjbByGel+CQhtvFLEf0KnM0X310T6Tra4ghKl/4F1f3YwvYb3utllRv9g0/MzITLE0FYkoiLKz7l6tkAzkHAuA2CI3HpU49LW/L8+4e8aZyoaKbYAijCcNnzUgHxkf19r7iOr/lnzI3ciTKsendmITLbKF6E8KCgNS/F1V3b1o5Ml364xvxPdKHix37Fuw3eMK5Xf6r53nuM2vNEFnrom+i7D0OCxvGLamfoQdnP5Svs6XxowdQjlK9au2LP4WKgSm7cxGu6UHBj9nkx7ofZSnVeIp7lP2vOQqzrfc7cPwHWDLlFxUOje1ie+7Dss7LcMbwg2lzf0yvzQb2DPTcHICGyTdgf/OE58sTv4H4SRbWQETGdyTCWD4T7TW1Q/MxSqoH8ZHZP3lT8G/8I5WqnXU2Z2bU3nsICoBpjeSp9M9xGk94REdm67dtJqPGiA9QutK4NWmP4VoLl3kJTIE06l94GfdF4cbOYfarjon5ozBZraPpNvd+qKa992yk5Yyhxrg34ZguZvNyJ1426IyZ0kdiV6w70KXzKO7jH0vB+FFny56OjUx/2iJ/g/FM55HCpiodTRdksjYqs7bIc3CfX3ewN0CzBEPLt1CW+rzGGfWmVh+tW4Zn3nL4PATU6+BjmG2HD8Yz2ZlAkrX1XQo7Jw3xP5XHCt38WlABc/P4TXysZ0lM4Qg5+52UO/UN7MR2Xeo+i860kLTTivV+fI3lVbhMi9zk9wa4TCUrqVYhPcchv2/FB68D6WuLP8Ds6s6WlqSljL9tEZOWuNJqD1RQTBnIrUyLJbr617CED+4wtRIm7+NCGXcqjKZ1XO+xZcK7VBpWYjMc9FKUW5lKV924sxDs93HVjTr4bN8fr8fOEa3qdhht7TVO6E2+vo1rAi5TQc+kLpTlL/9EzERRv8rMQ4hZD8B6XKim3Bnhaxoh/bhMGVofl/cb+ktpaDpD1vTtDwF8L54Z9THet7Xj2hH+xg9PMeV8KFs0iOQ9lAmT3om4zDszVH2Isns6yuDlQx9U6t6qVMCjCjc+UcnU5L3qKu9NyfX1dYsQxhW4oj7D+gcKx5d9CV/joXkZGpuOQ4Fpx91HnjBMYd4S12Rc5oUK4TIKNWyrBftfvxS/zeNvx7S5iFsrXAwMcbUF7k04XuGL8UR7liN8h1gOxG1MvoS0nIe4vJlXfJT0gvWJ8sLLTb6Er/HcDIfY+hDoXvOEZU6RmoX76bi8QsxjJanFcEnntO9BAP8YJh8kTfGbyuN4d2o8j5X8Gc+a0U34D4/d/LQdzTdLyJ6GEMzH06vMBzqZ3954P+6UKyN8y6XMUYKdzd9F62VPsIkMCdZ8XOPxjC+h8wrfhXAzHW6/XxHhayJqxoTNun9b7YA7830wFYZ8FSoYaNVpn2u2TRf4/7CRhlInoex7KmVOsCZft8KVSfii5aw/58Q3H+FrvD1r+lK0n3eG7lJcXsE9DvemQmq+G6YilxS+y51Ke2fzT/PaawAepClzeErI/jzifVeauWnNx98VE+5Q4Que6OVpqN82SMLXxD8Jx+irS7U/jUwenOFGuh6HBZhuvdGquT2TcTJOk+uN+WDlUvEupENBci9cU1EIzAfCkF2JVqX5MC/CR/oB6Z7e45gX8sfZaKT+SBRg01VqCtjGuELQm5bWo/joXIfW5FOu12aS1AAEkavqnkjrinLNh2jM2JOlfwJ/v4D4m26wpHD/CMLpKaerq37FNeldTD2H4dlOuDZGi+zdnBWMuRHUemHPKI0Pa1fz846+VH9a+z6D9MxEWJ9FhmyDdMU/1so59uUDmL+BoPuQysXobkbXfYHKdIM2RE9EGAfAByMcwE3/Bx/Eh9FtejW6TV8e0Wdn4piFPHa2N5wC+8k8fhN5gXFN9Ye01qOZVzDpwyW2ivIAAAJFSURBVENT/lqL8979bW7PVAlZx6BCtQ/ivin8WguX+Zg+j3g8gd/b0soVDDAM8lk8M8IFTrAl4vyWvzj6bH+8Y5L1GN4wwyt5KfQStC/B2c32QWCKio1TfswJOdhu1ggb9W+YmyGG23xxzivsIlg23b7j6vdDXGeCG2YcOwedeCs4Jh2vIh3LUB6fwbv8iLzw4pK8WqPeaDrDHuP3Q7n/IsKaikem8my+SWtw/x7MUYFG5cuysJ/7KCpy3jDNt9geOBjpQOVXTcZ3YgOEYWTLC7iW4roJvTMPmwIDfVyZeRcN1hfiN2owZw9d0s3QX+fIVDRqxBl/N+U32VAwAtdUwHvB/EmpX3FH2jcLD4KiqlcAB4VgLccjOfnlpedXFPxBqGU+TBsJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJkAAJlJrA/we2ffqL1Z/KKAAAAABJRU5ErkJggg=="></image>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
diff --git a/importing-existing-projects.html b/importing-existing-projects.html
index b9179be..2272db8 100644
--- a/importing-existing-projects.html
+++ b/importing-existing-projects.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Importing existing projects | Codewind</title>
+    	<title>Importing existing projects | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -866,17 +479,21 @@
 
 <h2 id="requirements-for-importing-an-existing-project-not-created-in-codewind-or-through-appsody-or-odo">Requirements for importing an existing project not created in Codewind or through Appsody or Odo</h2>
 
-<p>Local projects are built and run on Docker. To import your project to a local Codewind instance, you must include a Dockerfile. For more information about Dockerfiles, see <a href="https://docs.docker.com/engine/reference/builder/">Dockerfile documentation</a>.
-<strong>Note:</strong> The Dockerfile must contain an <code class="highlighter-rouge">EXPOSE</code> instruction to point to the port that the project runs on.</p>
+<p>Local projects are built and run on Docker. To import your project to a local Codewind instance, you must include a Dockerfile. For more information about Dockerfiles, see <a href="https://docs.docker.com/engine/reference/builder/">Dockerfile documentation</a>. <strong>Note:</strong> The Dockerfile must contain an <code class="highlighter-rouge">EXPOSE</code> instruction to point to the port that the project runs on.</p>
 
 <p>Remote projects are built and run on Kubernetes. To import your project to a remote Codewind instance, you must include a Dockerfile and a Helm chart. For more information about Dockerfiles and Helm charts, see <a href="https://docs.docker.com/engine/reference/builder/">Dockerfile documentation</a> and <a href="https://helm.sh/docs/topics/charts/">Helm chart documentation</a>.</p>
 
+<p>To import your own project into Codewind, follow these same requirements. Make sure to select the <strong>Other (Basic Container)</strong> option as the project type.</p>
+
 <h2 id="what-kind-of-projects-can-i-add">What kind of projects can I add?</h2>
 
-<p>Codewind develops cloud-native microservices. Therefore, each project must be self-sufficient, not reliant on other projects to build.</p>
+<p>Codewind develops cloud-native microservices. Therefore, each project must be self-sufficient, not reliant on other projects to build. When using Codewind and determining the projects you want to develop, consider:</p>
 
-<p>To import your own project into Codewind, follow the requirements outlined in <a href="#Requirements-for-importing-an-existing-project-not-created-in-Codewind-or-through-Appsody-or-Odo">Requirements for importing an existing project not created in Codewind or through Appsody or Odo</a>.
-Make sure to select the <strong>Other (Basic Container)</strong> option as the project type.</p>
+<ul>
+  <li>To simplify enhancement in containers and deploy cloud-native applications, work with <a href="https://www.eclipse.org/codewind/overview.html">Codewind-style projects</a>.</li>
+  <li>To work with application stacks that deploy cloud applications to Kubernetes, work with <a href="https://appsody.dev/docs">Appsody-style projects</a>.</li>
+  <li>To deploy applications on an OpenShift or OKD cluster, work with <a href="https://www.eclipse.org/codewind/che-odo-support.html">OpenShift Do (odo)-style projects</a>.</li>
+</ul>
 
 <p>Codewind also contains a special build engine for the following languages. To utilize the build engine, see the following setup guides:</p>
 
@@ -958,7 +575,7 @@
 
 <ul>
   <li>
-    <p>Add the <code class="highlighter-rouge">server.xml</code>Liberty server configuration file located in the source folder that is referenced in the <code class="highlighter-rouge">pom.xml</code> file.</p>
+    <p>Add the <code class="highlighter-rouge">server.xml</code> Liberty server configuration file located in the source folder that is referenced in the <code class="highlighter-rouge">pom.xml</code> file.</p>
 
     <div class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;configFile&gt;</span>${basedir}/src/main/liberty/config/server.xml<span class="nt">&lt;/configFile&gt;</span>
 </code></pre></div>    </div>
@@ -1091,12 +708,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 09, 2020
+        Last update: May 08, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/index.html b/index.html
index 05e0d98..d70ebf0 100644
--- a/index.html
+++ b/index.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Codewind</title>
+    	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
diff --git a/intellij-codechange.html b/intellij-codechange.html
index 2df1567..6f3a23d 100644
--- a/intellij-codechange.html
+++ b/intellij-codechange.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Making a code change with IntelliJ | Codewind</title>
+    	<title>Making a code change with IntelliJ | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -859,15 +472,24 @@
   <li>Save your changes. By default, IntelliJ automatically saves your changes. However, if you manually save your changes, you can help Codewind detect changes more quickly.</li>
   <li>Open the application again. Your changes appear.</li>
 </ol>
+
+<h2 id="next-steps">Next Steps</h2>
+
+<p><strong>Getting started with Codewind</strong> You have now completed all the steps to get started with Codewind. To learn more about how you can develop using Codewind, choose from the following:</p>
+
+<ul>
+  <li><a href="./workingwithtemplates.html">Working with templates</a></li>
+  <li><a href="./metrics-dashboard.html">Using the Metrics Dashboard for performance monitoring</a></li>
+</ul>
+
+<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: Mar 12, 2020
+        Last update: May 12, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/intellij-firstproject.html b/intellij-firstproject.html
index 9bb208b..b0d2a85 100644
--- a/intellij-firstproject.html
+++ b/intellij-firstproject.html
@@ -33,13 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating your first IntelliJ Codewind project | Codewind</title>
+    	<title>Creating your first Codewind project with Codewind for IntelliJ | 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 your first IntelliJ Codewind project">
+	<meta name="description" content="Creating your first Codewind project with Codewind for IntelliJ">
 	<meta name="keywords" content="start, starting, template, templates, install, installed, Java, location, locations, field, name, file, files, notification, notifications, pom.xml, structur..."/>
 	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,7 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-intellij-codewind-project">Creating your first IntelliJ Codewind project</h1>
+        		<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>
@@ -891,16 +504,20 @@
   <li>However, the files remain in the file system, and you need to manually delete them.</li>
 </ol>
 
-<p>Next step: <a href="intellij-codechange.html">Making a code change with IntelliJ</a></p>
+<p>Congratulations, you have now created, built and run your first Codewind project using Codewind on your local machine.</p>
+
+<h2 id="next-steps">Next Steps</h2>
+
+<p>Choose from the following:</p>
+
+<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: Mar 16, 2020
+        Last update: May 12, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/intellij-getting-started.html b/intellij-getting-started.html
index 3f53141..bcf961d 100644
--- a/intellij-getting-started.html
+++ b/intellij-getting-started.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing Codewind for IntelliJ | Codewind</title>
+    	<title>Installing Codewind for IntelliJ | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,14 +464,41 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="installing-codewind-for-intellij-tech-preview">Installing Codewind for IntelliJ: Tech Preview</h1>
+        		<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>
+
+<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>Follow the instructions to get started with using Codewind locally. This will guide you through:</p>
+
+<ol>
+  <li>Installing Codewind into your IDE on your local machine</li>
+  <li>Creating your first project</li>
+  <li>Making a code change to try out the inner loop experience</li>
+</ol>
+
+<p>Select your IDE to get started:</p>
+
+<ul>
+  <li><a href="./vsc-getting-started.html#installing-codewind-for-vs-code">VS Code</a></li>
+  <li><a href="./eclipse-getting-started.html#installing-codewind-for-eclipse">Eclipse</a></li>
+  <li><a href="./intellij-getting-started.html#installing-codewind-for-intellij">IntelliJ</a></li>
+</ul>
+
+<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>
+
+<h3 id="installing-codewind-for-intellij">Installing Codewind for IntelliJ</h3>
+
+<p><strong>Important:</strong> Codewind for Intellij is currently a Tech Preview</p>
+
 <p>Install Codewind for IntelliJ to develop your containerized projects from within IntelliJ.</p>
 
 <p>To install Codewind for IntelliJ, complete the following steps:</p>
 
 <h3 id="prerequisites">Prerequisites</h3>
 <ul>
-  <li>Install <a href="https://www.jetbrains.com/idea/download/#section=mac">IntelliJ</a>.</li>
+  <li>Install <a href="https://www.jetbrains.com/idea/download/#section=mac">IntelliJ</a> version 2019.3.5.</li>
   <li>Install Docker.</li>
   <li>If you use Linux, also install Docker Compose.</li>
 </ul>
@@ -876,16 +516,16 @@
   <li>In the search field, type <code class="highlighter-rouge">codewind</code>.  The <code class="highlighter-rouge">Codewind</code> plug-in appears. Click <strong>Install</strong>.</li>
 </ol>
 
-<p>Next step: <a href="intellij-firstproject.html">Creating your first IntelliJ Codewind project</a></p>
+<h3 id="after-installation">After Installation</h3>
+
+<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: Mar 11, 2020
+        Last update: May 14, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/introducing-eclipse-codewind-on-intellij.html b/introducing-eclipse-codewind-on-intellij.html
index d54e49d..d51630a 100644
--- a/introducing-eclipse-codewind-on-intellij.html
+++ b/introducing-eclipse-codewind-on-intellij.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Introducing Eclipse Codewind on IntelliJ | Codewind</title>
+    	<title>Introducing Eclipse Codewind on IntelliJ | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -301,7 +305,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
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 63579b1..ccc98d9 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Introduction to Eclipse Codewind: Build high-quality cloud-native applications faster | Codewind</title>
+    	<title>Introduction to Eclipse Codewind: Build high-quality cloud-native applications faster | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -296,7 +300,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
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 0f25333..ec797f3 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>JDK 14 is now here, but will my Java application run on it? | Codewind</title>
+    	<title>JDK 14 is now here, but will my Java application run on it? | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -329,7 +333,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/js/docs.js b/js/docs.js
index a709222..f7d96d3 100644
--- a/js/docs.js
+++ b/js/docs.js
@@ -1,52 +1,3 @@
-$(function() {
-    $( "a[class*='cw-current-page']" ).each ( function() {
-        $(this).parentsUntil( $( "ul" ), ".cw-sidebar-div" ).each( function () {
-            $(this).prev("a[data-toggle='collapse']" ).each( function () {
-                $(this).trigger("click");
-            })
-        });
-    });
-    
-    var location = window.location;
-    var pathname = location.pathname.substring(location.pathname.lastIndexOf('/') + 1);
-
-    
-    var clicked = false;
-    $(':not(a[data-url=""])').each ( function() {
-        
-        if ($(this).data('url') == pathname) {
-        		clicked = true;
-            $(this).trigger("click");
-        }
-        
-    });
-    
-    $(':not(a[data-url=""])').on("click", function(e) {
-
-		if ($(this).data("url") && !clicked) {
-			window.location.replace($(this).data("url"));
-		}
-	});
-    
-	$('a[href^="#"]').not('.list-group-item').on("click", function(e) {
-	    	
-			e.preventDefault();
-			var id = $($(this).attr('href'));
-	   
-	    if (id.length === 0) {
-	        return;
-	    }
-	    
-	    var pos = id.offset().top - 131;
-	
-	    // animated top scrolling
-	    $('body, html').animate({scrollTop: pos});
-    });  
-	
-	activeOSInstruction();
-   
-});
-
 function detectOS() {
 	var os="windows";
 	if (navigator.appVersion.indexOf("Mac")!=-1) os="mac";
@@ -61,4 +12,38 @@
 	$(".cw-tab-pane").removeClass("active");
 	$('.cw-tab-link[data-os="'+os+'"]').addClass('active');
 	$('.cw-tab-pane[data-os="'+os+'"]').addClass('active');
-}
\ No newline at end of file
+}
+
+$( document ).ready(function() {
+    var location = window.location;
+	var pathname = location.pathname.substring(location.pathname.lastIndexOf('/') + 1);
+	
+	// Syncs the sidebar to the current page
+	$('#sidebar-container a').each(function( i ) {
+		if ($(this)[0].hasAttribute("data-url")){			
+
+
+			if($(this).attr('data-url') === pathname){
+				// Add the class to highlight the selected item in the sidebar
+				$(this).addClass("cw-current-page");
+				
+				// Our sidebar supports three levels, so need to iterate up to open up
+				// the menus so the selected item can be shown
+				var parentID = $(this).attr("data-parent");
+				if (parentID && parentID != ""){
+					$(parentID).collapse();
+
+					var grandparentID = "[id=\"" + parentID + "\"]";
+					if (grandparentID && grandparentID != ""){
+						var grandparent =  $(grandparentID).attr("data-parent");
+						$(grandparent).collapse();
+					}
+				}
+				// Stop the .each as we found the required URL
+				return false;
+			}
+		}
+	});
+
+	activeOSInstruction();
+});
diff --git a/metrics-dashboard.html b/metrics-dashboard.html
index fe7708d..15d062d 100644
--- a/metrics-dashboard.html
+++ b/metrics-dashboard.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Understanding the Metrics Dashboard | Codewind</title>
+    	<title>Understanding the Metrics Dashboard | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -862,7 +475,7 @@
 <h2 id="prerequisites">Prerequisites</h2>
 
 <ul>
-  <li>VS Code, Eclipse, or Eclipse Che</li>
+  <li>Eclipse, Eclipse Che, IntelliJ, or VS Code</li>
   <li>A Codewind installation</li>
 </ul>
 
@@ -976,12 +589,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 28, 2020
+        Last update: Apr 21, 2020
         </div>
         
-        
     </div>
     
 </div>
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 15289df..86ea75a 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>My first cloud-native Node.js microservice, from nothing to running, immediately | Codewind</title>
+    	<title>My first cloud-native Node.js microservice, from nothing to running, immediately | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -305,7 +309,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/news.html b/news.html
index 5adcceb..173552d 100644
--- a/news.html
+++ b/news.html
@@ -2,6 +2,6 @@
 <html>
 
   <head>
-    <meta http-equiv="Refresh" content="0; url=news11.html" />
+    <meta http-equiv="Refresh" content="0; url=news12.html" />
   </head>
 </html>
\ No newline at end of file
diff --git a/news03.html b/news03.html
index a080b4a..98e85f4 100644
--- a/news03.html
+++ b/news03.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.3.0 | Codewind</title>
+    	<title>New for Codewind 0.3.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news04.html b/news04.html
index 9aed81b..f909ca1 100644
--- a/news04.html
+++ b/news04.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.4.0 | Codewind</title>
+    	<title>New for Codewind 0.4.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news05.html b/news05.html
index ccbee5a..6c0f2c2 100644
--- a/news05.html
+++ b/news05.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.5.0 | Codewind</title>
+    	<title>New for Codewind 0.5.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news06.html b/news06.html
index d9cada1..8c5d857 100644
--- a/news06.html
+++ b/news06.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.6.0 | Codewind</title>
+    	<title>New for Codewind 0.6.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news07.html b/news07.html
index 47981cc..05d1936 100644
--- a/news07.html
+++ b/news07.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.7.0 | Codewind</title>
+    	<title>New for Codewind 0.7.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news08.html b/news08.html
index 81ced5f..316e54d 100644
--- a/news08.html
+++ b/news08.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.8.0 | Codewind</title>
+    	<title>New for Codewind 0.8.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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news09.html b/news09.html
index c4867e0..a452700 100644
--- a/news09.html
+++ b/news09.html
@@ -33,14 +33,13 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.9.0 | Codewind</title>
+    	<title>New for Codewind 0.9.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.9.0">
-	<meta name="keywords" content="news, new, updates, update, version, hybrid"/>
+	<meta name="keywords" content="news, new, updates, update, version, 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
@@ -255,7 +271,7 @@
 <h4 id="-new-features-and-highlights-for-090-">✨ New Features and Highlights for 0.9.0 ✨</h4>
 <p>Introducing the tech preview of Codewind on the IntelliJ IDE! We want to make our tools available to as many developers as possible in their preferred IDEs. Many people have asked about IntelliJ, as it is a popular option among Java developers, so we are working hard to bring the effortless Codewind experience to IntelliJ. With this tech preview, you can now use Codewind on IntelliJ locally.</p>
 
-<p><img src="images/imagesfornews/intelliJ-techpreview.gif" alt="" width="800" /></p>
+<p><img src="images/imagesfornews/intelliJ-techpreview.gif" alt="video of new feature, creating a new project with IntelliJ" width="800" /></p>
 
 <p>Try it out <a href="intellij-getting-started.html">here</a>.</p>
 
diff --git a/news11.html b/news11.html
index d12e76c..dbaa7c9 100644
--- a/news11.html
+++ b/news11.html
@@ -33,14 +33,13 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind 0.11.0 | Codewind</title>
+    	<title>New for Codewind 0.11.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.11.0">
-	<meta name="keywords" content="news, new, updates, update, version, hybrid"/>
+	<meta name="keywords" content="news, new, updates, update, version, 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/news12.html b/news12.html
new file mode 100644
index 0000000..18e284c
--- /dev/null
+++ b/news12.html
@@ -0,0 +1,526 @@
+<!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.12.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.12.0">
+	<meta name="keywords" content="news, new, updates, update, version, 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">
+            
+            <!-- Hard coded TOC -->
+            <!-- Start single page getting started -->
+            
+            
+		      
+			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="cw-current-page 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-0120">Codewind 0.12.0</h2>
+<p>Thursday 14, May 2020</p>
+
+<h4 id="-new-features-and-highlights-for-0120-">✨ New Features and Highlights for 0.12.0 ✨</h4>
+<p><strong>IntelliJ Tech Preview Updates</strong>
+We’re working to bring you a true Codewind experience with IntelliJ and are pleased to present:</p>
+
+<ul>
+  <li>Codewind for IntelliJ <a href="https://github.com/eclipse/codewind/issues/2386">supports the application metrics dashboard and the <strong>Inject metrics</strong> function</a>.</li>
+  <li>You can <a href="https://github.com/eclipse/codewind/issues/2030">open a shell into the running application container</a>.</li>
+  <li>You will be <a href="https://github.com/eclipse/codewind/issues/2269">notified of log changes, even when the log is not currently selected</a>.</li>
+  <li>If you open a project in a new window with certain actions, <a href="https://github.com/eclipse/codewind/issues/2037">the project is preselected in the Codewind view</a>.</li>
+</ul>
+
+<p><strong>Codewind Quick Guides</strong></p>
+
+<p>Introducing quick guides! Now that we have <a href="https://github.com/eclipse/codewind-docs/pull/553">this framework in place</a>, we hope to make it easier for you to get started. Check out our first two available <a href="./guides.html">guides</a> today!</p>
+
+<p>Need a quick guide to help you with a particular project? Let us know or help write one by contributing in <a href="https://github.com/eclipse/codewind">GitHub</a>.</p>
+
+<p><strong>Offline Support</strong>
+Sometimes you need to use internal-only resources or are restricted by factors outside your control. Codewind supports these types of development modes by <a href="https://github.com/eclipse/codewind/issues/1991">providing offline support</a>, and you won’t lose your work if you <a href="https://github.com/eclipse/codewind/issues/2080">lose internet connection</a>.</p>
+
+<p>To read more about Codewind offline support, visit our <a href="https://www.eclipse.org/codewind/offline-codewind.html">documentation</a>. You can also read our <a href="https://www.eclipse.org/codewind/working-with-private-registries.html">blog about working with private registries</a>.</p>
+
+<p><strong>IDEs</strong></p>
+<h5 id="vs-code-and-eclipse">VS Code and Eclipse</h5>
+<ul>
+  <li><a href="https://github.com/eclipse/codewind/issues/822">The <strong>Open Container Shell</strong> action is available for Remote/Kubernetes projects</a>.
+    <ul>
+      <li>You must have <code class="highlighter-rouge">kubectl</code> or <code class="highlighter-rouge">oc</code> installed locally.</li>
+      <li>The current kubectl context must point to the cluster with the Codewind instance.</li>
+      <li>You must be logged in and have permissions on the cluster to run <code class="highlighter-rouge">kubectl exec</code> into the Codewind application pods.</li>
+    </ul>
+  </li>
+</ul>
+
+<h5 id="vs-code">VS Code</h5>
+<ul>
+  <li>Codewind projects that are also VS Code workspace folders are <a href="https://github.com/eclipse/codewind/issues/2662">removed from the workspace when the project is deleted</a>.</li>
+</ul>
+
+<h5 id="eclipse">Eclipse</h5>
+<ul>
+  <li>When adding a template source, you can <a href="https://github.com/eclipse/codewind/issues/2697">use the <strong>Auto Fill from URL</strong> button to fill in the name and description if they are available from the URL</a>.</li>
+</ul>
+
+<h4 id="list-of-fixes">List of Fixes</h4>
+<ul>
+  <li>In Codewind for Eclipse:
+    <ul>
+      <li>A timeout error was shown when canceling the debug attach job. This is fixed, and it <a href="https://github.com/eclipse/codewind/issues/2790">no longer clears out the launch when a debug session is terminated, so you can still view the console output for the launch</a>.</li>
+      <li>In the <strong>Add Existing Project</strong> wizard, <a href="https://github.com/eclipse/codewind/issues/2704">if you use the <strong>Browse</strong> button to select a project from the file system, the radio button no longer switches back to selecting a project from the workspace</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2645">The <strong>New Connection</strong> wizard is visually enhanced to fit with the dark mode setting in Linux</a>.</li>
+    </ul>
+  </li>
+  <li>In Codewind for VS Code:
+    <ul>
+      <li><a href="https://github.com/eclipse/codewind-vscode/pull/563">A warning appears when no template sources are enabled</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind-vscode/pull/566">Accidentally inputting the wrong credentials no longer sends the remote connection into a loop</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind-vscode/pull/568">An improved error message appears when trying to restart a project that currently can’t be restarted</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2610">An error message appears if a problem is encountered when fetching the build properties while checking if <code class="highlighter-rouge">cwctl</code> is up-to-date</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2843">The two broken links in the VS Code Welcome Page are fixed</a>.</li>
+      <li><a href="https://github.com/eclipse/codewind/issues/2840">If Docker is stopped while Codewind is running, Codewind goes into a stopped state</a>.</li>
+    </ul>
+  </li>
+  <li>The <a href="https://github.com/eclipse/codewind-appsody-extension/pull/103"><code class="highlighter-rouge">Appsody-extension</code> is updated from 0.6.0 to 0.6.1</a>.</li>
+  <li>The <a href="https://github.com/eclipse/codewind-openapi-eclipse/pull/149"><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/96"><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 f6d9558..94ced5d 100644
--- a/newstechpreview.html
+++ b/newstechpreview.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>New for Codewind tech preview | Codewind</title>
+    	<title>New for Codewind tech preview | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -131,6 +135,18 @@
             
 		      
 			  
+				<a href="news12.html" 
+				    
+				    
+					
+					class="bg-light list-group-item list-group-item-action">
+					Codewind 0.12.0
+	            </a>
+	            
+			  
+			
+		      
+			  
 				<a href="news11.html" 
 				    
 				    
diff --git a/offline-codewind.html b/offline-codewind.html
index 2a80e04..47b38df 100644
--- a/offline-codewind.html
+++ b/offline-codewind.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Using Codewind offline | Codewind</title>
+    	<title>Using Codewind offline | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -858,26 +471,13 @@
   <li>You make changes to your code without pulling in new dependencies.</li>
   <li>You do not remove the project container images that Codewind built on your system.</li>
 </ul>
-
-<h2 id="you-can-work-with-these-projects-offline">You can work with these projects offline</h2>
-<ul>
-  <li>All Appsody projects</li>
-  <li>Go</li>
-  <li>Lagom Java</li>
-  <li>Open Liberty</li>
-  <li>Python</li>
-  <li>Spring Boot</li>
-  <li>WebSphere Liberty MicroProfile</li>
-</ul>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 07, 2020
+        Last update: Apr 22, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/open-api-tools-for-eclipse.html b/open-api-tools-for-eclipse.html
index 28836f1..52cc668 100644
--- a/open-api-tools-for-eclipse.html
+++ b/open-api-tools-for-eclipse.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Codewind OpenAPI Tools for Eclipse | Codewind</title>
+    	<title>Codewind OpenAPI Tools for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -896,12 +509,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Nov 14, 2019
         </div>
         
-        
     </div>
     
 </div>
diff --git a/open-api-tools-for-vscode.html b/open-api-tools-for-vscode.html
index dff98b2..75353e1 100644
--- a/open-api-tools-for-vscode.html
+++ b/open-api-tools-for-vscode.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Codewind OpenAPI Tools for VS Code | Codewind</title>
+    	<title>Codewind OpenAPI Tools for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -923,12 +536,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Nov 12, 2019
         </div>
         
-        
     </div>
     
 </div>
diff --git a/openshiftregistry.html b/openshiftregistry.html
index 3ac090f..c55b033 100644
--- a/openshiftregistry.html
+++ b/openshiftregistry.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Adding the OpenShift internal registry with Codewind | Codewind</title>
+    	<title>Adding the OpenShift internal registry with Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -940,12 +553,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/overview.html b/overview.html
index 612d55a..c166f9f 100644
--- a/overview.html
+++ b/overview.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>What is Codewind? | Codewind</title>
+    	<title>What is Codewind? | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="cw-current-page bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,9 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="what-is-codewind">What is Codewind?</h1>
+        		<div role="main"><h1 id="overview-getting-started">Overview: Getting started</h1>
+
+<h3 id="what-is-codewind">What is Codewind?</h3>
 
 <p>Developing and building a cloud-native, containerized application can be challenging.</p>
 
@@ -903,25 +518,27 @@
   </li>
 </ol>
 
-<h3 id="what-integrated-development-environments-ides-do-codewind-support">What Integrated Development Environments (IDEs) do Codewind support?</h3>
+<h3 id="what-integrated-development-environments-ides-does-codewind-support">What Integrated Development Environments (IDEs) does Codewind support?</h3>
 
-<p>Codewind is available as a desktop IDE extension for <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind"><strong>VS Code</strong></a> and <a href="https://marketplace.eclipse.org/content/codewind"><strong>Eclipse</strong></a> and as a cloud-based IDE extension for <a href="https://www.eclipse.org/codewind/che-installinfo.html"><strong>Eclipse Che</strong></a>.</p>
+<p>Codewind is available as a desktop IDE extension for <a href="https://marketplace.eclipse.org/content/codewind"><strong>Eclipse</strong></a>, <a href="https://plugins.jetbrains.com/plugin/13839-codewind"><strong>IntelliJ</strong></a>, and <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind"><strong>VS Code</strong></a> and as a cloud-based IDE extension for <a href="https://www.eclipse.org/codewind/che-installinfo.html"><strong>Eclipse Che</strong></a>.</p>
 
 <h3 id="what-cloud-native-technology-does-codewind-support">What cloud-native technology does Codewind support?</h3>
 <p>Codewind supports <a href="https://kubernetes.io/">Kubernetes</a> and <a href="https://www.openshift.com/">OpenShift</a> for container orchestration.</p>
 
-<h3 id="where-do-i-develop-my-code-where-can-i-build-and-run-my-containers-how-does-codewind-support-my-development-flow">Where do I develop my code? Where can I build and run my containers? How does Codewind support my development flow?</h3>
+<h3 id="architecture">Architecture</h3>
+<p><strong>Where do I develop my code? Where can I build and run my containers? How does Codewind support my development flow?</strong></p>
+
 <p>Codewind supports different configurations for developing your containerized applications, so you can use Codewind with whichever development flow you choose. You can develop containerized applications on your desktop, directly in the cloud, or a combination of both:</p>
 
 <ol>
   <li>
-    <p><strong>Use Codewind locally:</strong> Your IDE, with the Codewind extension installed, and Docker Desktop or your local Docker Engine and Docker Compose installations if you’re using Linux, is all you need to build and run containerized applications on your desktop.</p>
+    <p><strong><a href="gettingstarted.html">Use Codewind locally:</a></strong> Your IDE, with the Codewind extension installed, and Docker Desktop or your local Docker Engine and Docker Compose installations if you’re using Linux, is all you need to build and run containerized applications on your desktop.</p>
   </li>
   <li>
-    <p><strong>Use Codewind as a hosted application on your cloud:</strong> Both your IDE with the Codewind extension installed and your containerized applications are located in your cloud environment.</p>
+    <p><strong><a href="./che-installinfo.html">Use Codewind as a hosted application on your cloud:</a></strong> Both your IDE with the Codewind extension installed and your containerized applications are located in your cloud environment.</p>
   </li>
   <li>
-    <p><strong>Use Codewind remotely:</strong> Your IDE with the Codewind extension installed is hosted on your desktop, but the building and running of your microservice take place in your cloud environment. Using secure HTTPS connections, you connect to your multiple cloud-hosted microservices from the Codewind panel in your desktop-hosted IDE.</p>
+    <p><strong><a href="./remote-codewind-overview.html">Use Codewind remotely:</a></strong> Your IDE with the Codewind extension installed is hosted on your desktop, but the building and running of your microservice take place in your cloud environment. Using secure HTTPS connections, you connect to your multiple cloud-hosted microservices from the Codewind panel in your desktop-hosted IDE.</p>
   </li>
 </ol>
 
@@ -941,12 +558,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 28, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/performance.html b/performance.html
index 79815cc..48cf667 100644
--- a/performance.html
+++ b/performance.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Monitoring your applications with the performance dashboard | Codewind</title>
+    	<title>Monitoring your applications with the performance dashboard | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -862,7 +475,7 @@
 <h2 id="prerequisites">Prerequisites</h2>
 
 <ul>
-  <li>VS Code, Eclipse, or Eclipse Che</li>
+  <li>Eclipse, Eclipse Che, IntelliJ, or VS Code</li>
   <li>A Codewind installation</li>
 </ul>
 
@@ -931,12 +544,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 28, 2020
+        Last update: Apr 21, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/private-registries.html b/private-registries.html
index 9605238..4ce3831 100644
--- a/private-registries.html
+++ b/private-registries.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Developing with packages from private registries and repositories | Codewind</title>
+    	<title>Developing with packages from private registries and repositories | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -881,16 +494,17 @@
   <li>Lagom Java</li>
   <li>Node.js Express</li>
   <li>Open Liberty</li>
+  <li>Spring Boot</li>
+  <li>WebSphere Liberty MicroProfile</li>
 </ul>
+
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 27, 2020
+        Last update: Apr 29, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/project-actions.html b/project-actions.html
index 9443604..6519e2b 100644
--- a/project-actions.html
+++ b/project-actions.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Project actions | Codewind</title>
+    	<title>Project actions | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -853,47 +466,48 @@
     		    <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 on the project in the <strong>Codewind Explorer</strong> view. Most actions are only available if the project is enabled.</p>
+<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>
 
-<p>Some actions open the default browser. If you find that the default browser cannot handle the content, change the default browser by navigating to <strong>Window</strong> &gt; <strong>Web Browser</strong> and selecting a different browser from the list.</p>
+<p>Some actions open the default browser. If the default browser cannot handle the content, change the default browser.</p>
 
 <ul>
-  <li><strong>Open Application</strong>: Opens the application in the default browser. This action is only available when the application is running or debugging.</li>
-  <li><strong>Project Overview</strong>: Opens the overview page for this project. You can use this to see information about the project or edit project settings.</li>
-  <li><strong>Metrics Dashboard</strong>: Opens the application monitor in the default browser. Use this to monitor the activity and health of your application. This action is only available when the application is running or debugging.</li>
-  <li><strong>Performance Dashboard</strong>: Opens the performance dashboard in the default browser. This action is available only when the application is running or debugging.</li>
-  <li><strong>Tekton Dashboard</strong>: This option is available to you if you are using remote connections, and only if you installed pipelines. Use this option to open the dashboard.</li>
-  <li>
-    <p><strong>Open Container Shell</strong>: Opens a shell into your application container. This action is only available when the container is active.</p>
+  <li><strong>Open Application</strong>: Opens the application in the default browser. This action functions only when the application is running or debugging. If you try to access it before running the application, a warning message appears.</li>
+  <li><strong>Project Overview</strong>: Opens the overview page for the project. Use this action to see information about the project or edit project settings.</li>
+  <li><strong>Metrics Dashboard</strong>: In Java, Node.js, and Swift applications, this action opens the Metrics Dashboard in the default browser. Use this action to monitor the activity and health of your application. This action is available only when the application is running or debugging.</li>
+  <li><strong>Performance Dashboard</strong>: In Java, Node.js, and Swift applications, this action opens the Performance Dashboard in the default browser, where you can then monitor and improve application performance. This action functions only when the application is running or debugging. If you try to access it before running the application, a warning message appears.</li>
+  <li><strong>Open Container Shell</strong>: Opens a shell into your application container. This action is available only when the container is active.</li>
+  <li>Log file actions display or hide available log files.
+    <ul>
+      <li><strong>Show Log Files</strong>: In Eclipse, this action displays a list of available log files. Click a log file to open it, or click <strong>Show All</strong> to open all available log files. The individual log files are toggle actions. Click the log file again to remove the log file, or click <strong>Hide All</strong> to remove all log files from the <strong>Console</strong> view.</li>
+      <li><strong>Show all logs</strong> and <strong>Hide all logs</strong>: In Eclipse Che and VS Code, these actions open or close available log files from the <strong>Output</strong> view. Show or hide all of the log files, or use the drop-down menu to choose individual logs.</li>
+      <li><strong>Log Files</strong>: In IntelliJ, this action displays or conceals available log files from the <strong>Log Files</strong> view. Click <strong>Show All</strong> to open all available log files, <strong>Hide All</strong> to remove all log files from view, or use the drop-down menu to choose individual logs.</li>
+      <li><strong>Manage logs</strong>: In VS Code, this action opens the Command Palette, where you can select which logs you want to see.</li>
+    </ul>
   </li>
-  <li><strong>Import Project</strong>: Imports your project into the current workspace.</li>
-  <li>
-    <p><strong>Show Log Files</strong>: If log files are available, this action displays a list of log files. Click a log file to open it, or click <strong>Show All</strong> to open all available log files. The individual log files are toggle actions. Click the log file again to remove the log file, or click <strong>Hide All</strong> to remove all log files from the <strong>Console</strong> view.</p>
+  <li><strong>Restart in Run Mode</strong>: Restarts the application in run mode. This action is available only on projects that support restart in run mode.</li>
+  <li><strong>Restart in Debug Mode</strong>: Restarts the application in debug mode and attaches the debugger. This action is available only on projects that support it. For MicroProfile and Spring projects, a debug session is started automatically. For Node.js projects, you are guided in the setup of a debug session in a Chromium-based browser. For all other project types that support debug, set up a debug session manually.</li>
+  <li><strong>Attach Debugger</strong>:  If you accidentally detached the Java debugger or restarted your IDE, use this action to set up a new debug session. This action is available only for Java applications that support restart in debug mode.</li>
+  <li><strong>Launch Debug Session</strong>: If you ended your Node.js debug session accidentally, use this action to set up a new debug session. This menu item is available only for Node.js applications that support restart in debug mode.</li>
+  <li><strong>Build</strong>: Initiates a build of your project. This action doesn’t function if a build is already running. If you try to use it when a build is running, it doesn’t work, or a warning message appears.</li>
+  <li><strong>Disable Auto Build</strong> and <strong>Enable Auto Build</strong>: Enables or disables the automatic building of projects. Use this action to disable automated builds if you are making a lot of changes and don’t want builds to be triggered until you are done. This action is enabled by default.</li>
+  <li><strong>Enable Inject Appmetrics</strong> and <strong>Disable Inject Appmetrics</strong>: Enables or disables the injection of application metrics at build time. <strong>Enable Inject Appmetrics</strong> provides monitoring capabilities that the Performance Dashboard uses. It is disabled by default and is supported on Codewind-style Java, Node.js, and Swift projects, except Java Lagom.</li>
+  <li><strong>Move Project</strong>: In VS Code, this action moves a project to a different Codewind connection. After you select this action, you are prompted to remove your project from the previous connection, disable the project to keep it disabled on the previous connection, or leave it alone to keep your project running on both the previous and the desired connection.</li>
+  <li><strong>Disable Project</strong> or <strong>Enable Project</strong>: Disables or enables the project.</li>
+  <li><strong>Remove Project</strong>: This action removes a project from Codewind. Optionally, delete the project from your workspace and the file system. When you click <strong>Remove</strong>, a confirmation dialog is displayed.
+    <ul>
+      <li>In Eclipse, select the checkbox for removing the project from the workspace and the file system. The checkbox is cleared by default.</li>
+      <li>Other IDEs ask for project removal from the disk. Use the button to confirm.</li>
+    </ul>
   </li>
-  <li><strong>Restart in Run Mode</strong>: Restarts the application in run mode. This action is only available on projects that support restart in run mode.</li>
-  <li><strong>Restart in Debug Mode</strong>: Restarts the application in debug mode and attaches the debugger. This action is only available on projects that support it. For MicroProfile and Spring projects, a debug session is started automatically. For Node.js projects you are guided in the set up of a debug session in a Chromium based browser. For all other project types that support debug you have to set up a debug session manually.</li>
-  <li><strong>Attach Debugger</strong>:  If you accidentally detached the Java debugger or restarted your IDE, use this action to set up a new debug session. This menu item is only available for Java applications that support restart in debug mode.</li>
-  <li>
-    <p><strong>Launch Debug Session</strong>: If you ended your Node.js debug session accidentally, use this to set up a new debug session. This menu item is only available for Node.js applications that support restart in debug mode.</p>
-  </li>
-  <li><strong>Build</strong>: Initiate a build of your project. This action is not available if a build is already running.</li>
-  <li><strong>Disable/Enable Auto Build</strong>: Enable or disable the automatic building of projects. Use this to disable automatic builds if you are making a lot of changes and don’t want builds to be triggered until you are done. This option is enabled by default.</li>
-  <li>
-    <p><strong>Enable/Disable Inject Metrics</strong>: Enable or disable the injection of open metrics into your application at build time. This option provides monitoring capabilities that are then used by the performance dashboard. This option is disabled by default.</p>
-  </li>
-  <li><strong>Disable/Enable Project</strong>: Disables or enables the project.</li>
-  <li><strong>Remove</strong>: This action removes a project from Codewind. You can also optionally delete the project from your workspace and the file system. When you click <strong>Remove</strong>, a confirmation dialog is displayed which has a checkbox for removing the project from the workspace and the file system. The checkbox is unchecked by default.</li>
-  <li><strong>Refresh</strong>: If the project gets out of sync, use this option to refresh it. To refresh all projects for a connection, right click on the connection and select <strong>Refresh</strong>.</li>
+  <li><strong>Refresh</strong>: If the project gets out of sync, use this action to refresh it. To refresh all projects for a connection, right-click the connection and select <strong>Refresh</strong>.</li>
 </ul>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 26, 2020
+        Last update: May 12, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/project-settings.html b/project-settings.html
index 8591123..f42f77a 100644
--- a/project-settings.html
+++ b/project-settings.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Project settings | Codewind</title>
+    	<title>Project settings | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -907,7 +520,7 @@
 <h2 id="internal-debug-port">Internal debug port</h2>
 <p><code class="highlighter-rouge">internalDebugPort: &lt;string&gt;</code></p>
 <ul>
-  <li>Only applicable to Microprofile, Spring, and Node.js projects.</li>
+  <li>Only applicable to MicroProfile, Spring, and Node.js projects.</li>
   <li>Only applicable to a local installation of Codewind.</li>
   <li>Can be assigned to a non-exposed port, then Codewind helps expose the port for you.</li>
   <li>If the project is already in debug mode, restart the project in debug mode in order to pick up the new debug port.</li>
@@ -917,7 +530,7 @@
 <h2 id="maven-profiles">Maven profiles</h2>
 <p><code class="highlighter-rouge">mavenProfiles: &lt;string[]&gt;</code></p>
 <ul>
-  <li>Only applicable to Microprofile and Spring projects.</li>
+  <li>Only applicable to MicroProfile and Spring projects.</li>
   <li>Set a list of profiles if your project requires to use additional Maven profiles when Codewind issues Maven commands.</li>
   <li>Do not overwrite nor remove the profile.</li>
   <li>Maven profiles can be used in conjunction with Maven properties.</li>
@@ -926,8 +539,8 @@
 <h2 id="maven-properties">Maven properties</h2>
 <p><code class="highlighter-rouge">mavenProperties: &lt;string[]&gt;</code></p>
 <ul>
-  <li>Only for Microprofile and Spring projects.</li>
-  <li>Maven properties can be entered in the form <code class="highlighter-rouge">key=value</code>.</li>
+  <li>Only for MicroProfile and Spring projects.</li>
+  <li>Use the form <code class="highlighter-rouge">key=value</code> to enter Maven properties.</li>
   <li>Do not overwrite the property.</li>
   <li>Maven properties can be used in conjunction with Maven profiles.</li>
 </ul>
@@ -949,12 +562,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 15, 2020
+        Last update: May 07, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/projectview.html b/projectview.html
deleted file mode 100644
index 4a36b91..0000000
--- a/projectview.html
+++ /dev/null
@@ -1,1142 +0,0 @@
-<!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>
-    	<base href="/codewind/" />
-	<title>Using the project view | 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="Project view">
-	<meta name="keywords" content="project, view, list, using, coding, run, apply, import, create, edit, log, monitor, project list, project view, page header, project view menu, project view ..."/>
-	<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="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="">
-            <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="gettingstarted.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-news">
-                    <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">
-                    <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">
-            
-            <!-- Start single page getting started -->
-            
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					What is Codewind?
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    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">
-					Deploying Codewind remotely
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					Working with templates
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					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="using-the-project-view">Using the project view</h1>
-
-<h2 id="project-list">Project list</h2>
-
-<p>After you create or import a project into Codewind, you can view, administer, and modify it. In your Codewind workspace, click the <strong>Projects</strong> tab to view the list of all of your projects and their statuses.</p>
-
-<p>To view details about a project, click the project name. You can also click the shortcut menu alongside a project name for the same options. To delete a project, click the <code class="highlighter-rouge">Delete project</code> option on the shortcut menu.</p>
-
-<h2 id="project-view">Project view</h2>
-
-<p>The project view page has three parts:</p>
-<ul>
-  <li><a href="#page-header">Page header</a></li>
-  <li><a href="#project-view-menu">Menu</a></li>
-  <li><a href="#project-view-main-workspace">Main workspace</a></li>
-</ul>
-
-<h3 id="page-header">Page header</h3>
-
-<p>The page header contains the following information:</p>
-<ul>
-  <li>Project name</li>
-  <li>Project status</li>
-  <li>Build status</li>
-  <li>A <code class="highlighter-rouge">Build</code> button to manually rebuild your projects</li>
-</ul>
-
-<h3 id="project-view-menu">Project view menu</h3>
-
-<p>At the side of the page is a menu:</p>
-
-<p><img src="./images/projectmenu.png" alt="Image of menu" /></p>
-
-<p>From this menu, you have seven options:</p>
-
-<ol>
-  <li>
-    <p><strong>Overview</strong> Provides you with project information including language, location of you project, status, and whether the project is set to automatically build on modification.</p>
-  </li>
-  <li>
-    <p><strong>Edit code</strong> After creating your project, Codewind has already built your project and started it. Use the Theia editor to modify your code, and to redeploy it.</p>
-  </li>
-  <li><strong>Build logs</strong> Click this tab to view the Codewind project build logs.
-    <ul>
-      <li>On the <strong>Build logs</strong> page, the <strong>Log File</strong> drop-down menu lists individual build logs. If a log file changed, an <strong>Updated</strong> icon appears next to the <strong>Log File</strong> menu. An asterisk appears next to the name of each changed log file in the list.</li>
-      <li>After you select any of the changed log files, the asterisk disappears from the log file entry in the menu. After you select all of the changed log files, the icon disappears from the <strong>Log File</strong> menu.</li>
-    </ul>
-  </li>
-  <li>
-    <p><strong>Open app</strong> Supply the context root and then open your application.</p>
-  </li>
-  <li>
-    <p><strong>App logs</strong> Log files for your application.</p>
-  </li>
-  <li>
-    <p><strong>App monitor</strong> Use this tab to monitor your application.</p>
-  </li>
-  <li><strong>Pipeline</strong> Use a pipeline to automatically detect changes in your application, and to rebuild and redeploy it. For more information, see <a href="./usingapipeline">Using a pipeline</a>.</li>
-</ol>
-
-<h3 id="project-view-main-workspace">Project view main workspace</h3>
-
-<p>The main workspace provides a summary of your project including language, location, and status.</p>
-
-<p>By default, your project automatically builds when you save your project files. Use the <code class="highlighter-rouge">Auto build</code> switch located on this page to control automatic building of your project.</p>
-
-<p>Use the <code class="highlighter-rouge">Disable project</code> button to disable project development. For more information, see <a href="./disabledevelopmentonprojects">Disable development on specific projects</a>.</p>
-
-<h3 id="viewing-log-files">Viewing log files</h3>
-
-<p>You can view multiple log files in <strong>Build logs</strong> and <strong>Apps logs</strong> by selecting a log from the <strong>Log File</strong> dropdown menu.</p>
-
-<p>When one or more log files have changed, an <code class="highlighter-rouge">Updated</code> notice is displayed. The changed logs are marked with <code class="highlighter-rouge">*</code>.</p>
-
-<p>If there are no log files, the dropdown menu will be empty.</p>
-
-<p><img src="./images/viewingmultiplelogfiles.png" alt="Image of log files" /></p>
-
-<h2 id="need-help">Need help?</h2>
-<p>If you encounter problems with using the project view, check the <a href="troubleshooting.html#using-the-project-view">Troubleshooting page</a>.</p>
-</div>
-        </div>
-        
-        
-        <div class="py-5 px-5 text-right">
-        Last update: Apr 15, 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/referencing-files.html b/referencing-files.html
index e1d44e3..4361680 100644
--- a/referencing-files.html
+++ b/referencing-files.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Referencing files external to a project | Codewind</title>
+    	<title>Referencing files external to a project | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -861,15 +474,15 @@
   <li>Define the references as follows:</li>
 </ol>
 
-<div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>{
-    "refPaths": [
-        {
-            "from": "",
-            "to": ""
-        }
-    ]
-}
-</code></pre></div></div>
+<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
+    </span><span class="nl">"refPaths"</span><span class="p">:</span><span class="w"> </span><span class="p">[</span><span class="w">
+        </span><span class="p">{</span><span class="w">
+            </span><span class="nl">"from"</span><span class="p">:</span><span class="w"> </span><span class="s2">""</span><span class="p">,</span><span class="w">
+            </span><span class="nl">"to"</span><span class="p">:</span><span class="w"> </span><span class="s2">""</span><span class="w">
+        </span><span class="p">}</span><span class="w">
+    </span><span class="p">]</span><span class="w">
+</span><span class="p">}</span><span class="w">
+</span></code></pre></div></div>
 
 <p>Where:</p>
 <ul>
@@ -881,12 +494,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 10, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remote-codewind-overview.html b/remote-codewind-overview.html
index 37ee82f..8c415e4 100644
--- a/remote-codewind-overview.html
+++ b/remote-codewind-overview.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Overview Using Codewind remotely | Codewind</title>
+    	<title>Overview Using Codewind remotely | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -853,38 +466,38 @@
     		    <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 - locally, <a href="./che-installinfo.html">hosted</a> as an application on a cloud, or remotely. By using Codewind remotely, you can develop your code locally, but build and run your application in the cloud. Remote use of Codewind frees up your desktop resources, using the cloud’s resources to build and run applications.</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>
 
-<h1 id="what-you-will-learn">What you will learn</h1>
+<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>You will learn how to configure your local Codewind to connect to an instance of Codewind in the cloud and then build and run a project in the cloud.</p>
-
-<p>After you install your local IDE and configure Codewind for local use, you will follow these steps to deploy Codewind to the cloud:</p>
+<p>Follow the instructions to get started with <strong>using Codewind remotely</strong>. This will guide you through:</p>
 
 <ol>
-  <li>Configure your IDE to connect to Codewind in the cloud</li>
-  <li>Register all necessary security parameters</li>
+  <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>Building and running an existing project in the cloud</li>
 </ol>
 
-<p>Once you have connected your local Codewind to Codewind in the cloud, you will learn how to:</p>
+<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>
+
+<h3 id="prerequisites">Prerequisites</h3>
+
+<p>Before using Codewind remotely, you must:</p>
 
 <ol>
-  <li>Create a new project that builds and runs in the cloud</li>
-  <li>Build and run an existing project in the cloud</li>
-</ol>
-
-<h2 id="prerequisites">Prerequisites</h2>
-
-<p>Before deploying Codewind to the cloud, you must:</p>
-
-<ol>
-  <li>
-    <p><strong>Install your preferred IDE on your local machine.</strong> 
-For more information about installing Eclipse, see <a href="eclipse-getting-started.html">Getting started with Codewind for Eclipse</a>, or for more information about installing VS Code, see <a href="vsc-getting-started.html">Getting started with Codewind for VS Code</a>.</p>
+  <li><strong>Install Codewind into your preferred IDE on your local machine.</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>
+      <li><a href="./vsc-getting-started.html">Getting started with Codewind for VS Code</a></li>
+      <li><a href="./intellij-getting-started.html">Getting started with Codewind for IntelliJ</a></li>
+    </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>
   </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>
 </ol>
 
 <h3 id="next-steps">Next Steps</h3>
@@ -893,12 +506,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Feb 27, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remote-deploying-codewind.html b/remote-deploying-codewind.html
index af95b3a..70c7a90 100644
--- a/remote-deploying-codewind.html
+++ b/remote-deploying-codewind.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Deploying Codewind remotely | Codewind</title>
+    	<title>Deploying Codewind remotely | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="cw-current-page bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -853,30 +466,33 @@
     		    <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 - locally, <a href="./che-installinfo.html">hosted</a> as an application on a cloud, or remotely. By deploying Codewind remotely, you can develop your code locally, but build and run your application in the cloud. Remote use of Codewind frees up desktop resources, using the cloud’s resources to build and run applications.</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>To learn how to use Codewind once it has been deployed remotely, see <a href="remote-codewind-overview.html">Using Codewind remotely</a>.</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>
 
-<h2 id="what-you-will-learn">What you will learn</h2>
-
-<p>You will learn how to deploy Codewind to be used remotely.</p>
-
-<p>After you install your local IDE and configure Codewind for local use, you will:</p>
+<p>Follow the instructions to deploy Codewind remotely. After you install your local IDE and configure Codewind for local use, you will:</p>
 
 <ol>
   <li>Install the Codewind operator in your cloud.</li>
   <li>Deploy your Codewind instances.</li>
 </ol>
 
-<p>Finally, you will learn how to remove a remote deployment of Codewind.</p>
+<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>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>
 
 <h2 id="prerequisites">Prerequisites</h2>
 
 <p>Before deploying Codewind to the cloud, you must:</p>
 
 <ol>
-  <li>
-    <p><strong>Install your preferred IDE on your local machine.</strong> For more information about installing Eclipse, see <a href="eclipse-getting-started.html">Getting started with Codewind for Eclipse</a>, or for more information about installing VS Code, see <a href="vsc-getting-started.html">Getting started with Codewind for VS Code</a>.</p>
+  <li><strong>Install Codewind into your preferred IDE on your local machine.</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>
+      <li><a href="./vsc-getting-started.html">Getting started with Codewind for VS Code</a></li>
+      <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>
@@ -884,9 +500,7 @@
   <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>
   </li>
-  <li>
-    <p><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>.</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>
 </ol>
 
 <h2 id="1-clone-the-codewind-operator-repository">1. Clone the Codewind operator repository</h2>
@@ -895,7 +509,7 @@
 
 <p>Clone the Codewind operator repository, for example:</p>
 
-<p><code class="highlighter-rouge">$ git clone https://github.com/eclipse/codewind-operator -b 0.11.0</code></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>
 
@@ -923,24 +537,38 @@
 
 <h2 id="3-add-a-new-user-to-keycloak">3. Add a new user to Keycloak</h2>
 
-<p>1. Copy the <strong>Access URL</strong> returned in the previous step and paste it into a browser.</p>
-
-<p>2. Ensure that the Realm is set to <code class="highlighter-rouge">Codewind</code> by clicking on the dropdown arrow on the page. Select <strong>Codewind</strong> if necessary, then:</p>
-
-<ul>
-  <li>Click <strong>Users</strong>.</li>
-  <li>Click <strong>Add user</strong>.</li>
-  <li>Complete the <strong>username</strong> field.</li>
-  <li>Complete the <strong>email</strong>, <strong>Firstname</strong>, and <strong>Lastname</strong> fields as required.</li>
-  <li>Ensure <strong>user enabled</strong> is <strong>On</strong>.</li>
-  <li>Click <strong>Save</strong>.</li>
-</ul>
-
-<p>3. Assign an initial password to the user account by clicking <strong>Credentials</strong> and then add the initial password.</p>
-
-<p>4. The field <strong>Temporary = On</strong> requires users to change their passwords during first connection. Set <strong>Temporary = Off</strong> makes this password valid for continuous use and not require changing on first connect.</p>
-
-<p>5. Click <strong>Set Password</strong> to save changes. Log out of the Keycloak admin page.</p>
+<ol>
+  <li>
+    <p>Copy the <strong>Access URL</strong> and paste it into a browser.</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>
+  </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>
+  <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:
+    <ul>
+      <li>Click <strong>Users</strong>.</li>
+      <li>Click <strong>Add user</strong>.</li>
+      <li>Complete the <strong>username</strong> field.</li>
+      <li>Complete the <strong>email</strong>, <strong>Firstname</strong>, and <strong>Lastname</strong> fields as required.</li>
+      <li>Ensure <strong>user enabled</strong> is <strong>On</strong>.</li>
+      <li>Click <strong>Save</strong>.</li>
+    </ul>
+  </li>
+  <li>
+    <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>
+  </li>
+  <li>Click <strong>Set Password</strong> to save the changes. Log out of the Keycloak admin page.</li>
+</ol>
 
 <h2 id="4-deploy-a-codewind-instance">4. Deploy a Codewind instance</h2>
 
@@ -978,12 +606,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 15, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remote-setupregistries.html b/remote-setupregistries.html
index e8aa371..7745299 100644
--- a/remote-setupregistries.html
+++ b/remote-setupregistries.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Adding an image registry in remote Codewind | Codewind</title>
+    	<title>Adding an image registry in remote Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -928,12 +541,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Apr 08, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remotedeploy-eclipse.html b/remotedeploy-eclipse.html
index daeb491..bfdbec8 100644
--- a/remotedeploy-eclipse.html
+++ b/remotedeploy-eclipse.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Connecting Eclipse to remote Codewind | Codewind</title>
+    	<title>Connecting Eclipse to remote Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -950,12 +563,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Mar 18, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remotedeploy-projects-vscode.html b/remotedeploy-projects-vscode.html
index 29662ed..fb336fe 100644
--- a/remotedeploy-projects-vscode.html
+++ b/remotedeploy-projects-vscode.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating and importing projects | Codewind</title>
+    	<title>Creating and importing projects | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="cw-current-page bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -894,7 +507,9 @@
 
 <p><code class="highlighter-rouge">myFirstNodeProject</code> on <code class="highlighter-rouge">CloudName1</code> cluster is now running and ready.</p>
 
-<h1 id="congratulations-in-this-tutorial-you">Congratulations! In this tutorial you:</h1>
+<h1 id="next-steps">Next Steps</h1>
+
+<p>You have now:</p>
 
 <ol>
   <li>Deployed a new Codewind install into OpenShift.</li>
@@ -904,18 +519,14 @@
   <li>Copied an existing local project to build and run in the cloud.</li>
 </ol>
 
-<h1 id="next-steps">Next Steps</h1>
-
 <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: Apr 15, 2020
+        Last update: May 04, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remotedeploy-projects.html b/remotedeploy-projects.html
index c0899ec..ef8d0b2 100644
--- a/remotedeploy-projects.html
+++ b/remotedeploy-projects.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Projects in the cloud | Codewind</title>
+    	<title>Projects in the cloud | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,7 +464,7 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="objectives">Objectives</h1>
+        		<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>
@@ -893,7 +506,9 @@
 
 <p><code class="highlighter-rouge">myFirstNodeProject</code> on <code class="highlighter-rouge">CloudName1</code> cluster is now running and ready.</p>
 
-<h1 id="congratulations-in-this-tutorial-you">Congratulations! In this tutorial you:</h1>
+<h1 id="next-steps">Next Steps</h1>
+
+<p>You have now:</p>
 
 <ol>
   <li>Deployed a new Codewind install into OpenShift.</li>
@@ -903,19 +518,15 @@
   <li>Copied an existing local project to build and run in the cloud.</li>
 </ol>
 
-<h1 id="next-steps">Next Steps</h1>
-
 <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: Apr 15, 2020
+        Last update: May 04, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/remotedeploy-vscode.html b/remotedeploy-vscode.html
index 1516cb2..cea3d8b 100644
--- a/remotedeploy-vscode.html
+++ b/remotedeploy-vscode.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Connecting VS Code to remote Codewind | Codewind</title>
+    	<title>Connecting VS Code to remote Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -923,12 +536,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Mar 17, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/sneak-peek-remote-development-with-codewind.html b/sneak-peek-remote-development-with-codewind.html
index 9f618dc..3fa8de4 100644
--- a/sneak-peek-remote-development-with-codewind.html
+++ b/sneak-peek-remote-development-with-codewind.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Sneak Peek: Remote Development with Codewind | Codewind</title>
+    	<title>Sneak Peek: Remote Development with Codewind | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -318,7 +322,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/troubleshooting.html b/troubleshooting.html
index f97b03c..2a97b22 100644
--- a/troubleshooting.html
+++ b/troubleshooting.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Troubleshooting | Codewind</title>
+    	<title>Troubleshooting | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="cw-current-page bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -855,7 +468,7 @@
 
 <h1 id="troubleshooting">Troubleshooting</h1>
 
-<p>The following sections contain workarounds for issues that you might encounter when you use Codewind. If you don’t see your issue here, please check our <a href="https://github.com/eclipse/codewind/issues">GitHub repository</a>. If you still don’t see your issue, you can open a new issue in the repository.</p>
+<p>The following sections contain workarounds for issues that you might encounter when using Codewind. If you don’t see your issue here, please check our <a href="https://github.com/eclipse/codewind/issues">GitHub repository</a>. If you still don’t see your issue, you can open a new issue in the repository.</p>
 
 <ul>
   <li><a href="#installing-codewind">Installing Codewind</a></li>
@@ -872,7 +485,16 @@
   <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="#executable-file-not-found-on-path-in-vs-code">Executable file not found on PATH in VS Code</a></li>
+  <li><a href="#collecting-log-files-and-environment-data">Collecting log files and environment data</a></li>
+</ul>
+
+<h2 id="ide-troubleshooting">IDE Troubleshooting</h2>
+
+<p>The following sections contain workarounds for issues that you might encounter when using Codewind in a particular IDE.</p>
+
+<ul>
+  <li><a href="#eclipse-troubleshooting">Eclipse troubleshooting</a></li>
+  <li><a href="#vs-code-troubleshooting">VS Code troubleshooting</a></li>
 </ul>
 
 <hr />
@@ -1007,6 +629,20 @@
 
 <p>If you use <code class="highlighter-rouge">cwctl</code> directly, use the <code class="highlighter-rouge">--insecure-keyring</code> command line argument or set <code class="highlighter-rouge">INSECURE_KEYRING=true</code> in the environment. To get the IDE plug-ins to use the insecure keyring, set <code class="highlighter-rouge">INSECURE_KEYRING=true</code> in the environment before launching the IDE from that same environment.</p>
 
+<!--
+Action/Topic: Failed to connect to remote Codewind instance
+Issue type: bug/info
+Issue link: https://github.com/eclipse/codewind/issues/2863
+0.12.0: New
+-->
+<h2 id="operator-install-failed-to-connect-to-remote-codewind-instance">Operator install failed to connect to remote Codewind instance</h2>
+<p>When installing Codewind remotely, you get a <code class="highlighter-rouge">Account is not fully set up</code> error message.</p>
+
+<p><strong>Workaround</strong>
+If you have set a temporary password by clicking the <code class="highlighter-rouge">Temporary</code> check box to <code class="highlighter-rouge">On</code>, log in to Keycloak to set a new one.</p>
+
+<p>For more information, see <a href="remote-deploying-codewind.html#3-add-a-new-user-to-keycloak">Add a new user to Keycloak</a>.</p>
+
 <hr />
 <h1 id="upgrading-codewind">Upgrading Codewind</h1>
 
@@ -1379,9 +1015,29 @@
 18.10:
 -->
 <h2 id="nodejs-and-swift-templates-remain-in-the-starting-state">Node.js and Swift templates remain in the starting state</h2>
-<p>The templates <code class="highlighter-rouge">Appsody Node.js template</code> and <code class="highlighter-rouge">Appsody Swift template</code> remain in the starting state by default because these templates do not have a server implemented, and therefore, its status cannot be detected. These templates do not have a server and are intended to help you implement your own server.</p>
+<p>The templates <code class="highlighter-rouge">Appsody Node.js template</code> and <code class="highlighter-rouge">Appsody Swift template</code> remain in the starting state by default because these templates do not have a server implemented, and therefore, their statuses cannot be detected. These templates do not have a server and are intended to help you implement your own server.</p>
 
-<p><strong>Workaround</strong> To get the application into a <strong>Started</strong> state, use a server for the application. After the application has a server, Codewind can monitor the server, and the status turns to <strong>Started</strong> if the server is running. Alternatively, you can also temporarily <a href="#how-to-stop-the-app-from-continuously-pinging">stop Codewind from continueously pinging the application</a>.</p>
+<p><strong>Workaround</strong> To get the application into a <strong>Started</strong> state, use a server for the application. After the application has a server, Codewind monitors the server, and the status turns to <strong>Started</strong> if the server is running. Alternatively, you can also temporarily <a href="#how-to-stop-the-app-from-continuously-pinging">stop Codewind from continuously pinging the application</a>.</p>
+
+<!--
+Action/Topic: Appsody with Codewind
+Issue type: bug/info
+Issue link:
+-->
+<h2 id="kafka-templates-remain-in-the-starting-state">Kafka templates remain in the starting state</h2>
+
+<p>The <code class="highlighter-rouge">Kafka</code> templates for the Appsody <code class="highlighter-rouge">Quarkus</code> and <code class="highlighter-rouge">Spring Boot</code> application stacks remain in the starting state when you create a project using them. These projects require users to configure a Kafka instance to connect to in order to run correctly. Additionally, these projects do not expose an endpoint at the <code class="highlighter-rouge">/</code> path that Codewind attempts to ping because these projects are not meant to be REST-style applications.</p>
+
+<p><strong>Workaround</strong> Refer to the documentation for the respective stacks to find out how to configure a Kafka instance to work with the applications:</p>
+
+<ul>
+  <li><a href="https://github.com/appsody/stacks/tree/master/incubator/quarkus#kafka-template">Quarkus</a></li>
+  <li><a href="https://github.com/appsody/stacks/tree/master/incubator/java-spring-boot2/templates/kafka">Spring Boot</a></li>
+</ul>
+
+<p>You should also <a href="project-settings.html#health-check-endpoint">configure the project’s health check endpoint</a> for Codewind to ping instead of the <code class="highlighter-rouge">/</code> path.</p>
+
+<p>Alternatively, you can also temporarily <a href="#how-to-stop-the-app-from-continuously-pinging">stop Codewind from continuously pinging the application</a>.</p>
 
 <!--
 Action/Topic: Appsody with Codewind
@@ -1685,10 +1341,134 @@
 <p>To assist with problem determination, raise the default Codewind server log level to <strong>Debug</strong> or <strong>Trace</strong>. Use the <code class="highlighter-rouge">cwctl loglevels</code> command or follow the instructions for an IDE:</p>
 <ul>
   <li>In Eclipse, enable support features in the Codewind preferences, then right-click the connection in the Codewind Explorer view and click <strong>Codewind server log level</strong>.</li>
+  <li>In IntelliJ, go to the <strong>Debug Log Settings</strong> dialog and enable the <code class="highlighter-rouge">org.eclipse.codewind</code> category so Codewind diagnostic debug and trace messages are written to the log. The <code class="highlighter-rouge">#org.eclipse.codewind</code> method turns on debug level messages, and the <code class="highlighter-rouge">#org.eclipse.codewind:trace</code> method turns on trace level messages.</li>
   <li>In VS Code, use the <strong>Codewind: Set Codewind Server Logging Level</strong> command in the Command Palette.</li>
 </ul>
 
-<h1 id="executable-file-not-found-on-path-in-vs-code">Executable file not found on PATH in VS Code</h1>
+<hr />
+<h1 id="collecting-log-files-and-environment-data">Collecting log files and environment data</h1>
+<!--
+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.
+-->
+
+<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>
+
+<p>The format of the command is: 
+<code class="highlighter-rouge">cwctl diagnostics [command options] [arguments...]</code></p>
+
+<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>
+</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>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>
+
+<!--
+Action/Topic: Reinstate IDE specific troubleshooting help (Eclipse, VS Code and Che)
+Issue type: info
+Issue link: https://github.com/eclipse/codewind/issues/2633
+Information reinstated in 0.12.0.
+-->
+
+<hr />
+<h1 id="eclipse-troubleshooting">Eclipse troubleshooting</h1>
+
+<p>For Codewind specific problem solving tips when using Eclipse, see the following information.</p>
+
+<ul>
+  <li><a href="#check-the-eclipse-logs">Check the Eclipse logs</a></li>
+  <li><a href="#solving-common-eclipse-problems">Solving common Eclipse problems</a></li>
+</ul>
+
+<h2 id="check-the-eclipse-logs">Check the Eclipse logs</h2>
+<p>The logs are found in your Eclipse workspace under <em>.metadata/.log</em>.</p>
+
+<h2 id="solving-common-eclipse-problems">Solving common Eclipse problems</h2>
+<p>The following list describes common problems that might affect Codewind.</p>
+
+<ul>
+  <li><a href="#open-application-fails">Open application fails</a></li>
+  <li><a href="#debugger-fails-to-connect">Debugger fails to connect</a></li>
+  <li><a href="#application-stuck-in-starting-state-in-eclipse">Application stuck in Starting state</a></li>
+  <li><a href="#application-does-not-rebuild-after-making-a-change">Application does not rebuild after making a change</a></li>
+  <li><a href="#correct-project-list-is-not-being-shown">Correct project list is not being shown</a></li>
+  <li><a href="#application-is-not-showing-the-correct-status">Application is not showing the correct status</a></li>
+</ul>
+
+<h2 id="open-application-fails">Open application fails</h2>
+<p>The default browser in Eclipse might not be able to handle the content of your application.  Try using a different browser by clicking on <strong>Window</strong> &gt; <strong>Web Browser</strong>.  Select a browser from the list and try to open the application again.</p>
+
+<h2 id="debugger-fails-to-connect">Debugger fails to connect</h2>
+<p>If the debugger fails to connect, you might need to increase the connection timeout:</p>
+<ol>
+  <li>Open the Eclipse preferences and select <strong>Codewind</strong>.</li>
+  <li>Increase the debug connection timeout value and click <strong>Apply and Close</strong>.</li>
+</ol>
+
+<h2 id="application-stuck-in-starting-state-in-eclipse">Application stuck in Starting state in Eclipse</h2>
+<p>The application might be waiting for the debugger to connect. You can resolve this by right-clicking on the project in the <strong>Codewind Explorer</strong> view and selecting <strong>Attach Debugger</strong>.  If the problem occurred because the debugger failed to connect when restarting in debug mode, make sure to increase the debug connection timeout in the Codewind preferences before trying to debug again. For more information see <a href="#debugger-fails-to-connect">Debugger fails to connect</a>.</p>
+
+<p>If the debugger is connected but stopped on a ClassNotFoundException, click on the run button to get past the exception. You might need to click run several times as the exception occurs more than once. To avoid stopping on the exception in the future, open the Eclipse preferences and navigate to <strong>Java</strong> &gt; <strong>Debug</strong>. Uncheck <strong>Suspend execution on uncaught exceptions</strong> and click <strong>Apply and Close</strong>.</p>
+
+<p>If the application is not waiting for the debugger to connect, try restarting the application again. If this does not work, use Codewind to disable the application and then re-enable it.</p>
+
+<h2 id="application-does-not-rebuild-after-making-a-change">Application does not rebuild after making a change</h2>
+<p>To start a build manually, right click on the application in the <strong>Codewind Explorer</strong> view, and selecting <strong>Build</strong>.</p>
+
+<h2 id="correct-project-list-is-not-being-shown">Correct project list is not being shown</h2>
+<p>Refresh the project list by right-clicking the connection in the <strong>Codewind Explorer</strong> view and selecting <strong>Refresh</strong>.</p>
+
+<h2 id="application-is-not-showing-the-correct-status">Application is not showing the correct status</h2>
+<p>Refresh the application by right-clicking it in the <strong>Codewind Explorer</strong> view and selecting <strong>Refresh</strong>.</p>
+
+<hr />
+<h1 id="vs-code-troubleshooting">VS Code troubleshooting</h1>
+
+<p>For Codewind specific problem solving tips when using VS Code, see the following information.</p>
+
+<h2 id="solving-common-vs-code-problems">Solving common VS Code problems</h2>
+<p>The following list describes common problems that might affect Codewind.</p>
+
+<ul>
+  <li><a href="#codewind-output-stream">Codewind output stream</a></li>
+  <li><a href="#finding-the-extension-logs">Finding the extension logs</a></li>
+  <li><a href="#executable-file-not-found-on-path-in-vs-code">Executable file not found on PATH in VS Code</a></li>
+  <li><a href="#no-eslint-warnings-or-errors">No ESLint warnings or errors</a></li>
+  <li><a href="#debug">Debug</a></li>
+</ul>
+
+<h2 id="codewind-output-stream">Codewind output stream</h2>
+
+<p>The Codewind output stream is available in the VS Code editor. It logs <code class="highlighter-rouge">cwctl</code> commands together with their output.</p>
+
+<p>Check the Codewind output stream first when troubleshooting because it is particularly useful in helping you to debug unusual problems especially when starting Codewind. Some errors will also provide you with a button to open the Codewind output stream, for example:</p>
+
+<p><img src="images/cdt-vsc/output_view.png" alt="Image of VS Code output with View button" /><br /></p>
+
+<h2 id="finding-the-extension-logs">Finding the extension logs</h2>
+
+<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>Upload the contents of the log file with your issue report.</li>
+</ol>
+
+<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
 Issue type: info
@@ -1718,15 +1498,24 @@
   <li>Open the terminal you ran <code class="highlighter-rouge">docker</code> from and run <code class="highlighter-rouge">code</code>.</li>
   <li>Now, the new VS Code instance shares the terminal’s <code class="highlighter-rouge">PATH</code>. Start Codewind again.</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>
+
+<h2 id="debug">Debug</h2>
+
+<h3 id="debugger-attach-fails-with-the-message-configured-debug-type-java-is-not-supported">Debugger attach fails with the message “Configured debug type “java” is not supported”</h3>
+<p>Install and enable the <a href="https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack">Java Extension Pack</a>.</p>
+
+<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>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 15, 2020
+        Last update: May 13, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-codechange.html b/vsc-codechange.html
index 49c23c3..534a9da 100644
--- a/vsc-codechange.html
+++ b/vsc-codechange.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Making a code change with VS Code | Codewind</title>
+    	<title>Making a code change with 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -882,16 +495,35 @@
 
 <p><img src="images/vsc-screenchanged.png" alt="image of the application as it appears in a web browser" class="imageborder" /></p>
 
-<p>Next step: <a href="remote-deploying-codewind.html">Buiding and deploying in a cloud environment</a></p>
+<h2 id="next-steps">Next Steps</h2>
+
+<p><strong>Getting started with Codewind</strong> You have now completed all the steps to get started with Codewind. To learn more about how you can develop using Codewind, choose from the following:</p>
+
+<ul>
+  <li><a href="./workingwithtemplates.html">Working with templates</a></li>
+  <li><a href="./metrics-dashboard.html">Using the Metrics Dashboard for performance monitoring</a></li>
+</ul>
+
+<p>If you would like to use Codewind with your cloud, choose from the following:</p>
+
+<p><strong>Using Codewind as a hosted application in the cloud</strong> See the <a href="./eclipseche-codewind-overview.html">Codewind on Eclipse Che instructions</a></p>
+
+<p><strong>Installing Codewind for remote use</strong> You have now completed all the steps to get started with Codewind. If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the prerequisite step of installing Codewind on your local machine  and can now proceed:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.
+Next step: <a href="remote-deploying-codewind.html">Buiding and deploying in a cloud environment</a></li>
+</ol>
+
+<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: Apr 15, 2020
+        Last update: May 12, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-commands-overview.html b/vsc-commands-overview.html
index 25bae9e..0ad6af0 100644
--- a/vsc-commands-overview.html
+++ b/vsc-commands-overview.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Commands overview: Tools for VS Code | Codewind</title>
+    	<title>Commands overview: Tools for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -865,12 +478,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-commands-project.html b/vsc-commands-project.html
deleted file mode 100644
index b0fc036..0000000
--- a/vsc-commands-project.html
+++ /dev/null
@@ -1,1227 +0,0 @@
-<!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>
-    	<base href="/codewind/" />
-	<title>Project commands: Tools for 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">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Project commands: Tools for VS Code">
-	<meta name="keywords" content="tools, vscode, visual, studio, code, commands, project, Codewind Developer Tools for VS Code project commands overview, connection commands, restart, debug"/>
-	<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="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="">
-            <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="gettingstarted.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-news">
-                    <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">
-                    <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">
-            
-            <!-- Start single page getting started -->
-            
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					What is Codewind?
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    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">
-					Deploying Codewind remotely
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					Working with templates
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					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="project-commands-codewind-for-vs-code">Project commands: Codewind for VS Code</h1>
-
-<h2 id="create-a-new-project-or-work-with-an-existing-project">Create a new project or work with an existing project</h2>
-
-<ul>
-  <li>To create a new project, right-click the <em>Projects (Local)</em> item and select <strong>Create New Project</strong>, or click on the <em>+</em> icon beside the <em>Projects (Local)</em> item. You can also create a new project using the <strong>Command Palette</strong>.</li>
-  <li>To work with an existing project, right-click the <em>Projects (Local)</em> item and select <strong>Add Existing Project</strong>, or click on the <em>link</em> icon beside the <em>Projects (Local)</em> item. You can also add an existing project using the <strong>Command Palette</strong>. Note that the project must already exist within the <em>codewind-workspace</em> folder.</li>
-</ul>
-
-<p>Right-click a project in the <strong>Codewind view</strong> to see most project commands. All commands are available in the <strong>Command Palette</strong>.</p>
-
-<h2 id="commands">Commands</h2>
-
-<ul>
-  <li>
-    <p><strong>Open app</strong>: Open the project application root endpoint in the system browser. The project must be in the <em>Running</em> or <em>Debugging</em> state, or the application server won’t be available.</p>
-  </li>
-  <li>
-    <p><strong>Open Project Overview</strong>: Open an editor Tab that displays all of the Codewind information for the project. From this page, you can build, disable, or delete the project, and you can change the project auto build setting.</p>
-  </li>
-  <li>
-    <p><strong>Open Container Shell</strong>: Open a shell, either <em>bash</em> or <em>sh</em>, in the project application container with <em>docker exec</em>. The project must have a container running. The VS Code integrated terminal needs access to your <em>PATH</em> environment variable so that it can run the <em>docker</em> command.</p>
-  </li>
-  <li>
-    <p><strong>Open Application Monitor</strong>: Open the Codewind <strong>Application Monitor</strong> page for this project in the system browser.</p>
-  </li>
-  <li>
-    <p><strong>Open Performance Dashboard</strong>: Opens the performance dashboard in the browser. This action is available only when the application is running or debugging.</p>
-  </li>
-  <li>
-    <p><strong>Open Tekton Dashboard</strong>: This option is available to you only if you installed pipelines. Use this option to open the dashboard.</p>
-  </li>
-  <li>
-    <p><strong>Add Project to Workspace</strong>: Add this project’s folder on your local disk to your VS Code workspace.</p>
-  </li>
-  <li>
-    <p><strong>Build</strong>: Manually request an application build for this project. If the project has auto build enabled, this command should not be necessary because builds are triggered automatically with a code change. This command is also available in the project overview page. This command is equivalent to clicking the <strong>Build</strong> button in the Codewind <strong>Overview</strong> page.</p>
-  </li>
-  <li>
-    <p><strong>Auto build</strong>: Enable or disable auto build for the project. This command is also available in the project overview.</p>
-  </li>
-  <li>
-    <p><strong>Auto inject metrics</strong>: Enable or disable the injection of open metrics into your application at build time. This option provides monitoring capabilities that are then used by the performance dashboard. This option is disabled by default.</p>
-  </li>
-  <li>
-    <p><strong>Enable or disable project</strong>: Enable or disable the project. This command is also available in the project overview.</p>
-  </li>
-  <li>
-    <p><strong>Remove project</strong>: Removes the project from Codewind. The project folder can optionally be deleted from disk after removal. This command is also available in the project overview.</p>
-  </li>
-</ul>
-
-<h2 id="logs">Logs</h2>
-
-<ul>
-  <li>
-    <p><strong>Show all logs</strong>: Open a channel in the <strong>Output</strong> view for each of the project’s logs. To remove the output channel, use the <strong>Hide logs</strong> command.</p>
-  </li>
-  <li>
-    <p><strong>Hide all logs</strong>: This command hides all the output channels that contain logs for this project.</p>
-  </li>
-  <li>
-    <p><strong>Manage logs</strong>: This command presents a list of all logs for this project, which you can toggle individually.</p>
-  </li>
-</ul>
-
-<h2 id="configuring-project-settings">Configuring project settings</h2>
-
-<p>Project settings tell Codewind more about the specifics of your project and can affect the status and/or behaviour of your application. Project settings can be configured from the Project Overview page that is accessible from a project’s context menu, or you can find the project settings in the <code class="highlighter-rouge">.cw-settings</code> file of the project which you can edit from the IDE. Changes to these fields are automatically picked up by the workspace.</p>
-
-<p>The list of supported project settings are:</p>
-<ul>
-  <li><a href="#context-root">Context root</a></li>
-  <li><a href="#health-check-endpoint">Health check endpoint</a></li>
-  <li><a href="#https-application">HTTPS application</a></li>
-  <li><a href="#internal-application-port">Internal application port</a></li>
-  <li><a href="#internal-debug-port">Internal debug port</a></li>
-  <li><a href="#maven-profiles">Maven profiles</a></li>
-  <li><a href="#paths-to-ignore-for-file-changes">Paths to ignore for file changes</a></li>
-  <li><a href="#project-status-ping-timeout">Project status ping timeout</a></li>
-</ul>
-
-<h4 id="context-root"><strong>Context root</strong></h4>
-<p><code class="highlighter-rouge">contextRoot: &lt;string&gt;</code></p>
-<ul>
-  <li>The value is used by Codewind to determine the project state</li>
-  <li>The value is also used as the initial endpoint when the Open Application action is used</li>
-  <li>If an incorrect context root is set, the project will be stuck in starting state</li>
-  <li>If the health check endpoint is set, the context root will not be used to determine the project state</li>
-  <li>If the value is not set, the default value is <code class="highlighter-rouge">/</code></li>
-</ul>
-
-<h4 id="health-check-endpoint"><strong>Health check endpoint</strong></h4>
-<p><code class="highlighter-rouge">healthCheck: &lt;string&gt;</code></p>
-<ul>
-  <li>The value is used by Codewind to determine the project state</li>
-  <li>Expected to be used for the application health check endpoint</li>
-  <li>If a wrong health check endpoint is set, the project will be stuck in starting state</li>
-  <li>If the health check endpoint is set, the context root will not be used to determine the project state</li>
-</ul>
-
-<h4 id="https-application">HTTPS application</h4>
-<p><code class="highlighter-rouge">isHttps: &lt;boolean&gt;</code></p>
-<ul>
-  <li>This value tells Codewind to use the HTTPS protocol when Codewind detects the application status and also when Codewind launches the application in a browser.</li>
-  <li>If your application supports HTTPS, set <code class="highlighter-rouge">isHttps</code> to <code class="highlighter-rouge">true</code>, and Codewind uses HTTPS instead of HTTP to detect application status and to open browser URLs.</li>
-  <li>The default value of this setting is <code class="highlighter-rouge">false</code>.</li>
-</ul>
-
-<h4 id="internal-application-port"><strong>Internal application port</strong></h4>
-<p><code class="highlighter-rouge">internalPort: &lt;string&gt;</code></p>
-<ul>
-  <li>Expected to be exposed, Codewind will not expose the port automatically</li>
-  <li>This value is used by Codewind in conjunction with the context root to determine the project state</li>
-  <li>If an incorrect port is set, the project will be stuck in starting state</li>
-</ul>
-
-<h4 id="internal-debug-port"><strong>Internal debug port</strong></h4>
-<p><code class="highlighter-rouge">internalDebugPort: &lt;string&gt;</code></p>
-<ul>
-  <li>Only applicable to Microprofile, Spring and Node.js projects</li>
-  <li>Only applicable to a local installation of Codewind</li>
-  <li>Can be assigned to a non-exposed port, and Codewind will help expose the port for you</li>
-  <li>If the project is already in debug mode, the project will need to be restarted in debug mode again in order to pick up the new debug port</li>
-  <li>If the project is in run mode, the new debug port will be picked up and used the next time a restart in debug mode is done</li>
-</ul>
-
-<h4 id="paths-to-ignore-for-file-changes"><strong>Paths to ignore for file changes</strong></h4>
-<p><code class="highlighter-rouge">ignoredPaths: &lt;string[]&gt;</code></p>
-<ul>
-  <li>A list of file paths that indicate a build should be triggered on file change events in relation to the paths</li>
-  <li>Each item is expected to be a regex (<code class="highlighter-rouge">"*/node_modules*"</code> ) or a path relative to the project’s root directory (<code class="highlighter-rouge">"/README.md"</code>)</li>
-</ul>
-
-<h4 id="maven-profiles"><strong>Maven profiles</strong></h4>
-<p><code class="highlighter-rouge">mavenProfiles: &lt;string[]&gt;</code></p>
-<ul>
-  <li>Only applicable to Microprofile and Spring projects</li>
-  <li>A list of profiles can be set if a project requires additional Maven profiles to be used when Codewind issues Maven commands</li>
-  <li>It is not advised to overwrite or remove the profile</li>
-  <li>Maven profiles can be used in conjunction with Maven properties</li>
-</ul>
-
-<h4 id="maven-properties"><strong>Maven properties</strong></h4>
-<p><code class="highlighter-rouge">mavenProperties: &lt;string[]&gt;</code></p>
-<ul>
-  <li>Only for Microprofile and Spring projects</li>
-  <li>Maven properties can be entered in the form <code class="highlighter-rouge">key=value</code></li>
-  <li>It is not advised to overwrite the property</li>
-  <li>Maven properties can be used in conjunction with Maven profiles</li>
-</ul>
-
-<h4 id="project-status-ping-timeout">Project status ping timeout</h4>
-<p><code class="highlighter-rouge">statusPingTimeout: &lt;string&gt;</code></p>
-<ul>
-  <li>This value is the total number of pings used by Codewind to determine if the project has timeout issues during starting state.</li>
-  <li>Each ping takes 2 seconds. For example, if the value is set to 30, the timeout is 60 seconds.</li>
-  <li>If the value is not set, the default value is set to <code class="highlighter-rouge">90</code> (3 minutes) for Appsody projects, and <code class="highlighter-rouge">30</code> (1 minute) for all other project types.</li>
-</ul>
-
-<hr />
-
-<p><a href="vsc-commands-restart-and-debug.html">Next: Restart and debug</a></p>
-
-<p><a href="troubleshooting.html">Troubleshooting</a></p>
-</div>
-        </div>
-        
-        
-        <div class="py-5 px-5 text-right">
-        Last update: Apr 15, 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/vsc-firstproject.html b/vsc-firstproject.html
index cff072b..e5dfbe7 100644
--- a/vsc-firstproject.html
+++ b/vsc-firstproject.html
@@ -33,13 +33,12 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Creating your first VS Code Codewind project | Codewind</title>
+    	<title>Creating your first Codewind project with Codewind for 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">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Creating your first VS Code Codewind project">
+	<meta name="description" content="Creating your first Codewind project with Codewind for VS Code">
 	<meta name="keywords" content="introducing, introduction, overview, what is, tools, vscode, visual, studio, code, java, microprofile, spring, node, nodejs, node.js, javascript, Codewind fo..."/>
 	<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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,11 +464,11 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="creating-your-first-vs-code-codewind-project">Creating your first VS Code Codewind project</h1>
+        		<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>
 
-<p>1. Click on the prompt in the <strong>Codewind</strong> window.</p>
+<p>1. Click the prompt in the <strong>Codewind</strong> window.</p>
 
 <p><img src="images/createproject.png" alt="image of VS Code without any local Codewind projects" /></p>
 
@@ -890,19 +503,27 @@
 
 <p><img src="images/runningapp.png" alt="image of the application as it appears in a web browser" class="imageborder" /></p>
 
-<p>Congratulations, you have created your first application on Codewind.</p>
+<p>Congratulations, you have now created, built and run your first Codewind project using Codewind on your local machine.</p>
 
-<p>Next step: <a href="vsc-codechange.html">Making a code change</a></p>
+<h2 id="next-steps">Next Steps</h2>
 
+<p>Choose from the following:</p>
+
+<p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./vsc-codechange.html">making a code change with VS Code</a> to see the auto-build-and-run feature in action.</p>
+
+<p><strong>Installing Codewind for remote use</strong> If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the prerequisite step of installing Codewind on your local machine  and can now proceed:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 31, 2020
+        Last update: May 11, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-getting-started.html b/vsc-getting-started.html
index 24d94e8..5499fef 100644
--- a/vsc-getting-started.html
+++ b/vsc-getting-started.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing Codewind for VS Code | Codewind</title>
+    	<title>Installing Codewind for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="cw-current-page bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -851,16 +464,47 @@
     <div id="content-container">
     		<div class="py-5 px-5">
     		    <div class="cw-docs-spacer"></div>
-        		<div role="main"><h1 id="installing-codewind-for-vs-code">Installing Codewind for VS Code</h1>
-<p><br />
- Install Codewind for Visual Studio Code (VS Code) to develop your containerized projects from within VS Code.</p>
+        		<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>Follow the instructions to get started with using Codewind locally. This will guide you through:</p>
+
+<ol>
+  <li>Installing Codewind into your IDE on your local machine</li>
+  <li>Creating your first project</li>
+  <li>Making a code change to try out the inner loop experience</li>
+</ol>
+
+<p>Select your IDE to get started:</p>
+
+<ul>
+  <li><a href="./vsc-getting-started.html#installing-codewind-for-vs-code">VS Code</a></li>
+  <li><a href="./eclipse-getting-started.html#installing-codewind-for-eclipse">Eclipse</a></li>
+  <li><a href="./intellij-getting-started.html#installing-codewind-for-intellij">IntelliJ</a></li>
+</ul>
+
+<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>
+
+<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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
+
+<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>
+
+<h3 id="installing-codewind-for-vs-code">Installing Codewind for VS Code</h3>
+
+<p>Install Codewind for Visual Studio Code (VS Code) to develop your containerized projects from within VS Code.</p>
 
 <p>To install Codewind for VS Code, complete the following steps:</p>
 
 <ol>
   <li>Install <a href="https://code.visualstudio.com/download">VS Code version 1.41.0 or later</a>.</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>
-  <li>If you are planning to work with Appsody projects, enable your local drive for sharing in Docker. To do this, open the <strong>Docker Settings</strong> window, click the <strong>Shared Drives</strong> tab, and select the drive on which you are installing Codewind.</li>
+  <li>If you are installing Codewind on Windows, enable your local drive for sharing in Docker. To do this, open the <strong>Docker Settings</strong> window, click the <strong>Shared Drives</strong> tab, and select the drive on which you are installing Codewind.</li>
   <li>Install Codewind by clicking <a href="vscode:extension/IBM.codewind">this link</a> to install from the <a href="https://marketplace.visualstudio.com/items?itemName=IBM.codewind">VS Code Marketplace</a> or by searching for <code class="highlighter-rouge">Codewind</code> in the <a href="https://code.visualstudio.com/docs/editor/extension-gallery#_browse-for-extensions">VS Code Extensions view</a>.
     <ul>
       <li>If you’re going to work on Java projects, install the <a href="https://marketplace.visualstudio.com/items?itemName=vscjava.vscode-java-pack">Java Extension Pack</a>.</li>
@@ -877,16 +521,23 @@
 
 <p><img src="images/installed.png" alt="image of Codewind once installed" width="800px" /></p>
 
-<p>Next step: <a href="vsc-firstproject.html">Create your first project</a></p>
+<h3 id="after-installation">After Installation</h3>
+
+<p><strong>Getting started with Codewind - next steps</strong> Continue to instructions for <a href="./vsc-firstproject.html">creating your first VS Code Codewind Project</a>.</p>
+
+<p><strong>Installing Codewind for remote use</strong> If you intend to use Codewind <a href="./remote-codewind-overview.html">remotely</a>, you have now completed the pre-requisite step of installing Codewind on your local machine and can proceed to:</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>
+  <li>Connect your Codewind extension of your local desktop IDE to Codewind in your cloud by following the tutorial <a href="./remote-codewind-overview.html">Using Codewind Remotely</a>.</li>
+</ol>
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Mar 13, 2020
+        Last update: Apr 29, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-installinfo.html b/vsc-installinfo.html
deleted file mode 100644
index 831ace3..0000000
--- a/vsc-installinfo.html
+++ /dev/null
@@ -1,1112 +0,0 @@
-<!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>
-    	<base href="/codewind/" />
-	<title>Installing Codewind for 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">
-	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<meta name="description" content="Installing Codewind for VS Code">
-	<meta name="keywords" content="install, installing, add, adding, tools, VS Code, Eclipse, installing Codewind for VS 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/blog.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="">
-            <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="gettingstarted.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-news">
-                    <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">
-                    <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">
-            
-            <!-- Start single page getting started -->
-            
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					What is Codewind?
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    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">
-					Deploying Codewind remotely
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					Working with templates
-	            </a>
-	            
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
-					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="installing-codewind-for-vs-code">Installing Codewind for VS Code</h1>
-
-<p>The Codewind installation includes two parts:</p>
-<ol>
-  <li>The VS Code extension installs when you install Codewind from the VS Code Marketplace or when you install by searching in the <strong>VS Code Extensions</strong> view.</li>
-  <li>The Codewind back end containers install after you click <strong>Install</strong> when you are prompted. After you click <strong>Install</strong>, the necessary images are downloaded from the internet. The download is approximately 1 GB.</li>
-</ol>
-
-<p><img src="images/cdt-vsc/on-off-switch.png" alt="Switch start or stop Codewind" /><br /></p>
-
-<p>The following images are pulled. These images together form the Codewind back end:</p>
-<ul>
-  <li><code class="highlighter-rouge">eclipse/codewind-initialize-amd64</code></li>
-  <li><code class="highlighter-rouge">eclipse/codewind-performance-amd64</code></li>
-  <li><code class="highlighter-rouge">eclipse/codewind-pfe-amd64</code></li>
-</ul>
-
-<h2 id="using-codewind">Using Codewind</h2>
-<p>When the installation is complete, the extension is ready to use.</p>
-
-<p>Codewind creates a codewind-data directory for storing its metadata. Do not save your projects to the codewind-data directory.</p>
-
-<h2 id="updating-the-codewind-plug-in">Updating the Codewind plug-in</h2>
-<p>Update your Codewind plug-in without uninstalling the extension.</p>
-<ol>
-  <li>Go to the <strong>Extensions</strong> view in VS Code.</li>
-  <li>Search for the latest Codewind version in the Marketplace.</li>
-  <li>Install the latest version of Codewind. Then, reload Codewind.</li>
-  <li>Go to the <strong>Explorer</strong> view in VS Code.</li>
-  <li>Depending on the current status of Codewind, one of two messages appear:
-    <ul>
-      <li>If the images from a previous version or release of Codewind are installed on the system, but Codewind is not running, a message asks you to install the most recent images. Click <strong>OK</strong> to start the download.</li>
-      <li>If an older version of Codewind is installed and running, a message asks you to update the older version. Click <strong>OK</strong>, and Codewind stops automatically, and new images begin to download.</li>
-    </ul>
-  </li>
-  <li>Wait for the Codewind installation to complete. Codewind starts and is ready to use.</li>
-</ol>
-
-<h2 id="removing-containers-and-images">Removing containers and images</h2>
-<p>To remove Codewind, see <a href="vsc-uninstall.html">Uninstalling Codewind from VS Code</a>.</p>
-
-<h2 id="troubleshooting">Troubleshooting</h2>
-
-<h4 id="reinitiating-the-codewind-installation">Reinitiating the Codewind installation</h4>
-<p>If you don’t click <strong>Install</strong> when the <strong>Install</strong> prompt first appears, you can access the notification again. Go to the <strong>Explorer</strong> view, hover the cursor over <strong>Codewind</strong>, and click the switch so that it changes to the <strong>On</strong> position. The <strong>Install</strong> prompt appears.</p>
-
-<h4 id="resetting-the-installation">Resetting the installation</h4>
-<p>To reset the installation, <a href="vsc-uninstall.html">uninstall Codewind</a> and install it again.</p>
-
-<p>For more information about troubleshooting Codewind, see the <a href="troubleshooting.html">Troubleshooting page</a>.</p>
-</div>
-        </div>
-        
-        
-        <div class="py-5 px-5 text-right">
-        Last update: Feb 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>
- 
- 
- 
- <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 ed3a46b..8210cc7 100644
--- a/vsc-nodejsprofiling.html
+++ b/vsc-nodejsprofiling.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Installing and running the Codewind language server for Node.js profiling | Codewind</title>
+    	<title>Installing and running the Codewind language server for Node.js profiling | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -904,12 +517,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
diff --git a/vsc-uninstall.html b/vsc-uninstall.html
index 22f5138..0352810 100644
--- a/vsc-uninstall.html
+++ b/vsc-uninstall.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Uninstalling Codewind for VS Code | Codewind</title>
+    	<title>Uninstalling Codewind for 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -869,12 +482,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
         Last update: Feb 27, 2020
         </div>
         
-        
     </div>
     
 </div>
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 15d8509..c4457cf 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
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Want to get a microservice up and running super quickly? Try Codewind. | Codewind</title>
+    	<title>Want to get a microservice up and running super quickly? Try Codewind. | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -349,7 +353,7 @@
     </div>
 </footer>
 <!-- footer row END -->
- <!-- Jquery -->
+<!-- Jquery -->
 <script
   src="https://code.jquery.com/jquery-3.4.1.min.js"
   integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
diff --git a/working-with-private-registries.html b/working-with-private-registries.html
new file mode 100644
index 0000000..90b36bd
--- /dev/null
+++ b/working-with-private-registries.html
@@ -0,0 +1,426 @@
+<!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>Working with Private Registries | 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/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 -->
+<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>Working with Private Registries</h1>
+            <p>14 May 2020 - Andrew Mak</p>
+            <div role="main"><p>Need a specific capability in your application? Chances are there’s a code library or package out there that already does the job. Such is the norm for modern-day application development, which is part writing your own code and part reusing code pulled from a registry or repository somewhere.</p>
+
+<p>In most cases, these 3rd-party bits of code are hosted on well-known public registries and repositories, and build and package tools such as <code class="highlighter-rouge">npm</code> (Node Package Manager) and <code class="highlighter-rouge">mvn</code> (Maven) help you manage these dependencies and make pulling the code down for use simple. However, if you work in a medium or large-sized organization, you might be required to pull 3rd-party code from private servers within the organization–it’s also simple to do, as long as you have proper configuration in place.</p>
+
+<h3 id="working-with-private-registries-in-codewind">Working with Private Registries in Codewind</h3>
+
+<p>In this blog entry let’s explore working with private NPM registries and private Maven repositories in Codewind. Most developers should already be familiar with how to configure their environment to access private servers, but if you need a refresher, take a look at the <a href="https://docs.npmjs.com/configuring-npm/npmrc.html">NPM documentation</a> or <a href="https://maven.apache.org/settings.html#Servers">Maven documentation</a> on the steps involved. If you happen to be building your application by Docker (and who isn’t these days?), then there is an added layer of complexity with the setup, such as making the configuration available to the Docker build while ensuring you do not leak any sensitive data–your server username and password–in the final Docker image. Fortunately, Codewind provides mechanisms and project templates that make this process simpler.</p>
+
+<h3 id="a-nodejs-npm-example">A Node.js NPM Example</h3>
+
+<p>I’m starting with a Codewind project created using the Node.js Express project template. When I open the application and navigate to its <code class="highlighter-rouge">/codewind</code> endpoint, I’m greeted with:</p>
+
+<p style="margin: 30px; text-align: center;"><img src="images/blog/privateregnode01.png" alt="image of Hey there, this is Codewind saying hi and thanks for using me" width="500px" />
+<em>Hey there, this is Codewind saying hi and thanks for using me</em></p>
+
+<p>The message looks pretty bland doesn’t it? Luckily, I happen to have a special package hosted on my private GitHub NPM registry that I can use to give this message some flair. First, I’ll configure the credentials for the registry in my <code class="highlighter-rouge">~/.npmrc</code> configuration file:</p>
+
+<div style="margin: 30px;" class="language-properties highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="err">@</span><span class="py">makandre</span><span class="p">:</span><span class="s">registry=https://npm.pkg.github.com/makandre</span>
+<span class="err">//npm.pkg.github.com/:</span><span class="py">_authToken</span><span class="p">=</span><span class="s">****************************************</span>
+</code></pre></div></div>
+
+<p>Now I can install the package to my project:</p>
+
+<div style="margin: 30px;" class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>cwNodeProj<span class="nv">$ </span>npm <span class="nb">install</span> @makandre/samplepkg
+</code></pre></div></div>
+
+<p>And now to use the package in the <code class="highlighter-rouge">cwNodeProj/server/routers/codewind.js</code> file:</p>
+
+<div style="margin: 30px;" class="language-js highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="kd">const</span> <span class="nx">express</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="dl">'</span><span class="s1">express</span><span class="dl">'</span><span class="p">);</span>
+<span class="kd">const</span> <span class="nx">hello</span> <span class="o">=</span> <span class="nx">require</span><span class="p">(</span><span class="dl">'</span><span class="s1">@makandre/samplepkg</span><span class="dl">'</span><span class="p">);</span> <span class="c1">// added require here</span>
+
+<span class="nx">module</span><span class="p">.</span><span class="nx">exports</span> <span class="o">=</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">app</span><span class="p">)</span> <span class="p">{</span>
+  <span class="kd">const</span> <span class="nx">router</span> <span class="o">=</span> <span class="nx">express</span><span class="p">.</span><span class="nx">Router</span><span class="p">();</span>
+
+  <span class="nx">router</span><span class="p">.</span><span class="kd">get</span><span class="p">(</span><span class="dl">'</span><span class="s1">/</span><span class="dl">'</span><span class="p">,</span> <span class="kd">function</span> <span class="p">(</span><span class="nx">req</span><span class="p">,</span> <span class="nx">res</span><span class="p">,</span> <span class="nx">next</span><span class="p">)</span> <span class="p">{</span>
+    <span class="c1">// replaced "Hey there" with a call to hello()</span>
+    <span class="kd">const</span> <span class="nx">stringToReturn</span> <span class="o">=</span> <span class="nx">hello</span><span class="p">()</span> <span class="o">+</span> <span class="dl">"</span><span class="s2">, this is Codewind saying hi and thanks for using me</span><span class="dl">"</span>
+    <span class="nx">res</span><span class="p">.</span><span class="nx">status</span><span class="p">(</span><span class="mi">200</span><span class="p">).</span><span class="nx">send</span><span class="p">(</span><span class="nx">stringToReturn</span><span class="p">);</span>
+  <span class="p">});</span>
+
+  <span class="nx">app</span><span class="p">.</span><span class="nx">use</span><span class="p">(</span><span class="dl">'</span><span class="s1">/codewind</span><span class="dl">'</span><span class="p">,</span> <span class="nx">router</span><span class="p">);</span>
+<span class="p">}</span>
+</code></pre></div></div>
+
+<p>All is set so I right-click the project in Codewind view and select <em>Build</em> to trigger a full project build…and it fails. I check the build log and see the following:</p>
+
+<div style="margin: 30px;" class="language-bash highlighter-rouge"><div class="highlight"><pre class="highlight"><code>npm ERR! code E404
+npm ERR! 404 Not Found: @makandre/samplepkg@^1.0.0
+</code></pre></div></div>
+
+<p>So what happened? Well it’s true I had configured everything correctly on my system to pull from the private registry. However, that’s just for my local environment. When Codewind builds the project into a Docker image, the Docker build does not have access to the same configuration. This can be easily remedied by adding a <a href="referencing-files.html">reference</a> to the <code class="highlighter-rouge">~/.npmrc</code> file into my project–using a reference keeps sensitive information out of my project where it may get accidentally committed to source control. After adding the reference, my project built successfully and it shows the updated message:</p>
+
+<p style="margin: 30px; text-align: center;"><em>Hello there, General Kenobi, this is Codewind saying hi and thanks for using me</em></p>
+
+<p>Much better.</p>
+
+<p>At this point, I’d like to highlight the structure of the <code class="highlighter-rouge">Dockerfile</code> with respect to what is actually happening with the <code class="highlighter-rouge">.npmrc</code> file. The relevant lines in the <code class="highlighter-rouge">Dockerfile</code> are:</p>
+
+<pre style="margin: 30px;"><code class="language-Dockerfile"># Install npm production packages
+COPY package.json .npmrc ./
+RUN npm install --production
+
+# Copy application source
+COPY . ./
+RUN rm .npmrc
+</code></pre>
+
+<p>This is the last piece of the puzzle–as you can see, the <code class="highlighter-rouge">.npmrc</code> file is copied to the Docker build for the <code class="highlighter-rouge">npm install</code> and removed afterwards. The build is also a multi-stage one, which ensures the <code class="highlighter-rouge">.npmrc</code> file is not leaked in an intermediate layer of the final Docker image. <strong>Note:</strong> if you are trying this exercise yourself, make sure you have the latest multi-stage version of the <code class="highlighter-rouge">Dockerfile</code> <a href="https://github.com/codewind-resources/nodeExpressTemplate/blob/master/Dockerfile">here</a>.</p>
+
+<h3 id="a-java-maven-example">A Java Maven Example</h3>
+
+<p>The steps to configure and pull from a private Maven repository for Java projects is very similar to the NPM example I’ve described, so I won’t go into as much detail here. Once again, I start by setting up the proper credentials to access the private server; for Maven, that means adding a <code class="highlighter-rouge">server</code> element to my <code class="highlighter-rouge">~/.m2/settings.xml</code> file:</p>
+
+<div style="margin: 30px;" class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;server&gt;</span>
+  <span class="nt">&lt;id&gt;</span>github<span class="nt">&lt;/id&gt;</span>
+  <span class="nt">&lt;username&gt;</span>makandre<span class="nt">&lt;/username&gt;</span>
+  <span class="nt">&lt;password&gt;</span>****************************************<span class="nt">&lt;/password&gt;</span>
+<span class="nt">&lt;/server&gt;</span>
+</code></pre></div></div>
+
+<p>And now to add the repository location and dependency I need to my project’s <code class="highlighter-rouge">pom.xml</code> file:</p>
+
+<div style="margin: 30px;" class="language-xml highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="nt">&lt;repositories&gt;</span>
+  <span class="nt">&lt;repository&gt;</span>
+    <span class="nt">&lt;id&gt;</span>github<span class="nt">&lt;/id&gt;</span>
+    <span class="nt">&lt;url&gt;</span>https://maven.pkg.github.com/makandre/privateRegistry<span class="nt">&lt;/url&gt;</span>
+  <span class="nt">&lt;/repository&gt;</span>
+<span class="nt">&lt;/repositories&gt;</span>
+
+<span class="nt">&lt;pluginRepositories&gt;</span>
+  <span class="nt">&lt;pluginRepository&gt;</span>
+    <span class="nt">&lt;id&gt;</span>github<span class="nt">&lt;/id&gt;</span>
+    <span class="nt">&lt;url&gt;</span>https://maven.pkg.github.com/makandre/privateRegistry<span class="nt">&lt;/url&gt;</span>
+  <span class="nt">&lt;/pluginRepository&gt;</span>
+<span class="nt">&lt;pluginRepositories&gt;</span>
+
+<span class="nt">&lt;dependencies&gt;</span>
+  <span class="nt">&lt;dependency&gt;</span>
+    <span class="nt">&lt;groupId&gt;</span>org.eclipse.codewind<span class="nt">&lt;/groupId&gt;</span>
+    <span class="nt">&lt;artifactId&gt;</span>sampleJar<span class="nt">&lt;/artifactId&gt;</span>
+    <span class="nt">&lt;version&gt;</span>0.0.1<span class="nt">&lt;/version&gt;</span>
+  <span class="nt">&lt;/dependency&gt;</span>
+<span class="nt">&lt;/dependencies&gt;</span>
+</code></pre></div></div>
+
+<p>The last step is to add a <a href="referencing-files.html">reference</a> to my <code class="highlighter-rouge">~/.m2/settings.xml</code> file. Now my project should be all set to download the <code class="highlighter-rouge">sampleJar</code> dependency from the configured private repository.</p>
+
+<h3 id="more-information">More Information</h3>
+
+<ul>
+  <li>Working with private registries in the Codewind <a href="private-registries.html">documentation</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/workingwithtemplates.html b/workingwithtemplates.html
index 3e34dcc..be84e40 100644
--- a/workingwithtemplates.html
+++ b/workingwithtemplates.html
@@ -33,8 +33,7 @@
 <!-- End Google Tag Manager -->
 
 <head>
-    	<base href="/codewind/" />
-	<title>Working with templates | Codewind</title>
+    	<title>Working with templates | 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">
@@ -51,6 +50,7 @@
 	<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">
 	
 
@@ -69,23 +69,27 @@
             aria-label="Toggle navigation">
             <span class="navbar-toggler-icon"></span>
         </button>
-        <a class="navbar-brand" href="">
+        <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="gettingstarted.html">Docs</a>
+                    <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-news">
+                <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>
@@ -122,726 +126,335 @@
         <!-- Bootstrap List Group -->
         <ul class="list-group sticky-top bg-light cw-sticky-offset">
             
-            <!-- Start single page getting started -->
             
-            
-            
-		      
-			  
-				<a href="overview.html" 
-				    
-				    
-					
-					class="bg-light list-group-item list-group-item-action">
+
+				
+				<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#getting_started" data-url="gettingstarted.html" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Getting started</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="getting_started" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#vs_code" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    VS Code
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="vs_code" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="vsc-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for VS Code
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first VS Code Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="vsc-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with VS Code
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="eclipse-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for Eclipse
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first Eclipse Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="eclipse-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with Eclipse
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#eclipse_che" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Eclipse Che
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="eclipse_che" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="che-installinfo.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Eclipse Che for Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-setupregistries.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding an image registry in Codewind in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createcodewindworkspace.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating a Codewind workspace in Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-createfirstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first project with Codewind for Eclipse Che
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-tektonpipelines.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Configuring Codewind for Tekton pipelines
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-odo-support.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    OpenShift Do (odo) support in Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="openshiftregistry.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Adding the OpenShift internal registry with Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="che-uninstall.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Uninstalling Codewind for Eclipse Che
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#intellij" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    IntelliJ
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="intellij" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="intellij-getting-started.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Installing Codewind for IntelliJ
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-firstproject.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Creating your first IntelliJ Codewind project
-			                </a>
-			                 
-		                		
-						   
-			                <a href="intellij-codechange.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Making a code change with IntelliJ
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="remote-deploying-codewind.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#using_codewind_remotely" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Using Codewind remotely</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="using_codewind_remotely" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="remote-codewind-overview.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Overview: Using Codewind remotely
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		            		
-				    
-				
-				    
-						
-					    
-						 
-						 <a href="#connecting_your_ide_to_remote_codewind" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                    Connecting your IDE to remote Codewind
-		                    <span class="submenu-icon"></span>
-		                </a>
-		                
-						 <!-- 3d level - eclipse -->
-		                <div id="connecting_your_ide_to_remote_codewind" class="cw-sidebar-div cw-sidebar-submenu-submenu collapse" style="">
-		                
-		                
-		                    
-		                		
-						   
-			                <a href="remotedeploy-vscode.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting VS Code to remote Codewind
-			                </a>
-			                 
-		                		
-						   
-			                <a href="remotedeploy-eclipse.html" 
-						        
-						   		
-							    
-							    class="bg-light list-group-item list-group-item-action">
-							    Connecting Eclipse to remote Codewind
-			                </a>
-			             
-			                
-			           </div>
-	                
-	                
-						    
-						    
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remote-setupregistries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Adding an image registry in remote Codewind
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="remotedeploy-projects-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Creating and importing projects
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="workingwithtemplates.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="cw-current-page bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
+				
+
 			
-		      
-		          
+
 				
-				    
+
+
 				
-				    
-				
-			    
-				    
-		        <a href="#developing_projects" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Developing projects</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="developing_projects" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="checkingstatuses.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding application and build statuses
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="importing-existing-projects.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Importing existing projects
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-actions.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project actions
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="project-settings.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Project settings
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="referencing-files.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Referencing files external to a project
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="private-registries.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Developing with packages from private registries and repositories
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="offline-codewind.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Using Codewind offline
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="debugging.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Debugging in Codewind
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#performance_monitoring" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">Performance monitoring</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="performance_monitoring" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="metrics-dashboard.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Understanding the Metrics Dashboard
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="performance.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Monitoring applications with the Performance Dashboard
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-		          
-				
-				    
-				
-				    
-				
-			    
-				    
-		        <a href="#openapi_tools" data-url="" data-toggle="collapse" aria-expanded="false" class="bg-light list-group-item list-group-item-action flex-column align-items-start collapsed">
-		                <div class="d-flex w-100 justify-content-start align-items-center">
-		                    <span class="menu-collapsed">OpenAPI Tools</span>
-		                    <span class="submenu-icon"></span>
-		                </div>
-		        </a>
-		            
-	            <div id="openapi_tools" class="cw-sidebar-div cw-sidebar-submenu collapse" style="">
-		            
-		            
-		            
-		                <a href="open-api-tools-for-vscode.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for VS Code
-						</a>
-						
-		            
-		            
-		            
-	               
-		            
-		            
-		                <a href="open-api-tools-for-eclipse.html" 
-						   
-						   
-						   
-						   
-					    class="bg-light list-group-item list-group-item-action">
-					    Codewind OpenAPI Tools for Eclipse
-						</a>
-						
-		            
-		            
-		            
-	           
-	            </div>
-			  
-			
-		      
-			  
-				<a href="troubleshooting.html" 
-				    
-				    
+
+				<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">
+
 					
-					class="bg-light list-group-item list-group-item-action">
+					
+						
+							<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>
-	            
-			  
-			
-			
+				</a>
+				
 
-
+			
             
         </ul>
         <!-- List Group END-->
@@ -903,7 +516,11 @@
 
 <h2 id="creating-your-own-templates">Creating your own templates</h2>
 
-<p>Add your own template sources to use in the <strong>Template Source Manager</strong>.</p>
+<p>Add your own template sources to use in the <strong>Template Source Manager</strong>. An application architect generally creates these templates.</p>
+
+<ul>
+  <li><strong>Prerequisites:</strong> Build and run templates that use languages and frameworks that are compatible with Codewind. Appsody, Maven, and Node.js styles built with Docker are supported.</li>
+</ul>
 
 <ol>
   <li>Choose a GitHub repository to contain all of your new template sources.
@@ -916,38 +533,36 @@
       <li>For example, within the <code class="highlighter-rouge">devfiles</code> folder, Codewind has subfolders for template sources that include Go, MicroProfile, Lagom Java, and more.</li>
     </ul>
   </li>
-  <li>Each template source folder needs a <code class="highlighter-rouge">devfile.yaml</code> file with the following information:
-  ```
-  apiVersion: <The version="" of="" the="" API="" that="" you="" use="">
-  metadata:
-  name: <The name="" of="" your="" template="">
-  projects:
-</The></The>    <ul>
-      <li>name: <The name="" of="" your="" project="">
-source:
-  type: git
-  location: "<The GitHub="" URL="" of="" the="" template="" location="">"
-  ```</The></The></li>
-    </ul>
-  </li>
-  <li>In the same GitHub repository where you saved the template source folders, create an <code class="highlighter-rouge">index.json</code> file. In this file, add the following values for each of the templates that you want to work with in Codewind:
-    <div class="highlighter-rouge"><div class="highlight"><pre class="highlight"><code>  {
- "displayName":"&lt;The name of your template&gt;",
- "description":"&lt;The description of your template&gt;",
- "icon":"&lt;The SVG graphic to be associated with your template&gt;",
- "language":"&lt;The programming language that your template is written in&gt;",
- "projectType":"&lt;The project type of your template&gt;",
- "location":"&lt;The Git repository where the template itself is located&gt;",
- "links": {"self":"&lt;The template devfile.yaml&gt;" }
-}
-</code></pre></div>    </div>
-    <ul>
-      <li>For an example <code class="highlighter-rouge">index.json</code> file, see the <a href="https://github.com/codewind-resources/codewind-templates/blob/master/devfiles/index.json"><code class="highlighter-rouge">index-json</code> file</a> in the <code class="highlighter-rouge">codewind-templates</code> repository.</li>
-    </ul>
-  </li>
-  <li>To add the templates to Codewind, open your IDE and access the <strong>Template Source Manager</strong>.</li>
+  <li>Each template source folder needs a <code class="highlighter-rouge">devfile.yaml</code> file with the following information:</li>
 </ol>
 
+<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">&lt;The version of the API that you use&gt;</span>
+<span class="na">metadata</span><span class="pi">:</span>
+  <span class="pi">-</span> <span class="na">name</span><span class="pi">:</span> <span class="s">&lt;The name of your template&gt;</span>
+<span class="na">projects</span><span class="pi">:</span>
+  <span class="pi">-</span> <span class="na">name</span><span class="pi">:</span> <span class="s">&lt;The name of your project&gt;</span>
+    <span class="na">source</span><span class="pi">:</span>
+      <span class="na">type</span><span class="pi">:</span> <span class="s">git</span>
+      <span class="na">location</span><span class="pi">:</span> <span class="s">&lt;The GitHub URL of the template location&gt;</span>
+</code></pre></div></div>
+
+<p>4. In the same GitHub repository where you saved the template source folders, create an <code class="highlighter-rouge">index.json</code> file. In this file, add the following values for each of the templates that you want to work with in Codewind:</p>
+
+<div class="language-json highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="p">{</span><span class="w">
+  </span><span class="nl">"displayName"</span><span class="p">:</span><span class="s2">"&lt;The name of your template&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"description"</span><span class="p">:</span><span class="s2">"&lt;The description of your template&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"icon"</span><span class="p">:</span><span class="s2">"&lt;The SVG graphic to be associated with your template&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"language"</span><span class="p">:</span><span class="s2">"&lt;The programming language that your template is written in&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"projectType"</span><span class="p">:</span><span class="s2">"&lt;The project type of your template&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"location"</span><span class="p">:</span><span class="s2">"&lt;The Git repository where the template itself is located&gt;"</span><span class="p">,</span><span class="w">
+  </span><span class="nl">"links"</span><span class="p">:</span><span class="w"> </span><span class="p">{</span><span class="nl">"self"</span><span class="p">:</span><span class="s2">"&lt;The template devfile.yaml&gt;"</span><span class="w"> </span><span class="p">}</span><span class="w">
+</span><span class="p">}</span><span class="w">
+</span></code></pre></div></div>
+
+<p>For an example <code class="highlighter-rouge">index.json</code> file, see the <a href="https://github.com/codewind-resources/codewind-templates/blob/master/devfiles/index.json"><code class="highlighter-rouge">index-json</code> file</a> in the <code class="highlighter-rouge">codewind-templates</code> repository.</p>
+
+<p>5. To add the templates to Codewind, open your IDE and access the <strong>Template Source Manager</strong>.</p>
+
 <h2 id="adding-your-template-sources-to-codewind">Adding your template sources to Codewind</h2>
 
 <p>Add your template sources to Codewind with the <strong>Template Source Manager</strong>.</p>
@@ -969,12 +584,10 @@
 </div>
         </div>
         
-        
         <div class="py-5 px-5 text-right">
-        Last update: Apr 14, 2020
+        Last update: May 14, 2020
         </div>
         
-        
     </div>
     
 </div>