you are here

Signed-off-by: Lee Calcote <[email protected]>

content/en/cloud/_index.md

@@ -8,23 +8,22 @@ menu: {main: {weight: 2}}
 cascade: 
     type: docs
 ---
-![layer5-cloud-provider](layer5-cloud-provider.svg "image-center-shadow")
+
 {{% pageinfo %}}
 
 ## Understanding the Meshery Ecosystem
 
-<p class="image-left" 
-    style="display:inline; font-style:italic; padding: 1rem; width:auto;
-            box-shadow: inset 0 -3em 3em #ebc01733,
-                0 0 0 2px #ebc01733,
-                0.3em 0.3em 1em #ebc01700;">You are here</p>
+<div style="display:flex; gap: .5rem;">
+<div 
+    style="display:flex; align-items: center; margin-bottom:2rem; margin-top: 1rem;font-style:italic; white-space: nowrap;padding: 1rem; box-shadow: inset 0 0em 4em #ebc01766, 0 0 0 2px #ebc01766, 0.3em 0.3em 1em #ebc01733;">You are here</div>
                 
-<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="cloud" >}}</div>
+<div style="min-width:50px;">{{< svg name="cloud" >}}</div>
 
-<div style="flex: 1;">
+<div style="padding:auto;margin:auto;">
 
-**Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
-</div></div>
+  **Layer5 Cloud** ([docs](/cloud)) is an identity provider and global console for Meshery deployments with an extensible and highly flexible authorization framework, tenant entitlement services, service provider-grade organizational hierarchy, team workspace management and a content catalog for public and private hosting of cloud native architectures. Layer5 Cloud is available as a service or self-hosted.
+</div>
+</div>
 
 <div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshery" >}}</div>
 
@@ -39,6 +38,7 @@ cascade:
 
 **MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
 </div></div>
+</div>
 {{% /pageinfo %}}
 
 

content/en/cloud/getting-started/_index.md

@@ -29,3 +29,4 @@ Is there any initial setup users need to do after installation to try your proje
 ## Try it out!
 
 Can your users test their installation, for example by running a command or deploying a Hello World example? -->
+![layer5-cloud-provider](images/layer5-cloud-provider.svg "image-center-shadow")

content/en/meshmap/_index.md

@@ -33,15 +33,14 @@ cascade:
 
 **Meshery** ([docs](https://docs.meshery.io)) is a cloud native manager that enables the design and management of Kubernetes-based infrastructure and applications. It is an extensible developer platform that seamlessly integrates with all CNCF projects, and various monitoring, CI/CD, and security tools.
 </div></div>
-<p class="image-left" 
-    style="display:inline; font-style:italic; padding: 1rem; width:auto;
-            box-shadow: inset 0 -3em 3em #00b39f33,
-                0 0 0 2px #00b39f33,
-                0.3em 0.3em 1em #00b39f00;">You are here</p>
 
-<div style="display: flex; align-items: flex-start; margin-top:15px;"><div class="logo-container">{{< svg name="meshmap" >}}</div>
+<div style="display:flex; gap: .5rem;">
+<div 
+    style="display:flex; align-items: center; margin-bottom:2rem; margin-top: 1rem;font-style:italic; white-space: nowrap;padding: 1rem; box-shadow: inset 0 0em 4em #ebc01766, 0 0 0 2px #ebc01766, 0.3em 0.3em 1em #ebc01733;">You are here</div>
+                
+<div style="min-width:50px;">{{< svg name="meshmap" >}}</div>
 
-<div style="flex: 1;">
+<div>
 
 **MeshMap** ([docs](/meshmap)) provides a visual interface that allows users to create and edit Kubernetes manifests, charts and pipelines, as well as monitor the performance and health of their clusters. MeshMap aims to simplify the complexity of Kubernetes and make it accessible to more users, similar to how Figma democratized design tools for web and mobile applications.
 </div></div>
@@ -72,7 +71,7 @@ Choose your mode of operation for MeshMap.
   {{< /card >}}
   </a>
 {{< /cardpane >}}
-</div>
+</div>;