update

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

assets/scss/_styles_project.scss

@@ -146,6 +146,8 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
 
 // Left sidebar
 .td-sidebar-nav {
+  overflow: hidden;
+
   &__section-title {
     a {
       color: $gray-400;
@@ -161,20 +163,29 @@ a:not([href]):not([class]), a:not([href]):not([class]):hover {
     &__section {
       margin-top: 1rem;
       font-family: "Qanelas Soft", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+
     }
+
   }
   a {
     &:hover {
       color: $white;
       text-decoration: none;
     }
-    &.active {
-      border: 2px solid $primary;
+    &.active:not(.tree-root) {
+      border: 2px solid $primary !important;
       padding: .25rem;
       padding-left: .5rem !important;
       background-color: rgba($primary, .1);
       color: $secondary;
     }
+    &.active.tree-root {
+      border: 2px solid $lightslategray !important;
+      padding: .25rem;
+      padding-left: .5rem !important;
+      background-color: rgba($lightslategray, .1);
+      color: $white;
+    }
   }
 }
 

content/en/cloud/_index.md

@@ -2,31 +2,16 @@
 title: Documentation
 linkTitle: Cloud
 type: docs
-menu: {main: {weight: 20}}
-weight: 20
+
+
 cascade: 
     type: docs
 ---
 
 {{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
+Layer5 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.
 
-This section is where the user documentation for your project lives - all the
-information your users need to understand and successfully use your project.
+Meshery 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.
 
-For large documentation sets we recommend adding content under the headings in
-this section, though if some or all of them don’t apply to your project feel
-free to remove them or add your own. You can see an example of a smaller Docsy
-documentation site in the [Docsy User Guide](https://docsy.dev/docs/), which
-lives in the [Docsy theme
-repo](https://github.com/google/docsy/tree/master/userguide) if you'd like to
-copy its docs section.
-
-Other content such as marketing material, case studies, and community updates
-should live in the [About](/about/) and [Community](/community/) pages.
-
-Find out how to use the Docsy theme in the [Docsy User
-Guide](https://docsy.dev/docs/). You can learn more about how to organize your
-documentation (and how we organized this site) in [Organizing Your
-Content](https://docsy.dev/docs/best-practices/organizing-content/).
+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.
+{{% /pageinfo %}}

content/en/cloud/workspaces/_index.md

@@ -3,6 +3,6 @@ title: Workspaces
 description: >
   A short lead description about this section page. Text here can also be **bold** or _italic_ and can even be split over multiple paragraphs.
 date: 2023-10-28
+menu: {main: {weight: 1}}
 weight: 6
-
 ---

content/en/meshmap/_index.md

@@ -8,25 +8,42 @@ cascade:
     type: docs
 ---
 
+
 {{% pageinfo %}}
-This is a placeholder page that shows you how to use this template site.
-{{% /pageinfo %}}
-
-This section is where the user documentation for your project lives - all the
-information your users need to understand and successfully use your project.
-
-For large documentation sets we recommend adding content under the headings in
-this section, though if some or all of them don’t apply to your project feel
-free to remove them or add your own. You can see an example of a smaller Docsy
-documentation site in the [Docsy User Guide](https://docsy.dev/docs/), which
-lives in the [Docsy theme
-repo](https://github.com/google/docsy/tree/master/userguide) if you'd like to
-copy its docs section.
-
-Other content such as marketing material, case studies, and community updates
-should live in the [About](/about/) and [Community](/community/) pages.
-
-Find out how to use the Docsy theme in the [Docsy User
-Guide](https://docsy.dev/docs/). You can learn more about how to organize your
-documentation (and how we organized this site) in [Organizing Your
-Content](https://docsy.dev/docs/best-practices/organizing-content/).
+
+Meshery 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 various CNCF projects, monitoring, CI/CD, and security tools. MeshMap is like Figma for DevOps, as it allows you to create, test, and deploy cloud native architectures with ease and efficiency.{{% /pageinfo %}}
+
+{{< cardpane >}}
+    <a href="../designer/">
+  {{< card header="Designer" >}}
+    <a name="visualizer"></a>Designer mode is for those who want to create their own MeshMap, using the palette of components provided by Meshery.
+  {{< /card >}}
+    </a>
+  <a href="../visualizer/">
+  {{< card header="Visualizer" >}}
+    <a name="visualizer"></a> Visualizer mode is for operating your Kubernetes clusters and cloud native infrastructure.
+  {{< /card >}}
+  </a>
+{{< /cardpane >}}
+
+## What is MeshMap?
+
+Introduce your project, including what it does or lets you do, why you would use it, and its primary goal (and how it achieves it). This should be similar to your README description, though you can go into a little more detail here if you want.
+
+## Why do I want it?
+
+Help your user know if your project will help them. Useful information can include:
+
+* **What is it good for?**: What types of problems does your project solve? What are the benefits of using it?
+
+* **What is it not good for?**: For example, point out situations that might intuitively seem suited for your project, but aren't for some reason. Also mention known limitations, scaling issues, or anything else that might let your users know if the project is not for them.
+
+* **What is it *not yet* good for?**: Highlight any useful features that are coming soon.
+
+## Where should I go next?
+
+Give your users next steps from the Overview. For example:
+
+* [Getting Started](/docs/getting-started/): Get started with $project
+* [Examples](/docs/examples/): Check out some example code!
+

hugo.toml

@@ -153,6 +153,10 @@ navbar_translucent_over_cover_disable = false
 sidebar_menu_compact = false
 # Set to true to hide the sidebar search box (the top nav search box will still be displayed if search is enabled)
 sidebar_search_disable = false
+# Enable to show toggle arrows
+sidebar_menu_foldable = true
+# ul_show=1
+
 
 # Adds a H2 section titled "Feedback" to the bottom of each doc. The responses are sent to Google Analytics as events.
 # This feature depends on [services.googleAnalytics] and will be disabled if "services.googleAnalytics.id" is not set.