Merge pull request #5 from Namanv0509/banner-html-update

Html to markdown for mastering meshery and banner update

Author: aabidsofi19

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-kubernetes-for-engineers/_index.md

@@ -3,7 +3,7 @@ title: "Mastering Kubernetes for Engineers"
 type: "learning-path"
 description: "Learn how to configure your Kubernetes clusters and manage the lifecycle of your workloads"
 themeColor: "#3C494F"
-cardImage: "/images/learning-path/kubernetes-icon.svg"
+banner: "/11111111-1111-1111-1111-111111111111/images/kubernetes-icon.svg"
 courses: 1
 weight: 2
 ---

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-kubernetes-for-engineers/ambassador-edge-stack-api-gateway-with-meshery/_index.md

@@ -6,7 +6,8 @@ lectures: 4
 courseTitle: "Ambassador Edge Stack API Gateway with Meshery"
 themeColor: "#00B39F"
 order: 1
-cardImage: "../../../src/images/service-mesh-icons/linkerd-white.svg"
+banner: "/11111111-1111-1111-1111-111111111111/images/linkerd-icon-white.svg"
+
 toc:
   [
     "introduction",

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-kubernetes-for-engineers/deploying-wordpress-and-mysql-with-persistent-volumes-with-meshery/_index.md

@@ -6,7 +6,7 @@ lectures: 7
 courseTitle: "Deploying WordPress and MySql with Persistent Volumes with Meshery"
 themeColor: "#00B39F"
 order: 1
-cardImage: "../../../src/images/service-mesh-icons/linkerd-white.svg"
+banner: "/11111111-1111-1111-1111-111111111111/images/linkerd-icon-white.svg"
 meshesYouLearn:
   [
     {

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-kubernetes-for-engineers/explore-dapr-with-meshery/_index.md

@@ -6,8 +6,7 @@ lectures: 4
 courseTitle: "Explore Dapr with Meshery"
 themeColor: "#00B39F"
 order: 4
-cardImage: "../../../src/images/service-mesh-icons/linkerd-white.svg"
-
+banner: "/11111111-1111-1111-1111-111111111111/images/linkerd-icon-white.svg"
 toc:
   [
     "introduction",

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-kubernetes-for-engineers/scalable-postgres-with-cloudnativepg/_index.md

@@ -6,7 +6,7 @@ lectures: 7
 courseTitle: "Scalable Postgres with CloudNativePG"
 themeColor: "#00B39F"
 order: 1
-cardImage: "../../../src/images/service-mesh-icons/linkerd-white.svg"
+banner: "/11111111-1111-1111-1111-111111111111/images/linkerd-icon-white.svg"
 meshesYouLearn:
   [
     {

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-meshery/_index.md

@@ -3,11 +3,11 @@
 title: "Mastering Meshery"
 description: "Learn all about Meshery"
 themeColor: "#00D3A9"
-cardImage: "/images/learning-path/meshery-logo-light.webp"
 courses: 1
 technologyList: ["all"]
 prominentStyling: true
 weight: 1
+banner: "/11111111-1111-1111-1111-111111111111/images/kubernetes-icon.svg"
 ---
 
 <!--

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-meshery/introduction-to-meshery/_index.md

@@ -2,11 +2,10 @@
 docType: "Course"
 title: "Introduction to Meshery"
 description: "Explore Meshery comprehensively in this introductory course. Cover foundational concepts, architectural components, and logical structures. Learn how to create, deploy, and interpret designs. Gain practical insights into configuring Meshery through workspaces and leverage its collaborative attributes to manage your infrastructure."
-lectures: 3
 courseTitle: "Introduction to Meshery"
 themeColor: "#00B39F"
 weight: 1
-cardImage: "../../../src/images/service-mesh-icons/linkerd-white.svg"
+banner: "/11111111-1111-1111-1111-111111111111/images/kubernetes-icon.svg"
 toc:
   [
     "meshery-concepts",

content/learning-paths/11111111-1111-1111-1111-111111111111/mastering-meshery/introduction-to-meshery/configuring-meshery.md

@@ -2,15 +2,11 @@
 draft: false
 docType: "Chapter"
 id: "configuring-meshery"
-chapterTitle: "Configuring Meshery"
 description: "This chapter covers the steps for configuring meshery, including the process of creating teams, workspaces, environments, and connections. It also explains how they associate with each other."
-lectures: 4
 weight: 3
 title: "Configuring Meshery"
 ---
 
-{{< chapterstyle >}}
-
 ## Introduction
 
 Configuring Meshery is foundational to effectively managing and deploying your infrastructure. By understanding what `Teams`, `Workspaces`,`Connections` and `Environments` are and how to set them up, you can effectively manage and monitor your cloud-native infrastructure, as well as collaborate with your team by sharing and organizing your resources.
@@ -24,8 +20,7 @@ To start configuring Meshery:
 1. Navigate to the left sidebar of Meshery.
 1. Click on the **Lifecycle** dropdown and you will see all the menu items we need in this chapter.
 
-{{< image src="/images/learning-path/meshery-configure/lifecycle.png" align="center" width="100%" >}}
-
+![lifecycle]({{< usestatic "mastering-meshery/lifecycle.png" >}})
 ## Creating Teams
 
 Creating a [Team](https://docs.layer5.io/cloud/identity/teams/) is the first step in configuring Meshery. In Meshery, a team is a user group that manages and shares access to resources such as Workspaces, Designs, and Environments. Teams enable efficient collaboration and permission management, facilitating organized operations within an organization. Teams offer control access to workspaces and to workspace resources such as Environments and Connections.
@@ -35,7 +30,8 @@ Follow the steps below to create a team:
 1. Teams are visible when you visit the [**Identity**](https://cloud.layer5.io/identity/teams) page in Layer5 Cloud.
 1. Select **Add Team**, enter a name for your team, add Team Members, and **Create Team**.
 
-{{< image src="/images/learning-path/meshery-configure/create-team.png" align="center" width="100%" >}}
+
+![create-team]({{< usestatic "mastering-meshery/create-team.png" >}})
 
 ## Creating Workspaces
 
@@ -47,12 +43,11 @@ To create a workspace:
 1. Click **Create**.
 1. Enter a name for your workspace and **Save**.
 
-{{< image src="/images/learning-path/meshery-configure/create-workspace.png" align="center" width="100%" >}}
+![create-workspace]({{< usestatic "mastering-meshery/create-workspace.png" >}})
 
 1. Once saved, the new Workspace will be created and displayed on the screen.
 
-{{< image src="/images/learning-path/meshery-configure/confirm-workspace.png" align="center" width="100%" >}}
-
+![confirm-workspace]({{< usestatic "mastering-meshery/confirm-workspace.png" >}})
 In the subsequent sections, we will discuss `Environments` and `Designs` shown in the image above.
 
 ## Creating Environments and Associating Connections
@@ -67,11 +62,11 @@ To create an environment:
 1. Click **Create**.
 1. Enter the name of the environment and **Save**.
 
-{{< image src="/images/learning-path/meshery-configure/create-environment.png" align="center" width="100%" >}}
+![create-environment]({{< usestatic "mastering-meshery/create-environment.png" >}})
 
 1. Once saved, the new Environment will be created and displayed on the screen.
 
-{{< image src="/images/learning-path/meshery-configure/confirm-environment.png" align="center" width="100%" >}}
+![confirm-environment]({{< usestatic "mastering-meshery/confirm-environment.png" >}})
 
 Next We'll learn how to assign Connections to Environments.
 
@@ -83,7 +78,7 @@ To add a connection to an environment:
 
 1. Click on the **arrows** icon, and a modal displaying your available connections will appear.
 
-{{< image src="/images/learning-path/meshery-configure/env-arrow.png" align="center" width="100%" >}}
+![env-arrow]({{< usestatic "mastering-meshery/env-arrow.png" >}})
 
 1. **Available Connections** shows a list of Kubernetes clusters that are currently managed by Meshery.
 1. Select the connection(s) you want to assign.
@@ -94,11 +89,11 @@ To add a connection to an environment:
       * The fourth arrow removes all connections.
 1. Click **Save** to confirm your changes.
 
-{{< image src="/images/learning-path/meshery-configure/env-connect.png" align="center" width="100%" >}}
+![env-connect]({{< usestatic "mastering-meshery/env-connect.png" >}})
 
 1. The Connections have now been assigned to the Environment.
 
-{{< image src="/images/learning-path/meshery-configure/meshery-env.png" align="center" width="100%" >}}
+![meshery-env]({{< usestatic "mastering-meshery/meshery-env.png" >}})
 
 ### Navigating the Connections Page
 
@@ -112,17 +107,17 @@ On the Connections page, you can easily add a Kubernetes cluster connection. To
 
 1. Click the **Add Cluster** button to get started.
 
-{{< image src="/images/learning-path/meshery-configure/add-cluster.png" align="center" width="100%" >}}
+![add-cluster]({{< usestatic "mastering-meshery/add-cluster.png" >}})
 
 1. When the modal appears, navigate to the location of your kubeconfig file and upload it to add your cluster as a connection.
 
-{{< image src="/images/learning-path/meshery-configure/upload-kubeconfig.png" align="center" width="80%" >}}
+![upload-kubeconfig]({{< usestatic "mastering-meshery/upload-kubeconfig.png" >}})
 
 1. After uploading the kubeconfig file, the modal should indicate that your cluster has been successfully added as a connection.
 
     If you uploaded an invalid kubeconfig file, you might see an error message statement like the one below. Please ensure you are uploading the correct file with the proper configuration and try again.
 
-{{< image src="/images/learning-path/meshery-configure/invalid-kubeconfig.png" align="center" width="60%" >}}
+![invalid-kubeconfig]({{< usestatic "mastering-meshery/invalid-kubeconfig.png" >}})
 
 #### Viewing Cluster Connection Details
 
@@ -133,7 +128,7 @@ Each connection has key details associated with it such as:
 3. If [MeshSync](https://docs.meshery.io/concepts/architecture/meshsync) is actively running in your cluster, clicking the "Flush MeshSync" button will update MeshSync with the latest data, ensuring it matches the current state of your cluster.
 This ensures that MeshSync's data is refreshed and accurately reflects the current state of your cluster's infrastructure and resources.
 
-{{< image src="/images/learning-path/meshery-configure/connection-list.png" align="center" width="60%" >}}
+![connection-list]({{< usestatic "mastering-meshery/connection-list.png" >}})
 
 ## Integrating Workspaces with Environments and Designs
 
@@ -146,17 +141,17 @@ Integrating designs with Workspaces enables effective collaboration and sharing
 1. Navigate to **Workspaces** under **Lifecycle**.
 1. In the image below, there are two **arrows** for associating `Environments` and `Designs` to Workspaces, respectively.
 
-{{< image src="/images/learning-path/meshery-configure/environments-designs.png" align="center" width="100%" >}}
+![environments-designs]({{< usestatic "mastering-meshery/environments-designs.png" >}})
 
 1. Click the appropriate arrow to assign the selected Environments(or Designs) and **Save**.
 
-{{< image src="/images/learning-path/meshery-configure/associate-with-workspace.png" align="center" width="100%" >}}
+![associate-with-]({{< usestatic "mastering-meshery/associate-with-workspace.png" >}})
 
 #### Confirm Workspace Association
 
 Now, the environment and design are associated with the workspace. You get standardized resource deployment and cross-team collaboration. This enables efficient resource management and tracking, and makes team members more productive.
 
-{{< image src="/images/learning-path/meshery-configure/confirm-associated-workspace.png" align="center" width="100%" >}}
+![confirm-associated-workspace]({{< usestatic "mastering-meshery/confirm-associated-workspace.png" >}})
 
 ## Conclusion
 
@@ -166,4 +161,4 @@ You explored the setup of environments, which serve as logical groupings for man
 
 Throughout the configuration process, you encountered various steps to integrate workspaces with environments and designs. This integration not only streamlined resource management but also facilitated standardized deployments across Kubernetes clusters associated with your workspace.
 
-{{< /chapterstyle >}}
+