From a74928867dbf94a5a92079dab2209c8fcbcab326 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Fri, 2 Aug 2024 04:02:52 +0530 Subject: [PATCH 1/5] added phrases at different places Signed-off-by: Hargun Kaur --- src/sections/Cloud-Native-Catalog/new-catalog.js | 3 +++ src/sections/Meshery/Features-section/index.js | 2 ++ src/sections/Meshery/index.js | 1 + src/sections/Meshmap/meshmap_banner.js | 2 ++ 4 files changed, 8 insertions(+) diff --git a/src/sections/Cloud-Native-Catalog/new-catalog.js b/src/sections/Cloud-Native-Catalog/new-catalog.js index 1ce3e88780ab..2789b3049d30 100644 --- a/src/sections/Cloud-Native-Catalog/new-catalog.js +++ b/src/sections/Cloud-Native-Catalog/new-catalog.js @@ -51,6 +51,9 @@ const NewCatalog = () => {

CREATE AND SHARE YOUR OWN BEST PRACTICES

+

Showcase your designs in an interactive playground and link to it prominently. +
+ Let users experiment and get hands-on experience with your project right away.

diff --git a/src/sections/Meshery/Features-section/index.js b/src/sections/Meshery/Features-section/index.js index 46ce4c2f1ba4..e7bf467bca72 100644 --- a/src/sections/Meshery/Features-section/index.js +++ b/src/sections/Meshery/Features-section/index.js @@ -85,6 +85,8 @@ const FeaturesSection = () => {

One step to managing your microservices

Cloud Native Application Management

Confidently take full advantage of all that your infrastructure offers.

+

Integrate design patterns directly into your project website and documentation. Make it easy for users to see how your project's design works in practice. +

diff --git a/src/sections/Meshery/index.js b/src/sections/Meshery/index.js index 84a5979d5d8b..150c21f54547 100644 --- a/src/sections/Meshery/index.js +++ b/src/sections/Meshery/index.js @@ -62,6 +62,7 @@ const MesheryPage = () => { image={Nic} />

Manage your clusters with features you won't find anywhere else.

+

Illustrate key concepts with visuals. Use diagrams, charts, or images to help users grasp complex ideas quickly.

diff --git a/src/sections/Meshmap/meshmap_banner.js b/src/sections/Meshmap/meshmap_banner.js index 6ad2b8c91bb1..ebefc820213d 100644 --- a/src/sections/Meshmap/meshmap_banner.js +++ b/src/sections/Meshmap/meshmap_banner.js @@ -188,6 +188,8 @@ const BannerSection = () => {

Friends don't let friends GitOps alone.

+
Showcase your designs in an interactive playground and link to it prominently. +
Let users experiment and get hands-on experience with your project right away.
{/*

Discover and Visualize

Collaborate and Design

any and all your cloud native infra and apps */} From bcee8ab51478732fbe94a6497f51e1d44a28dba4 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Sat, 17 Aug 2024 19:17:02 +0530 Subject: [PATCH 2/5] added changes Signed-off-by: Hargun Kaur --- src/sections/Meshmap/meshmap_banner.js | 2 -- 1 file changed, 2 deletions(-) diff --git a/src/sections/Meshmap/meshmap_banner.js b/src/sections/Meshmap/meshmap_banner.js index ebefc820213d..6ad2b8c91bb1 100644 --- a/src/sections/Meshmap/meshmap_banner.js +++ b/src/sections/Meshmap/meshmap_banner.js @@ -188,8 +188,6 @@ const BannerSection = () => {

Friends don't let friends GitOps alone.

-
Showcase your designs in an interactive playground and link to it prominently. -
Let users experiment and get hands-on experience with your project right away.
{/*

Discover and Visualize

Collaborate and Design

any and all your cloud native infra and apps */} From 29a564220e43ae7ae912cd67b47fc815d5157155 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Sat, 17 Aug 2024 19:25:07 +0530 Subject: [PATCH 3/5] added changes Signed-off-by: Hargun Kaur --- src/sections/Meshery/index.js | 1 - src/sections/Playground/playground-features.js | 2 ++ 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/src/sections/Meshery/index.js b/src/sections/Meshery/index.js index 150c21f54547..84a5979d5d8b 100644 --- a/src/sections/Meshery/index.js +++ b/src/sections/Meshery/index.js @@ -62,7 +62,6 @@ const MesheryPage = () => { image={Nic} />

Manage your clusters with features you won't find anywhere else.

-

Illustrate key concepts with visuals. Use diagrams, charts, or images to help users grasp complex ideas quickly.

diff --git a/src/sections/Playground/playground-features.js b/src/sections/Playground/playground-features.js index f4b83a2bdb60..7b8d38286ee3 100644 --- a/src/sections/Playground/playground-features.js +++ b/src/sections/Playground/playground-features.js @@ -83,6 +83,8 @@ const PlaygroundFeatures = () => {

In the Playground, you can...

+

Illustrate key concepts with visuals. +
Use diagrams, charts, or images to help users grasp complex ideas quickly.

Design architecture diagrams

From b3e328266291e67735d0b3d5c6132f3a237d5a85 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Sat, 17 Aug 2024 19:40:10 +0530 Subject: [PATCH 4/5] added changes Signed-off-by: Hargun Kaur --- src/sections/Meshery/Features-section/index.js | 2 -- src/sections/Meshmap/meshmap-catalog.js | 2 +- 2 files changed, 1 insertion(+), 3 deletions(-) diff --git a/src/sections/Meshery/Features-section/index.js b/src/sections/Meshery/Features-section/index.js index e7bf467bca72..46ce4c2f1ba4 100644 --- a/src/sections/Meshery/Features-section/index.js +++ b/src/sections/Meshery/Features-section/index.js @@ -85,8 +85,6 @@ const FeaturesSection = () => {

One step to managing your microservices

Cloud Native Application Management

Confidently take full advantage of all that your infrastructure offers.

-

Integrate design patterns directly into your project website and documentation. Make it easy for users to see how your project's design works in practice. -

diff --git a/src/sections/Meshmap/meshmap-catalog.js b/src/sections/Meshmap/meshmap-catalog.js index dbc17ec04a6a..a4c7c8429bef 100644 --- a/src/sections/Meshmap/meshmap-catalog.js +++ b/src/sections/Meshmap/meshmap-catalog.js @@ -423,7 +423,7 @@ const Catalog = () => {

- MeshMap is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates. + MeshMap is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates. Integrate design patterns directly into your project website and documentation. Make it easy for users to see how your project's design works in practice.

From 007dfd364b6b4dc13a4fc150da61c0ff21146415 Mon Sep 17 00:00:00 2001 From: Hargun Kaur Date: Mon, 19 Aug 2024 16:52:22 +0530 Subject: [PATCH 5/5] added changes Signed-off-by: Hargun Kaur --- src/sections/Cloud-Native-Catalog/new-catalog.js | 3 --- src/sections/Meshmap/meshmap-catalog.js | 14 +++++++++++++- 2 files changed, 13 insertions(+), 4 deletions(-) diff --git a/src/sections/Cloud-Native-Catalog/new-catalog.js b/src/sections/Cloud-Native-Catalog/new-catalog.js index 2789b3049d30..1ce3e88780ab 100644 --- a/src/sections/Cloud-Native-Catalog/new-catalog.js +++ b/src/sections/Cloud-Native-Catalog/new-catalog.js @@ -51,9 +51,6 @@ const NewCatalog = () => {

CREATE AND SHARE YOUR OWN BEST PRACTICES

-

Showcase your designs in an interactive playground and link to it prominently. -
- Let users experiment and get hands-on experience with your project right away.

diff --git a/src/sections/Meshmap/meshmap-catalog.js b/src/sections/Meshmap/meshmap-catalog.js index a4c7c8429bef..37cb8ea266b4 100644 --- a/src/sections/Meshmap/meshmap-catalog.js +++ b/src/sections/Meshmap/meshmap-catalog.js @@ -33,6 +33,14 @@ box-shadow: 0px 6px 5px 0px rgb(0 0 0 / 25%); padding: 0; } +h1{ + text-align: center; +} + +h4{ + padding-bottom: 1rem; + text-align: center; +} .patterns { display: flex; @@ -420,10 +428,14 @@ h3.containerCaption { const Catalog = () => { return ( +
+

Integrate design patterns directly into your project website and documentation.

+

Make it easy for users to see how your project's design works in practice.

+

- MeshMap is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates. Integrate design patterns directly into your project website and documentation. Make it easy for users to see how your project's design works in practice. + MeshMap is a sophisticated and delightfully intuitive tool for designing and operating cloud native infrastructure for Kubernetes. Choose freestyle composition of your infrastructure by drawing shapes, lines, text, and icons to represent the components and relationships of your Kubernetes clusters or quickstart by selecting a pattern the catalog of predefined templates.