Publish 0.12.0

Signed-off-by: Sarah Ishida <sishida@us.ibm.com>
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>