From e40be03c2f95b37530ad524b0528690989a59faa Mon Sep 17 00:00:00 2001 From: Roshan Goswami Date: Sun, 8 Oct 2023 17:28:52 +0530 Subject: [PATCH 1/4] Added the space in between the full stop and the next word Signed-off-by: Roshan Goswami --- .../meshery/operating-service-meshes.js | 286 +++++++++++------- 1 file changed, 183 insertions(+), 103 deletions(-) diff --git a/src/pages/cloud-native-management/meshery/operating-service-meshes.js b/src/pages/cloud-native-management/meshery/operating-service-meshes.js index a96b551959cd..1ffa5cd4522a 100644 --- a/src/pages/cloud-native-management/meshery/operating-service-meshes.js +++ b/src/pages/cloud-native-management/meshery/operating-service-meshes.js @@ -1,118 +1,198 @@ -import React from "react"; +import React from 'react'; -import SEO from "../../../components/seo"; -import HowMesheryWorksHero from "../../../sections/Meshery/How-meshery-works/hero"; +import SEO from '../../../components/seo'; +import HowMesheryWorksHero from '../../../sections/Meshery/How-meshery-works/hero'; -import SMILogo from "../../../sections/Meshery/How-meshery-works/images/servicemeshinterface-icon-color.svg"; -import MesheryLogo from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; -import VisualTopology from "../../../sections/Meshery/How-meshery-works/images/visual-topology.svg"; -import MesheryOperatorLogo from "../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg"; -import Smi from "../../../assets/images/app/projects/smi.svg"; -import WebA from "../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg"; -import SMP from "../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp"; -import { ReactComponent as GithubLogo } from "../../../assets/images/socialIcons/github_colorMode.svg"; -import loadable from "@loadable/component"; -const HowMesheryWorks = loadable(() => import ("../../../sections/Meshery/How-meshery-works")); -const HowMesheryWorksSpecs = loadable(() => import ("../../../sections/Meshery/How-meshery-works/specs")); +import SMILogo from '../../../sections/Meshery/How-meshery-works/images/servicemeshinterface-icon-color.svg'; +import MesheryLogo from '../../../assets/images/meshery/icon-only/meshery-logo-light.svg'; +import VisualTopology from '../../../sections/Meshery/How-meshery-works/images/visual-topology.svg'; +import MesheryOperatorLogo from '../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg'; +import Smi from '../../../assets/images/app/projects/smi.svg'; +import WebA from '../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg'; +import SMP from '../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp'; +import { ReactComponent as GithubLogo } from '../../../assets/images/socialIcons/github_colorMode.svg'; +import loadable from '@loadable/component'; +const HowMesheryWorks = loadable(() => + import('../../../sections/Meshery/How-meshery-works') +); +const HowMesheryWorksSpecs = loadable(() => + import('../../../sections/Meshery/How-meshery-works/specs') +); const OperatingServiceMeshes = () => { return ( <> - + , - description:

GitOps is a way to define workflows for declarative configuration using Git. Meshery greatly simplifies configuring and managing cloud native infrastructure at-scale across multiple clusters with a git-integrated experience.

- }, - { - title: "Supporting Service Mesh Interface", - icon: SMILogo, - description: -

Every Meshery Adapter provides a common substrate of support for every service mesh, offering a - standard set of management features across all service meshes.

, - }, - { - title: "Each service mesh adapter is unique", - icon: MesheryLogo, - description: -

Adapters allow Meshery to interface with the different service meshes, exposing their differentiated value to users.Care is taken in each Meshery Adapter to expose the unique value of each service mesh.

-

Consequently, each Meshery Adapter is not equally capable just as each service mesh is not equally - capable as another service mesh.

-
, - }, - { - title: "MeshMap", - icon: VisualTopology, - description: -
-

MeshMap enables all cloud native management operations from `mesheryctl` to Meshery's web-based user interface in visually interactive topology.

- Designing and configuring your service mesh is as easy as dragging and dropping.

-

Learn more about MeshMap

-
, - }, - { - title: "Extension Points", - icon: MesheryLogo, - description:
-

Meshery is not just an application. It is a set of microservices where the central component is itself called Meshery. Integrators may extend Meshery by taking advantage of designated Extension Points. Extension points come in various forms and are available through Mesherys architecture.

-

Learn more about Extension Points

+ title='How Meshery Manages Cloud Native Infra' + description='As the cloud native manager, Meshery offers support for more adapters than any other project or product in the world. Meshery uses adapters for managing the various service meshes.' + features={[ + { + title: 'GitOps: Configuration as Visual Design', + icon: , + description: ( +

+ GitOps is a way to define workflows for declarative + configuration using Git. Meshery greatly simplifies configuring + and managing cloud native infrastructure at-scale across + multiple clusters with a git-integrated experience. +

+ ), + }, + { + title: 'Supporting Service Mesh Interface', + icon: SMILogo, + description: ( +

+ Every Meshery Adapter provides a common substrate of support for + every service mesh, offering a standard set of management + features across all service meshes. +

+ ), + }, + { + title: 'Each service mesh adapter is unique', + icon: MesheryLogo, + description: ( +
+

+ Adapters allow Meshery to interface with the different service + meshes, exposing their differentiated value to users. Care is + taken in each Meshery Adapter to expose the unique value of + each service mesh.{' '} +

+

+ Consequently, each Meshery Adapter is not equally capable just + as each service mesh is not equally capable as another service + mesh. +

- }, - { - title: "Meshery Operator with MeshSync", - icon: MesheryOperatorLogo, - description: -

MeshSync's ease of use is simple, but tiered, discovery pipelines are powerful and independently scale across multiple Kubernetes clusters.

, - }, - { - title: "Managing multiple instances of the same type of service mesh", - icon: MesheryLogo, - description: -

Adapters establish - communication with Kubernetes and a specific type of service mesh. - Multiple adapters of the same type may be deployed concurrently. Although, - this isn’t strictly necessary for Meshery to communicate to more than one instance of the same type of service mesh. - See the Using Multiple Adapters guide for more information.

, - }, - { - title: "Service Mesh Interface Conformance", - icon: Smi, - description: -

Adapters allow Meshery to interface with the different service meshes, exposing their differentiated value to users.

, - }, - { - title: "WebAssembly Filters", - icon: WebA, - description: -

Meshery dynamically loads and reloads WebAssembly (WASM) modules in service mesh data planes, enabling Envoy-based data planes to be more intelligent and responsive in real-time.

, - }, - { - title: "Service Mesh Performance", - icon: SMP, - description: -

Track your MeshMark and compare with others.

, - }, - { - title: "Broad Platform Support", - icon: MesheryLogo, - description: -

Deploy Meshery to one of ten different supported platforms.

, - }, - ]} /> + ), + }, + { + title: 'MeshMap', + icon: VisualTopology, + description: ( +
+

+ MeshMap enables all cloud native management operations from + `mesheryctl` to Meshery's web-based user interface in visually + interactive topology. +

+

+ Designing and configuring your service mesh is as easy as + dragging and dropping. +

+

+ Learn more about{' '} + + MeshMap + +

+
+ ), + }, + { + title: 'Extension Points', + icon: MesheryLogo, + description: ( +
+

+ Meshery is not just an application. It is a set of + microservices where the central component is itself called + Meshery. Integrators may extend Meshery by taking advantage of + designated Extension Points. Extension points come in various + forms and are available through Mesherys architecture. +

+

+ Learn more about{' '} + + Extension Points + +

+
+ ), + }, + { + title: 'Meshery Operator with MeshSync', + icon: MesheryOperatorLogo, + description: ( +

+ MeshSync's ease of use is simple, but tiered, discovery + pipelines are powerful and independently scale across multiple + Kubernetes clusters. +

+ ), + }, + { + title: + 'Managing multiple instances of the same type of service mesh', + icon: MesheryLogo, + description: ( +

+ Adapters establish communication with Kubernetes and a specific + type of service mesh. Multiple adapters of the same type may be + deployed concurrently. Although, this isn’t strictly necessary + for Meshery to communicate to more than one instance of the same + type of service mesh. See the{' '} + + Using Multiple Adapters + {' '} + guide for more information. +

+ ), + }, + { + title: 'Service Mesh Interface Conformance', + icon: Smi, + description: ( +

+ Adapters allow Meshery to interface with the different service + meshes, exposing their differentiated value to users. +

+ ), + }, + { + title: 'WebAssembly Filters', + icon: WebA, + description: ( +

+ Meshery dynamically loads and reloads WebAssembly (WASM) modules + in service mesh data planes, enabling Envoy-based data planes to + be more intelligent and responsive in real-time. +

+ ), + }, + { + title: 'Service Mesh Performance', + icon: SMP, + description:

Track your MeshMark and compare with others.

, + }, + { + title: 'Broad Platform Support', + icon: MesheryLogo, + description: ( +

Deploy Meshery to one of ten different supported platforms.

+ ), + }, + ]} + /> - ); }; export default OperatingServiceMeshes; export const Head = () => { - return ; -}; \ No newline at end of file + return ( + + ); +}; From 49b0bece19c0d8de759c542cafde497c2a2d781d Mon Sep 17 00:00:00 2001 From: shishiro Date: Mon, 9 Oct 2023 00:44:57 +0530 Subject: [PATCH 2/4] fixed_grammar_adjustment Signed-off-by: shishiro --- src/sections/Community/index.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/sections/Community/index.js b/src/sections/Community/index.js index 239529fe530f..9711439a6ff4 100644 --- a/src/sections/Community/index.js +++ b/src/sections/Community/index.js @@ -85,7 +85,7 @@ const CommunityPage = () => {

Our Community Members

With active members from around the globe, the Layer5 community is a collection of diverse open source contributors, each of whom espouse our cultural values of inclusivity and paying it forward for others. - We welcome individuals at all stages of their development and of all walks of life. Every member is encourage to embrace these values and support one another in meaningfully and consistently advancing the community's open source initiatives. + We welcome individuals at all stages of their development and of all walks of life. Every member is encouraged to embrace these values and support one another in meaningfully and consistently advancing the community's open source initiatives.

We believe that every contributor deserves a safe and friendly environment, From 789afeb997f2b75241878de0afcf3065343c2dd5 Mon Sep 17 00:00:00 2001 From: Roshan Goswami Date: Mon, 9 Oct 2023 18:22:26 +0530 Subject: [PATCH 3/4] Remove unnecessary changes and added the space in between the full stop and the next word Signed-off-by: Roshan Goswami --- .../meshery/operating-service-meshes.js | 286 +++++++----------- 1 file changed, 103 insertions(+), 183 deletions(-) diff --git a/src/pages/cloud-native-management/meshery/operating-service-meshes.js b/src/pages/cloud-native-management/meshery/operating-service-meshes.js index 1ffa5cd4522a..772248a88dbf 100644 --- a/src/pages/cloud-native-management/meshery/operating-service-meshes.js +++ b/src/pages/cloud-native-management/meshery/operating-service-meshes.js @@ -1,198 +1,118 @@ -import React from 'react'; +import React from "react"; -import SEO from '../../../components/seo'; -import HowMesheryWorksHero from '../../../sections/Meshery/How-meshery-works/hero'; +import SEO from "../../../components/seo"; +import HowMesheryWorksHero from "../../../sections/Meshery/How-meshery-works/hero"; -import SMILogo from '../../../sections/Meshery/How-meshery-works/images/servicemeshinterface-icon-color.svg'; -import MesheryLogo from '../../../assets/images/meshery/icon-only/meshery-logo-light.svg'; -import VisualTopology from '../../../sections/Meshery/How-meshery-works/images/visual-topology.svg'; -import MesheryOperatorLogo from '../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg'; -import Smi from '../../../assets/images/app/projects/smi.svg'; -import WebA from '../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg'; -import SMP from '../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp'; -import { ReactComponent as GithubLogo } from '../../../assets/images/socialIcons/github_colorMode.svg'; -import loadable from '@loadable/component'; -const HowMesheryWorks = loadable(() => - import('../../../sections/Meshery/How-meshery-works') -); -const HowMesheryWorksSpecs = loadable(() => - import('../../../sections/Meshery/How-meshery-works/specs') -); +import SMILogo from "../../../sections/Meshery/How-meshery-works/images/servicemeshinterface-icon-color.svg"; +import MesheryLogo from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; +import VisualTopology from "../../../sections/Meshery/How-meshery-works/images/visual-topology.svg"; +import MesheryOperatorLogo from "../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg"; +import Smi from "../../../assets/images/app/projects/smi.svg"; +import WebA from "../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg"; +import SMP from "../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp"; +import { ReactComponent as GithubLogo } from "../../../assets/images/socialIcons/github_colorMode.svg"; +import loadable from "@loadable/component"; +const HowMesheryWorks = loadable(() => import ("../../../sections/Meshery/How-meshery-works")); +const HowMesheryWorksSpecs = loadable(() => import ("../../../sections/Meshery/How-meshery-works/specs")); const OperatingServiceMeshes = () => { return ( <> - + , - description: ( -

- GitOps is a way to define workflows for declarative - configuration using Git. Meshery greatly simplifies configuring - and managing cloud native infrastructure at-scale across - multiple clusters with a git-integrated experience. -

- ), - }, - { - title: 'Supporting Service Mesh Interface', - icon: SMILogo, - description: ( -

- Every Meshery Adapter provides a common substrate of support for - every service mesh, offering a standard set of management - features across all service meshes. -

- ), - }, - { - title: 'Each service mesh adapter is unique', - icon: MesheryLogo, - description: ( -
-

- Adapters allow Meshery to interface with the different service - meshes, exposing their differentiated value to users. Care is - taken in each Meshery Adapter to expose the unique value of - each service mesh.{' '} -

-

- Consequently, each Meshery Adapter is not equally capable just - as each service mesh is not equally capable as another service - mesh. -

+ title="How Meshery Manages Cloud Native Infra" + description="As the cloud native manager, Meshery offers support for more adapters than any other project or product in the world. Meshery uses adapters for managing the various service meshes." + features={ + [ + { + title: "GitOps: Configuration as Visual Design", + icon: , + description:

GitOps is a way to define workflows for declarative configuration using Git. Meshery greatly simplifies configuring and managing cloud native infrastructure at-scale across multiple clusters with a git-integrated experience.

+ }, + { + title: "Supporting Service Mesh Interface", + icon: SMILogo, + description: +

Every Meshery Adapter provides a common substrate of support for every service mesh, offering a + standard set of management features across all service meshes.

, + }, + { + title: "Each service mesh adapter is unique", + icon: MesheryLogo, + description: +

Adapters allow Meshery to interface with the different service meshes, exposing their differentiated value to users. Care is taken in each Meshery Adapter to expose the unique value of each service mesh.

+

Consequently, each Meshery Adapter is not equally capable just as each service mesh is not equally + capable as another service mesh.

+
, + }, + { + title: "MeshMap", + icon: VisualTopology, + description: +
+

MeshMap enables all cloud native management operations from `mesheryctl` to Meshery's web-based user interface in visually interactive topology.

+ Designing and configuring your service mesh is as easy as dragging and dropping.

+

Learn more about MeshMap

+
, + }, + { + title: "Extension Points", + icon: MesheryLogo, + description:
+

Meshery is not just an application. It is a set of microservices where the central component is itself called Meshery. Integrators may extend Meshery by taking advantage of designated Extension Points. Extension points come in various forms and are available through Mesherys architecture.

+

Learn more about Extension Points

- ), - }, - { - title: 'MeshMap', - icon: VisualTopology, - description: ( -
-

- MeshMap enables all cloud native management operations from - `mesheryctl` to Meshery's web-based user interface in visually - interactive topology. -

-

- Designing and configuring your service mesh is as easy as - dragging and dropping. -

-

- Learn more about{' '} - - MeshMap - -

-
- ), - }, - { - title: 'Extension Points', - icon: MesheryLogo, - description: ( -
-

- Meshery is not just an application. It is a set of - microservices where the central component is itself called - Meshery. Integrators may extend Meshery by taking advantage of - designated Extension Points. Extension points come in various - forms and are available through Mesherys architecture. -

-

- Learn more about{' '} - - Extension Points - -

-
- ), - }, - { - title: 'Meshery Operator with MeshSync', - icon: MesheryOperatorLogo, - description: ( -

- MeshSync's ease of use is simple, but tiered, discovery - pipelines are powerful and independently scale across multiple - Kubernetes clusters. -

- ), - }, - { - title: - 'Managing multiple instances of the same type of service mesh', - icon: MesheryLogo, - description: ( -

- Adapters establish communication with Kubernetes and a specific - type of service mesh. Multiple adapters of the same type may be - deployed concurrently. Although, this isn’t strictly necessary - for Meshery to communicate to more than one instance of the same - type of service mesh. See the{' '} - - Using Multiple Adapters - {' '} - guide for more information. -

- ), - }, - { - title: 'Service Mesh Interface Conformance', - icon: Smi, - description: ( -

- Adapters allow Meshery to interface with the different service - meshes, exposing their differentiated value to users. -

- ), - }, - { - title: 'WebAssembly Filters', - icon: WebA, - description: ( -

- Meshery dynamically loads and reloads WebAssembly (WASM) modules - in service mesh data planes, enabling Envoy-based data planes to - be more intelligent and responsive in real-time. -

- ), - }, - { - title: 'Service Mesh Performance', - icon: SMP, - description:

Track your MeshMark and compare with others.

, - }, - { - title: 'Broad Platform Support', - icon: MesheryLogo, - description: ( -

Deploy Meshery to one of ten different supported platforms.

- ), - }, - ]} - /> + }, + { + title: "Meshery Operator with MeshSync", + icon: MesheryOperatorLogo, + description: +

MeshSync's ease of use is simple, but tiered, discovery pipelines are powerful and independently scale across multiple Kubernetes clusters.

, + }, + { + title: "Managing multiple instances of the same type of service mesh", + icon: MesheryLogo, + description: +

Adapters establish + communication with Kubernetes and a specific type of service mesh. + Multiple adapters of the same type may be deployed concurrently. Although, + this isn’t strictly necessary for Meshery to communicate to more than one instance of the same type of service mesh. + See the Using Multiple Adapters guide for more information.

, + }, + { + title: "Service Mesh Interface Conformance", + icon: Smi, + description: +

Adapters allow Meshery to interface with the different service meshes, exposing their differentiated value to users.

, + }, + { + title: "WebAssembly Filters", + icon: WebA, + description: +

Meshery dynamically loads and reloads WebAssembly (WASM) modules in service mesh data planes, enabling Envoy-based data planes to be more intelligent and responsive in real-time.

, + }, + { + title: "Service Mesh Performance", + icon: SMP, + description: +

Track your MeshMark and compare with others.

, + }, + { + title: "Broad Platform Support", + icon: MesheryLogo, + description: +

Deploy Meshery to one of ten different supported platforms.

, + }, + ]} /> + ); }; export default OperatingServiceMeshes; export const Head = () => { - return ( - - ); -}; + return ; +}; \ No newline at end of file From f60e7f6db245dd80b2c199ad2d926a28cc777398 Mon Sep 17 00:00:00 2001 From: vishalvivekm <110674407+vishalvivekm@users.noreply.github.com> Date: Wed, 11 Oct 2023 17:38:50 +0530 Subject: [PATCH 4/4] fix-maintainer-profile-link Signed-off-by: vishalvivekm <110674407+vishalvivekm@users.noreply.github.com> --- src/sections/Community/Handbook/repo-data.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js index a5c3eaa7899a..026df1848718 100644 --- a/src/sections/Community/Handbook/repo-data.js +++ b/src/sections/Community/Handbook/repo-data.js @@ -30,7 +30,7 @@ export const repo_data = [ site: "https://layer5.io/", language: "Gatsby", maintainers_name: ["Nikhil Ladha"], - link: ["https://layer5.io/community/members/gaurav-chadha","https://layer5.io/community/members/nikhil-ladha"], + link: ["https://layer5.io/community/members/nikhil-ladha"], repository: "https://github.com/layer5io/layer5", }, { @@ -97,7 +97,7 @@ export const repo_data = [ site: "https://discuss.layer5.io", language: "Discourse", maintainers_name: ["Vivek Vishal"], - link: ["https://layer5.io/community/members/vishal-vivek"], + link: ["https://layer5.io/community/members/vivek-vishal"], repository: " https://discuss.layer5.io", }, { @@ -106,7 +106,7 @@ export const repo_data = [ site: "https://service-mesh-patterns.github.io/service-mesh-patterns/", language: "Gatsby", maintainers_name: ["Nikhil Ladha"], - link: ["https://layer5.io/community/members/gaurav-chadha","https://layer5.io/community/members/nikhil-ladha"], + link: ["https://layer5.io/community/members/nikhil-ladha"], repository: "https://github.com/service-mesh-patterns/service-mesh-patterns", }, {