From 186983ce7b0bfed2cc7adcaf3c8b6bc267ed3133 Mon Sep 17 00:00:00 2001 From: Nicole Payne Date: Thu, 5 Sep 2024 07:47:59 +0000 Subject: [PATCH 01/51] initial commit Signed-off-by: Nicole Payne --- src/sections/Home/Playground-home/index.js | 98 ++++++++++++++-------- 1 file changed, 64 insertions(+), 34 deletions(-) diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js index bd2df1029335..c179eeacff5e 100644 --- a/src/sections/Home/Playground-home/index.js +++ b/src/sections/Home/Playground-home/index.js @@ -35,13 +35,14 @@ const ViewsSectionWrapper = styled.div` align-items: center; padding: 0 5% 0 0; box-sizing: border-box; - //box-shadow: ${(props) => props.theme.boxShadowBlue477E96}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); overflow: hidden; @media only screen and (max-width: 767px) { text-align: center; flex-direction: column-reverse; + height: auto; + padding: 10% 0; } } .hero-text { @@ -58,7 +59,6 @@ const ViewsSectionWrapper = styled.div` } h2 { - /* max-width: 90%; */ padding-bottom: 2%; } } @@ -105,14 +105,15 @@ const ViewsSectionWrapper = styled.div` } - .overlay { - width: 483px; - height: 680px; - } - .container { display: flex; justify-content: center; + width: 100%; + overflow: hidden; + + @media only screen and (max-width: 767px) { + flex-direction: row; + } } .line { @@ -121,18 +122,38 @@ const ViewsSectionWrapper = styled.div` align-items: center; margin-right: 2rem; flex-wrap: wrap; + + @media only screen and (max-width: 767px) { + flex-direction: row; + } } .position-line-down{ - transform: translateY(-20em); + transform: translateY(-20em); + + @media only screen and (max-width: 767px) { + transform: translateX(-20em) + } } .position-line-up{ - transform: translateY(20em); + transform: translateY(20em); + + @media only screen and (max-width: 767px) { + transform: translateX(20em) + } } .line-primary, .line-secondary { - width: 100%; - display: flex; - flex-direction: column; + width: 100%; + display: flex; + flex-direction: column; + } + + .line-primary { + @media only screen and (max-width: 767px) { + flex-direction: row; + width: auto; + margin: 0 5%; + } } .animation-up-scroll { @@ -146,6 +167,9 @@ const ViewsSectionWrapper = styled.div` transform: translateY(-100%); } } + @media only screen and (max-width: 767px) { + animation: none /*to disable vertical animation on mobile*/ + } } .animation-down-scroll { @@ -158,7 +182,29 @@ const ViewsSectionWrapper = styled.div` transform: translateY(100%); } } + @media only screen and (max-width: 767px) { + animation: none /*to disable vertical animation on mobile*/ + } } + + .animation-left-right { + animation: scroll-left-right 15s linear infinite; + + + + @media only screen and (min-width: 768px) { + animation: none; /* Disable horizontal scroll animation on desktop */ + @keyframes scroll-left-right { + 0% { + transform: translateX(0%); + } + 100% { + transform: translateX(-50%); + } + } + } + } + .box { display: flex; flex-direction: column; @@ -171,11 +217,7 @@ const ViewsSectionWrapper = styled.div` background-color: ${(props) => props.theme.backgroundColor}; margin-bottom: 1rem; border-radius: 1rem; - //box-shadow: ${(props) => props.theme.boxShadowGreen00D3A9ToBlackTwoFive}; } - // .box:hover { - // box-shadow: ${(props) => props.theme.boxShadowBlue477E96}; - // } .box .boxImg { width: auto; @@ -189,9 +231,6 @@ const ViewsSectionWrapper = styled.div` } @media only screen and (max-width: 700px) { - .hero-image { - display: none; - } .views-section { padding: 2rem 2rem 0 2rem; height: auto; @@ -215,19 +254,10 @@ const MeshmapVisualizerViews = () => {
- {/* */} -
-
-
+
+
+
Prometheus
@@ -247,8 +277,8 @@ const MeshmapVisualizerViews = () => {
-
-
+
+
Kubernetes
From e300b5fb4342ba57ba176f366879c8ae34026f70 Mon Sep 17 00:00:00 2001 From: Nicole Payne Date: Sat, 7 Sep 2024 03:25:04 +0000 Subject: [PATCH 02/51] fixed mobile integrations column Signed-off-by: Nicole Payne --- src/sections/Home/Playground-home/index.js | 320 ++++++++++++--------- 1 file changed, 178 insertions(+), 142 deletions(-) diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js index c179eeacff5e..6269615b8348 100644 --- a/src/sections/Home/Playground-home/index.js +++ b/src/sections/Home/Playground-home/index.js @@ -19,100 +19,106 @@ const ViewsSectionWrapper = styled.div` .small-card-container { display: flex; gap: 1rem; + + @media only screen and (max-width: 767px) { + justify-content: center; + } } .views-section { - position: relative; - display: flex; - flex-direction: row; - background-color: ${(props) => props.theme.grey191919ToGreyF2F5F7}; - margin: 3%; - border-radius: 1rem; - max-width: 1920px; - width: 90vw; - height: 500px; - justify-content: space-evenly; - align-items: center; - padding: 0 5% 0 0; - box-sizing: border-box; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - overflow: hidden; + position: relative; + display: flex; + flex-direction: row; + background-color: ${(props) => props.theme.grey191919ToGreyF2F5F7}; + margin: 3%; + border-radius: 1rem; + max-width: 1920px; + width: 90vw; + height: 500px; + justify-content: space-evenly; + align-items: center; + padding: 0 5% 0 0; + box-sizing: border-box; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + overflow: hidden; - @media only screen and (max-width: 767px) { - text-align: center; - flex-direction: column-reverse; - height: auto; - padding: 10% 0; + @media only screen and (max-width: 767px) { + text-align: center; + flex-direction: column-reverse; + height: auto; + padding: 1.5rem; + } } -} + .hero-text { - display: flex; - flex-direction: column; - flex: 0 0 50%; - max-width: 50%; - padding-bottom: 3rem; - @media only screen and (max-width: 767px) { - max-width: 100%; - justify-content: center; - text-align: center; - } + display: flex; + flex-direction: column; + flex: 0 0 50%; + max-width: 50%; + padding-bottom: 3rem; + + @media only screen and (max-width: 767px) { + max-width: 100%; + justify-content: center; + text-align: center; + padding-bottom: 1rem; + } } h2 { - padding-bottom: 2%; - } + padding-bottom: 2%; } h4 { - max-width: 90%; - @media only screen and (max-width: 767px) { - max-width: 100%; - } + max-width: 90%; + + @media only screen and (max-width: 767px) { + max-width: 100%; + } } .hero-image { - position: relative; - display: flex; - justify-content: center; - flex: 0 0 50%; - max-width: 50%; - - - - svg { - align-items: center; - justify-content: center; - width: 70%; - .visualizer-views-colorMode_svg__colorMode1 { - fill: ${(props) => props.theme.whiteToGrey737373}; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - } - } + position: relative; + display: flex; + justify-content: center; + flex: 0 0 50%; + max-width: 50%; - .visible { - opacity: 1; - transition: all 0.2s ease-in; + svg { + align-items: center; + justify-content: center; + width: 70%; + .visualizer-views-colorMode_svg__colorMode1 { + fill: ${(props) => props.theme.whiteToGrey737373}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } + } - .not-visible { - opacity: 0; - transition: all 0.5s ease; - } + .visible { + opacity: 1; + transition: all 0.2s ease-in; + } - @media only screen and (max-width: 767px) { - max-width: 100%; - } + .not-visible { + opacity: 0; + transition: all 0.5s ease; + } + @media only screen and (max-width: 767px) { + max-width: 100%; + } } .container { display: flex; justify-content: center; width: 100%; - overflow: hidden; + // overflow: hidden; @media only screen and (max-width: 767px) { - flex-direction: row; + flex-direction: column; + margin: 1rem 0; + padding: 0 1rem; } } @@ -125,85 +131,44 @@ const ViewsSectionWrapper = styled.div` @media only screen and (max-width: 767px) { flex-direction: row; - } - } - .position-line-down{ - transform: translateY(-20em); - - @media only screen and (max-width: 767px) { - transform: translateX(-20em) - } - } - .position-line-up{ - transform: translateY(20em); - - @media only screen and (max-width: 767px) { - transform: translateX(20em) + flex-wrap: nowrap; + white-space: nowrap; + align-items: center; + justify-content: center; } } - .line-primary, .line-secondary { + .line-primary { width: 100%; display: flex; flex-direction: column; - } + flex: 1; + margin: 0 5%; - .line-primary { @media only screen and (max-width: 767px) { flex-direction: row; - width: auto; - margin: 0 5%; - } - } + } + } - .animation-up-scroll { - animation: scroll-up-animation 15s linear infinite; - - @keyframes scroll-up-animation { - 0% { - transform: translateY(0%); - } - 100% { - transform: translateY(-100%); - } - } - @media only screen and (max-width: 767px) { - animation: none /*to disable vertical animation on mobile*/ - } - } - .animation-down-scroll { + .position-line-down-left { + //For tablet/desktop screens, icons will move down vertically + transform: translateY(-20rem); - animation: scroll-down-animation 15s linear infinite; - @keyframes scroll-down-animation { - 0% { - transform: translateY(0); - } - 100% { - transform: translateY(100%); - } - } - @media only screen and (max-width: 767px) { - animation: none /*to disable vertical animation on mobile*/ - } + //For mobile screens, icons will move to the left horizontally + @media only screen and (max-width: 767px) { + transform: translateX(-20rem); + } } - .animation-left-right { - animation: scroll-left-right 15s linear infinite; - - + .position-line-up-right { + //For tablet/desktop screens, icons will move up vertically + transform: translateY(20rem); - @media only screen and (min-width: 768px) { - animation: none; /* Disable horizontal scroll animation on desktop */ - @keyframes scroll-left-right { - 0% { - transform: translateX(0%); - } - 100% { - transform: translateX(-50%); - } - } + //For mobile screens, icons will move to the right horizontally + @media only screen and (max-width: 767px) { + transform: translateX(20rem); } - } + } .box { display: flex; @@ -211,12 +176,19 @@ const ViewsSectionWrapper = styled.div` align-items: center; justify-content: center; width: 100%; - height:150px; + height: 150px; padding: 2rem; box-sizing: border-box; background-color: ${(props) => props.theme.backgroundColor}; margin-bottom: 1rem; border-radius: 1rem; + + @media only screen and (max-width: 767px) { + flex: 0 0 auto; + margin: 5%; + width: 125px; + height: 125px; + } } .box .boxImg { @@ -230,17 +202,81 @@ const ViewsSectionWrapper = styled.div` text-align: center; } - @media only screen and (max-width: 700px) { - .views-section { - padding: 2rem 2rem 0 2rem; - height: auto; + // Animation + + // Vertical animation for tablet screen sizes and up. + .animation-up-scroll { + animation: scroll-up-animation 15s linear infinite; + + @keyframes scroll-up-animation { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(-100%); + } } - .small-card-container { - display: flex; - justify-content: center; + + @media only screen and (max-width: 767px) { + //to disable vertical animation on mobile in favor of horizontal animation + animation: none; } } + .animation-down-scroll { + animation: scroll-down-animation 15s linear infinite; + + @keyframes scroll-down-animation { + 0% { + transform: translateY(0%); + } + 100% { + transform: translateY(100%); + } + } + + @media only screen and (max-width: 767px) { + //to disable vertical animation on mobile in favor of horizontal animation for smaller screens + animation: none; + } + } + + .animation-left-scroll { + animation: scroll-left-animation 10s linear infinite; + + @keyframes scroll-left-animation { + 0% { + transform: translateX(0); + } + 100% { + transform: translateX(-20rem); + } + } + + @media only screen and (min-width: 768px) { + //to disable horizontal animation on mobile in favor of vertical animation for larger screens + animation: none; + } + } + + //horizontal animation- to the right + .animation-right-scroll { + animation: scroll-right-animation 10s linear infinite; + + @keyframes scroll-right-animation { + 0% { + transform: translateX(-20rem); + } + 100% { + transform: translateX(0); + } + } + + @media only screen and (min-width: 768px) { + //to disable horizontal animation on mobile in favor of vertical animation for larger screens + animation: none; + } + } `; const MeshmapVisualizerViews = () => { @@ -256,8 +292,8 @@ const MeshmapVisualizerViews = () => {
-
-
+
+
Prometheus
@@ -277,8 +313,8 @@ const MeshmapVisualizerViews = () => {
-
-
+
+
Kubernetes
From f7b7de91e9a5964243ab3a6c4149d607ddbadda8 Mon Sep 17 00:00:00 2001 From: Nicole Payne Date: Tue, 10 Sep 2024 05:27:59 +0000 Subject: [PATCH 03/51] edited code per Layer5 request Signed-off-by: Nicole Payne --- src/sections/Home/Playground-home/index.js | 276 +++++++++++---------- 1 file changed, 150 insertions(+), 126 deletions(-) diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js index 6269615b8348..5d9d060296f2 100644 --- a/src/sections/Home/Playground-home/index.js +++ b/src/sections/Home/Playground-home/index.js @@ -19,107 +19,112 @@ const ViewsSectionWrapper = styled.div` .small-card-container { display: flex; gap: 1rem; - @media only screen and (max-width: 767px) { justify-content: center; } } .views-section { - position: relative; - display: flex; - flex-direction: row; - background-color: ${(props) => props.theme.grey191919ToGreyF2F5F7}; - margin: 3%; - border-radius: 1rem; - max-width: 1920px; - width: 90vw; - height: 500px; - justify-content: space-evenly; - align-items: center; - padding: 0 5% 0 0; - box-sizing: border-box; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); - overflow: hidden; + position: relative; + display: flex; + flex-direction: row; + background-color: ${(props) => props.theme.grey191919ToGreyF2F5F7}; + margin: 3%; + border-radius: 1rem; + max-width: 1920px; + width: 90vw; + height: 500px; + justify-content: space-evenly; + align-items: center; + padding: 0 5% 0 0; + box-sizing: border-box; + //box-shadow: ${(props) => props.theme.boxShadowBlue477E96}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + overflow: hidden; - @media only screen and (max-width: 767px) { - text-align: center; - flex-direction: column-reverse; - height: auto; - padding: 1.5rem; - } + @media only screen and (max-width: 767px) { + text-align: center; + flex-direction: column-reverse; + height: auto; + padding: 1.5rem; } - +} .hero-text { - display: flex; - flex-direction: column; - flex: 0 0 50%; - max-width: 50%; - padding-bottom: 3rem; - - @media only screen and (max-width: 767px) { - max-width: 100%; - justify-content: center; - text-align: center; - padding-bottom: 1rem; - } + display: flex; + flex-direction: column; + flex: 0 0 50%; + max-width: 50%; + padding-bottom: 3rem; + @media only screen and (max-width: 767px) { + max-width: 100%; + justify-content: center; + text-align: center; + padding-bottom: 1rem; + } } h2 { - padding-bottom: 2%; + /* max-width: 90%; */ + padding-bottom: 2%; + } } h4 { - max-width: 90%; - - @media only screen and (max-width: 767px) { - max-width: 100%; - } + max-width: 90%; + @media only screen and (max-width: 767px) { + max-width: 100%; + } } .hero-image { - position: relative; - display: flex; - justify-content: center; - flex: 0 0 50%; - max-width: 50%; - - svg { - align-items: center; + position: relative; + display: flex; justify-content: center; - width: 70%; - .visualizer-views-colorMode_svg__colorMode1 { - fill: ${(props) => props.theme.whiteToGrey737373}; - transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + flex: 0 0 50%; + max-width: 50%; + + + + svg { + align-items: center; + justify-content: center; + width: 70%; + .visualizer-views-colorMode_svg__colorMode1 { + fill: ${(props) => props.theme.whiteToGrey737373}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + } } - } - .visible { - opacity: 1; - transition: all 0.2s ease-in; - } + .visible { + opacity: 1; + transition: all 0.2s ease-in; + } - .not-visible { - opacity: 0; - transition: all 0.5s ease; - } + .not-visible { + opacity: 0; + transition: all 0.5s ease; + } + + @media only screen and (max-width: 767px) { + max-width: 100%; + } - @media only screen and (max-width: 767px) { - max-width: 100%; - } } + // .overlay { + // width: 483px; + // height: 680px; + // } + .container { display: flex; justify-content: center; width: 100%; - // overflow: hidden; - @media only screen and (max-width: 767px) { - flex-direction: column; - margin: 1rem 0; - padding: 0 1rem; - } + flex-direction: column; + margin: 1rem 0; + padding: 0 1rem; + } } .line { @@ -128,28 +133,14 @@ const ViewsSectionWrapper = styled.div` align-items: center; margin-right: 2rem; flex-wrap: wrap; - @media only screen and (max-width: 767px) { - flex-direction: row; - flex-wrap: nowrap; - white-space: nowrap; - align-items: center; - justify-content: center; - } + flex-direction: row; + flex-wrap: nowrap; + white-space: nowrap; + align-items: center; + justify-content: center; + } } - - .line-primary { - width: 100%; - display: flex; - flex-direction: column; - flex: 1; - margin: 0 5%; - - @media only screen and (max-width: 767px) { - flex-direction: row; - } - } - .position-line-down-left { //For tablet/desktop screens, icons will move down vertically transform: translateY(-20rem); @@ -159,8 +150,7 @@ const ViewsSectionWrapper = styled.div` transform: translateX(-20rem); } } - - .position-line-up-right { + .position-line-up-right { //For tablet/desktop screens, icons will move up vertically transform: translateY(20rem); @@ -169,40 +159,19 @@ const ViewsSectionWrapper = styled.div` transform: translateX(20rem); } } - - .box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: 150px; - padding: 2rem; - box-sizing: border-box; - background-color: ${(props) => props.theme.backgroundColor}; - margin-bottom: 1rem; - border-radius: 1rem; - - @media only screen and (max-width: 767px) { - flex: 0 0 auto; - margin: 5%; - width: 125px; - height: 125px; - } - } - .box .boxImg { - width: auto; - height: 60px; - max-width: 100%; - } - - .box .boxText { - margin-top: 1rem; - text-align: center; + .line-primary { + width: 100%; + display: flex; + flex-direction: column; + flex: 1; + margin: 0 5%; + @media only screen and (max-width: 767px) { + flex-direction: row; + } } - // Animation + // Animation // Vertical animation for tablet screen sizes and up. .animation-up-scroll { @@ -277,6 +246,52 @@ const ViewsSectionWrapper = styled.div` animation: none; } } + + .box { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + width: 100%; + height: 150px; + padding: 2rem; + box-sizing: border-box; + background-color: ${(props) => props.theme.backgroundColor}; + margin-bottom: 1rem; + border-radius: 1rem; + + @media only screen and (max-width: 767px) { + flex: 0 0 auto; + margin: 5%; + width: 125px; + height: 125px; + } + } + .box .boxImg { + width: auto; + height: 60px; + max-width: 100%; + } + + .box .boxText { + margin-top: 1rem; + text-align: center; + } + + // @media only screen and (max-width: 700px) { + // .hero-image { + // display: none; + // } + // .views-section { + // padding: 2rem 2rem 0 2rem; + // height: auto; + // } + // .small-card-container { + // display: flex; + // justify-content: center; + // } + // } + `; const MeshmapVisualizerViews = () => { @@ -290,8 +305,17 @@ const MeshmapVisualizerViews = () => {
-
+ {/* */} +
From 039a49c47c616a2d14866d94002d2d7d44a9d3fe Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Thu, 5 Sep 2024 18:05:20 +0530 Subject: [PATCH 04/51] update profiles Signed-off-by: Nicole Payne --- src/collections/members/akshay-sharma/index.mdx | 2 +- src/collections/members/nithish-karthik/index.mdx | 2 +- src/collections/members/saurabh-kumar-singh/index.mdx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/collections/members/akshay-sharma/index.mdx b/src/collections/members/akshay-sharma/index.mdx index b33f52718743..b763a7e2dd4b 100644 --- a/src/collections/members/akshay-sharma/index.mdx +++ b/src/collections/members/akshay-sharma/index.mdx @@ -10,6 +10,6 @@ location: West Bengal, India bio: "Hi,I like to code!" badges: - meshmap -status: Active +status: Inactive published: true --- diff --git a/src/collections/members/nithish-karthik/index.mdx b/src/collections/members/nithish-karthik/index.mdx index e373b39bd1a5..61046a0a4540 100644 --- a/src/collections/members/nithish-karthik/index.mdx +++ b/src/collections/members/nithish-karthik/index.mdx @@ -8,7 +8,7 @@ linkedin: nithish-karthik-5389b920a layer5: 990f779c-708d-4396-84b8-e2ba37c1adcc location: Tamil Nadu, India bio: Hello there, I am Nithish, a sophomore student at Indian Institute of Technology, Varanasi. I have a keen sense of interest in technology related stuff. I like to explore everything that comes in my way. I am geared towards making a positive impact on people by engaging with open source communities. -status: Active +status: Inactive published: true badges: - meshery diff --git a/src/collections/members/saurabh-kumar-singh/index.mdx b/src/collections/members/saurabh-kumar-singh/index.mdx index 2ac534c3b739..93d0ae74d72a 100644 --- a/src/collections/members/saurabh-kumar-singh/index.mdx +++ b/src/collections/members/saurabh-kumar-singh/index.mdx @@ -7,6 +7,6 @@ twitter: Saurabh_1203 linkedin: saurabhsingh1203 location: New Delhi, India bio: CSE B.Tech Graduate with a Strong Affinity for Open-Source Development. -status: Active +status: Inactive published: true --- From d6eb5cf96e2164580db6ca732fab45f161f297d2 Mon Sep 17 00:00:00 2001 From: MUzairS15 Date: Sat, 7 Sep 2024 00:21:36 +0000 Subject: [PATCH 05/51] [Docs] Generated documentation for Integration Signed-off-by: l5io Signed-off-by: Nicole Payne --- .../cluster-api-provider-openstack/index.mdx | 8 +- .../crossplane-provider-openstack/index.mdx | 2 +- .../k8s-config-connector/index.mdx | 2 +- .../components/pen/icons/color/pen-color.svg | 1 + .../components/pen/icons/white/pen-white.svg | 1 + .../integrations/meshery-core/index.mdx | 6 ++ .../icons/color/tenant-operator-color.svg | 33 ++++++++ .../icons/color/integration-config-color.svg | 33 ++++++++ .../icons/white/integration-config-white.svg | 1 + .../quota/icons/color/quota-color.svg | 33 ++++++++ .../quota/icons/white/quota-white.svg | 1 + .../icons/color/resource-supervisor-color.svg | 33 ++++++++ .../icons/white/resource-supervisor-white.svg | 1 + .../color/template-group-instance-color.svg | 33 ++++++++ .../white/template-group-instance-white.svg | 1 + .../icons/color/template-instance-color.svg | 33 ++++++++ .../icons/white/template-instance-white.svg | 1 + .../template/icons/color/template-color.svg | 33 ++++++++ .../template/icons/white/template-white.svg | 1 + .../tenant/icons/color/tenant-color.svg | 33 ++++++++ .../tenant/icons/white/tenant-white.svg | 1 + .../icons/white/tenant-operator-white.svg | 1 + .../integrations/tenant-operator/index.mdx | 75 +++++++++++++++++++ .../integrations/wordpress-operator/index.mdx | 2 +- 24 files changed, 365 insertions(+), 4 deletions(-) create mode 100644 src/collections/integrations/meshery-core/icons/components/pen/icons/color/pen-color.svg create mode 100644 src/collections/integrations/meshery-core/icons/components/pen/icons/white/pen-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg create mode 100644 src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg create mode 100644 src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg create mode 100644 src/collections/integrations/tenant-operator/index.mdx diff --git a/src/collections/integrations/cluster-api-provider-openstack/index.mdx b/src/collections/integrations/cluster-api-provider-openstack/index.mdx index 701ee73cdb30..8f8c877922cd 100644 --- a/src/collections/integrations/cluster-api-provider-openstack/index.mdx +++ b/src/collections/integrations/cluster-api-provider-openstack/index.mdx @@ -6,7 +6,7 @@ darkModeIntegrationIcon: icons/white/cluster-api-provider-openstack-white.svg docURL: https://docs.meshery.io/extensibility/integrations/cluster-api-provider-openstack description: category: Orchestration & Management -subcategory: Orchestration & Management +subcategory: Provisioning registrant: GitHub components: [ { @@ -38,6 +38,12 @@ components: [ "colorIcon": "icons/components/open-stack-machine-template/icons/color/open-stack-machine-template-color.svg", "whiteIcon": "icons/components/open-stack-machine-template/icons/white/open-stack-machine-template-white.svg", "description": "", +}, +{ +"name": "open-stack-machine-template", +"colorIcon": "icons/components/open-stack-machine-template/icons/color/open-stack-machine-template-color.svg", +"whiteIcon": "icons/components/open-stack-machine-template/icons/white/open-stack-machine-template-white.svg", +"description": "", }] featureList: [ "Automates Kubernetes cluster provisioning", diff --git a/src/collections/integrations/crossplane-provider-openstack/index.mdx b/src/collections/integrations/crossplane-provider-openstack/index.mdx index db1a3ce1e153..59bc8cda1664 100644 --- a/src/collections/integrations/crossplane-provider-openstack/index.mdx +++ b/src/collections/integrations/crossplane-provider-openstack/index.mdx @@ -6,7 +6,7 @@ darkModeIntegrationIcon: icons/white/crossplane-provider-openstack-white.svg docURL: https://docs.meshery.io/extensibility/integrations/crossplane-provider-openstack description: category: Orchestration & Management -subcategory: OpenStack +subcategory: Provisioning registrant: GitHub components: [ { diff --git a/src/collections/integrations/k8s-config-connector/index.mdx b/src/collections/integrations/k8s-config-connector/index.mdx index 81e85420f29d..9b1ed006047a 100644 --- a/src/collections/integrations/k8s-config-connector/index.mdx +++ b/src/collections/integrations/k8s-config-connector/index.mdx @@ -6,7 +6,7 @@ darkModeIntegrationIcon: icons/white/k8s-config-connector-white.svg docURL: https://docs.meshery.io/extensibility/integrations/k8s-config-connector description: category: Orchestration & Management -subcategory: Google Cloud Platform +subcategory: Provisioning registrant: GitHub components: [ { diff --git a/src/collections/integrations/meshery-core/icons/components/pen/icons/color/pen-color.svg b/src/collections/integrations/meshery-core/icons/components/pen/icons/color/pen-color.svg new file mode 100644 index 000000000000..05129029bcb1 --- /dev/null +++ b/src/collections/integrations/meshery-core/icons/components/pen/icons/color/pen-color.svg @@ -0,0 +1 @@ +meshery-logo-light \ No newline at end of file diff --git a/src/collections/integrations/meshery-core/icons/components/pen/icons/white/pen-white.svg b/src/collections/integrations/meshery-core/icons/components/pen/icons/white/pen-white.svg new file mode 100644 index 000000000000..05129029bcb1 --- /dev/null +++ b/src/collections/integrations/meshery-core/icons/components/pen/icons/white/pen-white.svg @@ -0,0 +1 @@ +meshery-logo-light \ No newline at end of file diff --git a/src/collections/integrations/meshery-core/index.mdx b/src/collections/integrations/meshery-core/index.mdx index 320c25532489..7b8c0d131418 100644 --- a/src/collections/integrations/meshery-core/index.mdx +++ b/src/collections/integrations/meshery-core/index.mdx @@ -98,6 +98,12 @@ components: [ "colorIcon": "icons/components/pencil/icons/color/pencil-color.svg", "whiteIcon": "icons/components/pencil/icons/white/pencil-white.svg", "description": "", +}, +{ +"name": "pen", +"colorIcon": "icons/components/pen/icons/color/pen-color.svg", +"whiteIcon": "icons/components/pen/icons/white/pen-white.svg", +"description": "", }] featureList: [ "Drag-n-drop cloud native infrastructure designer to configure, model, and deploy your workloads.", diff --git a/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg b/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/color/tenant-operator-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/color/integration-config-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/integration-config/icons/white/integration-config-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg b/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/quota/icons/color/quota-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg b/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/quota/icons/white/quota-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/color/template-group-instance-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template-group-instance/icons/white/template-group-instance-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/color/template-instance-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template-instance/icons/white/template-instance-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg b/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template/icons/color/template-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg b/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/template/icons/white/template-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg new file mode 100644 index 000000000000..c18fbe907a02 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/color/tenant-color.svg @@ -0,0 +1,33 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/components/tenant/icons/white/tenant-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg b/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg new file mode 100644 index 000000000000..aa9e84b87c10 --- /dev/null +++ b/src/collections/integrations/tenant-operator/icons/white/tenant-operator-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/tenant-operator/index.mdx b/src/collections/integrations/tenant-operator/index.mdx new file mode 100644 index 000000000000..e8cf1bb1aa8b --- /dev/null +++ b/src/collections/integrations/tenant-operator/index.mdx @@ -0,0 +1,75 @@ +--- +title: Tenant Operator +subtitle: Collaborative and visual infrastructure as design for Tenant Operator +integrationIcon: icons/color/tenant-operator-color.svg +darkModeIntegrationIcon: icons/white/tenant-operator-white.svg +docURL: https://docs.meshery.io/extensibility/integrations/tenant-operator +description: +category: Provisioning +subcategory: Kubernetes +registrant: Artifact Hub +components: [ +{ +"name": "integration-config", +"colorIcon": "icons/components/integration-config/icons/color/integration-config-color.svg", +"whiteIcon": "icons/components/integration-config/icons/white/integration-config-white.svg", +"description": "", +}, +{ +"name": "quota", +"colorIcon": "icons/components/quota/icons/color/quota-color.svg", +"whiteIcon": "icons/components/quota/icons/white/quota-white.svg", +"description": "", +}, +{ +"name": "resource-supervisor", +"colorIcon": "icons/components/resource-supervisor/icons/color/resource-supervisor-color.svg", +"whiteIcon": "icons/components/resource-supervisor/icons/white/resource-supervisor-white.svg", +"description": "", +}, +{ +"name": "template-group-instance", +"colorIcon": "icons/components/template-group-instance/icons/color/template-group-instance-color.svg", +"whiteIcon": "icons/components/template-group-instance/icons/white/template-group-instance-white.svg", +"description": "", +}, +{ +"name": "template-instance", +"colorIcon": "icons/components/template-instance/icons/color/template-instance-color.svg", +"whiteIcon": "icons/components/template-instance/icons/white/template-instance-white.svg", +"description": "", +}, +{ +"name": "template", +"colorIcon": "icons/components/template/icons/color/template-color.svg", +"whiteIcon": "icons/components/template/icons/white/template-white.svg", +"description": "", +}, +{ +"name": "tenant", +"colorIcon": "icons/components/tenant/icons/color/tenant-color.svg", +"whiteIcon": "icons/components/tenant/icons/white/tenant-white.svg", +"description": "", +}] +featureList: [ + "Isolates tenants within a Kubernetes cluster", + "Enforces resource quotas for tenants", + "Simplifies tenant management" +] +workingSlides: [ + ../_images/meshmap-visualizer.png, + ../_images/meshmap-designer.png +] +howItWorks: "Integrates with Tenant Operator" +howItWorksDetails: "Improved isolation and management of tenants within Kubernetes" +published: TRUE +--- +

+Tenant Operator is a Kubernetes operator for managing multi-tenancy in Kubernetes clusters. +

+

+ Collaboratively and visually diagram your cloud native infrastructure with GitOps-style pipeline integration. Design, test, and manage configuration your Kubernetes-based, containerized applications as a visual topology. +

+

+ Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in MeshMap. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, MeshMap, to create and deploy your own cloud native infrastructure designs. +

diff --git a/src/collections/integrations/wordpress-operator/index.mdx b/src/collections/integrations/wordpress-operator/index.mdx index d5f2b3644d5d..7a33bc2e7e7e 100644 --- a/src/collections/integrations/wordpress-operator/index.mdx +++ b/src/collections/integrations/wordpress-operator/index.mdx @@ -6,7 +6,7 @@ darkModeIntegrationIcon: icons/white/wordpress-operator-white.svg docURL: https://docs.meshery.io/extensibility/integrations/wordpress-operator description: category: Tools -subcategory: Uncategorized +subcategory: Installable Platform registrant: Artifact Hub components: [ { From 2c58308fdf65dd029ca23f9f3b3a4bf8abd07210 Mon Sep 17 00:00:00 2001 From: Vivek Vishal Date: Sun, 1 Sep 2024 18:09:49 +0530 Subject: [PATCH 06/51] chore: add client-side validation for email and pitcture url Signed-off-by: Vivek Vishal Signed-off-by: Nicole Payne --- .../Community/Web-based-from/index.js | 39 ++++++++++++++++++- 1 file changed, 37 insertions(+), 2 deletions(-) diff --git a/src/sections/Community/Web-based-from/index.js b/src/sections/Community/Web-based-from/index.js index dc186a7aa3f1..b881f3c04fae 100644 --- a/src/sections/Community/Web-based-from/index.js +++ b/src/sections/Community/Web-based-from/index.js @@ -7,6 +7,38 @@ import { Field, Formik, Form } from "formik"; import axios from "axios"; import { Link } from "gatsby"; +const validateEmail = (value) => { + let error; + + if (!value) { + error = "Required"; + } else if (!/^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}$/.test(value)) { + error = "Please enter a valid email address"; + } + return error; +}; + +const validatePictureUrl = (value) => { + let error; + if (value) { + + if (value.startsWith("data:")) { + error = "Data URIs are not allowed. Please provide a URL to an image file."; + } else { + try { + new URL(value); + const allowedImageExtensions = ["jpg", "jpeg", "png", "webp", "svg"]; + const extension = value.split(".").pop().toLowerCase(); + if (!allowedImageExtensions.includes(extension)) { + error = "URL must point to an image file (jpg, jpeg, png, svg or webp)."; + } + } catch (_) { + error = "Please enter a valid URL."; + } + } + } + return error; +}; const WebBasedForm = () => { @@ -99,13 +131,14 @@ const WebBasedForm = () => { nextStep(); }} > + {({ errors, touched }) => (
e.target.setCustomValidity("Please fill-in this field")} onInput={e => e.target.setCustomValidity("")} /> e.target.setCustomValidity("Please fill-in this field")} onInput={e => e.target.setCustomValidity("")} /> - e.target.setCustomValidity("Please fill-in this field")} onInput={e => e.target.setCustomValidity("")} /> + {errors.email && touched.email &&

{errors.email}

} @@ -149,10 +182,12 @@ const WebBasedForm = () => {
- + + {errors.picture && touched.picture &&
{errors.picture}
}

Please provide a link to your profile photo. Profile photos are used for community member profiles of longstanding community members.

+ + + {errors.picture && touched.picture &&
{errors.picture}
} +

Please provide a link to your profile photo. Profile photos are used for community member profiles of longstanding community members.

+
diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/layers.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/layers.svg similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/layers.svg rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/layers.svg diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-integrations.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-integrations.svg similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-integrations.svg rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-integrations.svg diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/network.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/network.svg similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/network.svg rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/network.svg diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/users.svg b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/users.svg similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/users.svg rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/users.svg diff --git a/src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/yogi.webp b/src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/yogi.webp similarity index 100% rename from src/collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/yogi.webp rename to src/collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/yogi.webp diff --git a/src/collections/use-cases/commenting/index.mdx b/src/collections/use-cases/commenting/index.mdx index 3b4a1b6388d5..3e747fec8f64 100644 --- a/src/collections/use-cases/commenting/index.mdx +++ b/src/collections/use-cases/commenting/index.mdx @@ -1,8 +1,8 @@ --- title: Brainstorm with commenting -abstract: "MeshMap's Designer Mode offers a powerful collaboration feature through comments." +abstract: "Kanvas's Designer Mode offers a powerful collaboration feature through comments." thumbnail: ../../../assets/images/comments/comment.svg -eurl: https://layer5.io/cloud-native-management/meshmap/collaborate/peer-reviews +eurl: https://layer5.io/cloud-native-management/kanvas/collaborate/peer-reviews category: usecase status: delivered --- \ No newline at end of file diff --git a/src/collections/use-cases/whiteboarding/index.mdx b/src/collections/use-cases/whiteboarding/index.mdx index 5fc7527fca5b..368da1b3347e 100644 --- a/src/collections/use-cases/whiteboarding/index.mdx +++ b/src/collections/use-cases/whiteboarding/index.mdx @@ -1,6 +1,6 @@ --- title: Whiteboarding -abstract: "The Whiteboardingg and Freestyle Drawing feature introduces versatile drawing capabilities within MeshMap" +abstract: "The Whiteboardingg and Freestyle Drawing feature introduces versatile drawing capabilities within Kanvas" thumbnail: ../../../assets/images/whiteboard/whiteboard.svg eurl: https://layer5.io/architecture-diagram/design-architecture-diagramm category: usecase diff --git a/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js b/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js index b2c4f31b7f10..a0edff246470 100644 --- a/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js +++ b/src/components/Call-To-Actions/CTA_Bottom/cta_bottom_categories.js @@ -1,5 +1,5 @@ import img_source from "../../../assets/images/callout/callout.webp"; -import meshmap_icon from "../../../assets/images/meshmap/meshmap-collaborate.webp"; +import kanvas_icon from "../../../assets/images/kanvas/kanvas-collaborate.webp"; import docker from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg"; export const Categories = { @@ -12,13 +12,13 @@ export const Categories = { "Link": "https://slack.layer5.io", "Link_external": true }, - "MeshMap": { - "Image": meshmap_icon, - "Image_Alt": "MeshMap", - "Heading": "Get started with MeshMap!", + "Kanvas": { + "Image": kanvas_icon, + "Image_Alt": "Kanvas", + "Heading": "Get started with Kanvas!", "Content": "Explore and understand your infrastructure at a glance with our powerful visualizer tool. Gain insights, track dependencies, and optimize performance effortlessly.", - "Button_Text": "Try MeshMap now!", - "Link": "/cloud-native-management/meshmap", + "Button_Text": "Try Kanvas now!", + "Link": "/cloud-native-management/kanvas", "Link_external": false }, "Docker": { diff --git a/src/components/Case-study-banner/index.js b/src/components/Case-study-banner/index.js index 16645981289f..4d7f6dea6e89 100644 --- a/src/components/Case-study-banner/index.js +++ b/src/components/Case-study-banner/index.js @@ -2,7 +2,7 @@ import React, { useState } from "react"; import styled from "styled-components"; import MesheryLogo from "../../assets/images/meshery/icon-only/meshery-logo-light.svg"; import SpireLogo from "../../collections/integrations/spire/icons/color/spire-color.svg"; -import MesheryAndSpire from "../../collections/resources/case-study/hpes-adoption-of-meshery-and-meshmap/meshery-and-hpe.svg"; +import MesheryAndSpire from "../../collections/resources/case-study/hpes-adoption-of-meshery-and-kanvas/meshery-and-hpe.svg"; const BannerWrapper = styled.div` @@ -208,7 +208,7 @@ const CaseStudyBanner = () => { return ( <> - +
diff --git a/src/pages/cloud-native-management/generate-aws-architecture-diagram.js b/src/pages/cloud-native-management/generate-aws-architecture-diagram.js index c7adb9fbdccb..acc5d8bcde0c 100644 --- a/src/pages/cloud-native-management/generate-aws-architecture-diagram.js +++ b/src/pages/cloud-native-management/generate-aws-architecture-diagram.js @@ -13,6 +13,6 @@ const Aws = () => { export default Aws; export const Head = () => { return ; }; \ No newline at end of file diff --git a/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js b/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js index 43707e7ab0b9..67b1dfbc656b 100644 --- a/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js +++ b/src/pages/cloud-native-management/generate-gcp-architecture-diagram.js @@ -13,6 +13,6 @@ const Gcp = () => { export default Gcp; export const Head = () => { return ; }; \ No newline at end of file diff --git a/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js index 83f3fe5fc258..7826bdf3c692 100644 --- a/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js +++ b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js @@ -13,6 +13,6 @@ const Kubernetes = () => { export default Kubernetes; export const Head = () => { return ; }; \ No newline at end of file diff --git a/src/pages/cloud-native-management/meshmap/collaborate/index.js b/src/pages/cloud-native-management/kanvas/collaborate/index.js similarity index 63% rename from src/pages/cloud-native-management/meshmap/collaborate/index.js rename to src/pages/cloud-native-management/kanvas/collaborate/index.js index 9b9956e02b29..3fbccacd9910 100644 --- a/src/pages/cloud-native-management/meshmap/collaborate/index.js +++ b/src/pages/cloud-native-management/kanvas/collaborate/index.js @@ -2,16 +2,16 @@ import React from "react"; import SEO from "../../../../components/seo"; -import MeshmapCollaborate from "../../../../sections/Meshmap/Meshmap-collaborate"; -const MeshmapCollaboratePage = () => { +import KanvasCollaborate from "../../../../sections/Kanvas/Kanvas-collaborate"; +const KanvasCollaboratePage = () => { return ( <> - + ); }; -export default MeshmapCollaboratePage; +export default KanvasCollaboratePage; export const Head = () => { return ; }; \ No newline at end of file diff --git a/src/pages/cloud-native-management/meshmap/collaborate/peer-reviews/index.js b/src/pages/cloud-native-management/kanvas/collaborate/peer-reviews/index.js similarity index 100% rename from src/pages/cloud-native-management/meshmap/collaborate/peer-reviews/index.js rename to src/pages/cloud-native-management/kanvas/collaborate/peer-reviews/index.js diff --git a/src/pages/cloud-native-management/kanvas/design.js b/src/pages/cloud-native-management/kanvas/design.js new file mode 100644 index 000000000000..1666b3da2d86 --- /dev/null +++ b/src/pages/cloud-native-management/kanvas/design.js @@ -0,0 +1,17 @@ +import React from "react"; + +import SEO from "../../../components/seo"; + +import KanvasDesign from "../../../sections/Kanvas/Kanvas-design/index"; +const KanvasDesignPage = () => { + return ( + <> + + + + ); +}; +export default KanvasDesignPage; +export const Head = () => { + return ; +}; \ No newline at end of file diff --git a/src/pages/cloud-native-management/kanvas/index.js b/src/pages/cloud-native-management/kanvas/index.js new file mode 100644 index 000000000000..a5f1a9619458 --- /dev/null +++ b/src/pages/cloud-native-management/kanvas/index.js @@ -0,0 +1,18 @@ +import React from "react"; + +import SEO from "../../../components/seo"; + +import Kanvas from "../../../sections/Kanvas/index"; +const KanvasPage = ({ location }) => { + const params = new URLSearchParams(location.search); + const parameter1 = params.get("teaser"); + return ( + <> + + + ); +}; +export default KanvasPage; +export const Head = () => { + return ; +}; diff --git a/src/pages/cloud-native-management/kanvas/visualize.js b/src/pages/cloud-native-management/kanvas/visualize.js new file mode 100644 index 000000000000..264d1d4e4057 --- /dev/null +++ b/src/pages/cloud-native-management/kanvas/visualize.js @@ -0,0 +1,21 @@ +import React from "react"; + +import SEO from "../../../components/seo"; + +import KanvasVisualize from "../../../sections/Kanvas/Kanvas-visualize/index"; + +const KanvasVisualizePage = () => { + + return ( + <> + + + + ); +}; +export default KanvasVisualizePage; + + +export const Head = () => { + return ; +}; \ No newline at end of file diff --git a/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js b/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js index f9e7ac706e8f..03bd606670f1 100644 --- a/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js +++ b/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js @@ -58,12 +58,12 @@ const OperatingServiceMeshes = () => { ), }, { - title: "MeshMap", + title: "Kanvas", icon: VisualTopology, description: ( diff --git a/src/pages/cloud-native-management/meshmap/design.js b/src/pages/cloud-native-management/meshmap/design.js deleted file mode 100644 index f7293b861dbb..000000000000 --- a/src/pages/cloud-native-management/meshmap/design.js +++ /dev/null @@ -1,17 +0,0 @@ -import React from "react"; - -import SEO from "../../../components/seo"; - -import MeshmapDesign from "../../../sections/Meshmap/Meshmap-design/index"; -const MeshmapDesignPage = () => { - return ( - <> - - - - ); -}; -export default MeshmapDesignPage; -export const Head = () => { - return ; -}; \ No newline at end of file diff --git a/src/pages/cloud-native-management/meshmap/index.js b/src/pages/cloud-native-management/meshmap/index.js deleted file mode 100644 index ada0be4137ac..000000000000 --- a/src/pages/cloud-native-management/meshmap/index.js +++ /dev/null @@ -1,18 +0,0 @@ -import React from "react"; - -import SEO from "../../../components/seo"; - -import Meshmap from "../../../sections/Meshmap/index"; -const MeshmapPage = ({ location }) => { - const params = new URLSearchParams(location.search); - const parameter1 = params.get("teaser"); - return ( - <> - - - ); -}; -export default MeshmapPage; -export const Head = () => { - return ; -}; diff --git a/src/pages/cloud-native-management/meshmap/visualize.js b/src/pages/cloud-native-management/meshmap/visualize.js deleted file mode 100644 index d09a87a71989..000000000000 --- a/src/pages/cloud-native-management/meshmap/visualize.js +++ /dev/null @@ -1,21 +0,0 @@ -import React from "react"; - -import SEO from "../../../components/seo"; - -import MeshmapVisualize from "../../../sections/Meshmap/Meshmap-visualize/index"; - -const MeshmapVisualizePage = () => { - - return ( - <> - - - - ); -}; -export default MeshmapVisualizePage; - - -export const Head = () => { - return ; -}; \ No newline at end of file diff --git a/src/pages/community/members.js b/src/pages/community/members.js index cec11c4c8d38..ac9b8d0882bb 100644 --- a/src/pages/community/members.js +++ b/src/pages/community/members.js @@ -26,7 +26,7 @@ import uiuxrIcon from "../../assets/images/uiuxr/uiuxr.svg"; import docsIcon from "../../assets/images/docs/docs.svg"; import dockerExtensionIcon from "../../assets/images/docker-extension/docker-extension-meshery-logo.svg"; import mesheryCatalogIcon from "../../assets/images/meshery/meshery-catalog.svg"; -import meshMapIcon from "../../assets/images/meshmap/icon-only/meshmap-icon.svg"; +import meshMapIcon from "../../assets/images/kanvas/icon-only/kanvas-icon.svg"; /** * Array containing a list of categories to be shown in the dropdown. * The map function in the end wraps the label property with a component. @@ -113,8 +113,8 @@ const options = [ className: "allOptions", }, { - label: "MeshMap", - value: "meshmap", + label: "Kanvas", + value: "kanvas", color: lighttheme.linkColor, isFixed: true, icon: meshMapIcon, diff --git a/src/pages/solutions/gitops/snapshot.js b/src/pages/solutions/gitops/snapshot.js index ad544b98b6df..37da8d92d5f5 100644 --- a/src/pages/solutions/gitops/snapshot.js +++ b/src/pages/solutions/gitops/snapshot.js @@ -7,6 +7,6 @@ export default SnapshotPage; export const Head = () => { return ; }; \ No newline at end of file diff --git a/src/sections/AWS-Diagram/diagram.js b/src/sections/AWS-Diagram/diagram.js index edd2462bafba..816bf9264dbc 100644 --- a/src/sections/AWS-Diagram/diagram.js +++ b/src/sections/AWS-Diagram/diagram.js @@ -160,7 +160,7 @@ const Aws = () => {

Deploy with No Code AWS

- Our visual AWS interface enables anyone to deploy production-grade software with no code. Whether you're new to AWS and are looking for the best way to learn or a seasoned pro, MeshMap has all the features you need to be successful in deploying and configuring your software, all with no code. + Our visual AWS interface enables anyone to deploy production-grade software with no code. Whether you're new to AWS and are looking for the best way to learn or a seasoned pro, Kanvas has all the features you need to be successful in deploying and configuring your software, all with no code.

@@ -178,9 +178,9 @@ const Aws = () => {

Visual drag & drop

- MeshMap allow you to drag, drop and connect all your cloud components together simply and easily - no-code required! + Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!

- Learn more → + Learn more → @@ -199,7 +199,7 @@ const Aws = () => {
- Designing AWS Diagrams with MeshMap + Designing AWS Diagrams with Kanvas
diff --git a/src/sections/AWS-Diagram/header.js b/src/sections/AWS-Diagram/header.js index e0a7bdf8f9db..386da8e6f387 100644 --- a/src/sections/AWS-Diagram/header.js +++ b/src/sections/AWS-Diagram/header.js @@ -123,9 +123,9 @@ const Header = () => {
diff --git a/src/sections/Blog/Blog-single/author.js b/src/sections/Blog/Blog-single/author.js index e76bad04cfda..5450b2e6537f 100644 --- a/src/sections/Blog/Blog-single/author.js +++ b/src/sections/Blog/Blog-single/author.js @@ -30,7 +30,7 @@ const AboutTheAuthor = (props) => {

Meshery

Meshery is the world's only collaborative cloud manager.

-

Share

diff --git a/src/sections/Blog/Blog-single/index.js b/src/sections/Blog/Blog-single/index.js index 387f75422f67..cfb3cd98741c 100644 --- a/src/sections/Blog/Blog-single/index.js +++ b/src/sections/Blog/Blog-single/index.js @@ -159,7 +159,7 @@ const BlogSingle = ({ data }) => {
diff --git a/src/sections/Cloud-Native-Catalog/catalog.js b/src/sections/Cloud-Native-Catalog/catalog.js index d0a37bf0bef6..bfe03d02f5b0 100644 --- a/src/sections/Cloud-Native-Catalog/catalog.js +++ b/src/sections/Cloud-Native-Catalog/catalog.js @@ -2,9 +2,9 @@ import React from "react"; import styled from "styled-components"; import Wasm from "../../assets/images/webassembly/webssembly_icon.svg"; import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg"; -// import Ebpf from "../../assets/images/meshmap/ebpf.svg"; -// import EbpfDark from "../../assets/images/meshmap/ebpf-dark.webp"; -import Opa from "../../assets/images/meshmap/opa.svg"; +// import Ebpf from "../../assets/images/kanvas/ebpf.svg"; +// import EbpfDark from "../../assets/images/kanvas/ebpf-dark.webp"; +import Opa from "../../assets/images/kanvas/opa.svg"; import CatalogsLight from "../../assets/images/catalog/catalog-light.svg"; import CatalogsDark from "../../assets/images/catalog/catalog-dark.svg"; import { Container, Row, Col } from "../../reusecore/Layout"; diff --git a/src/sections/Cloud-Native-Catalog/patterns.js b/src/sections/Cloud-Native-Catalog/patterns.js index 8046dc48ef9f..fb7562f4896d 100644 --- a/src/sections/Cloud-Native-Catalog/patterns.js +++ b/src/sections/Cloud-Native-Catalog/patterns.js @@ -1,20 +1,20 @@ import React from "react"; import styled from "styled-components"; -import Mutual_tls from "../../assets/images/meshmap/catalog-card-images/mutual-tls.svg"; -import Retries from "../../assets/images/meshmap/catalog-card-images/retries.svg"; -import Traces from "../../assets/images/meshmap/catalog-card-images/traces.svg"; -import Denial from "../../assets/images/meshmap/catalog-card-images/denial.svg"; -import Correlate_event from "../../assets/images/meshmap/catalog-card-images/correlate-event.svg"; -import Only_wagent from "../../assets/images/meshmap/catalog-card-images/only-wagent.svg"; -import Node_agent from "../../assets/images/meshmap/catalog-card-images/node-agent.svg"; -import Single_tenant from "../../assets/images/meshmap/catalog-card-images/single-tenant.svg"; -import Pre_provison from "../../assets/images/meshmap/catalog-card-images/pre-provision.svg"; -import Circuit_breaker from "../../assets/images/meshmap/catalog-card-images/circuit-breaker.svg"; -import Retry_deadline from "../../assets/images/meshmap/catalog-card-images/retry-deadline.svg"; -import Singleton from "../../assets/images/meshmap/catalog-card-images/singleton.svg"; -import Jwt_transformer from "../../assets/images/meshmap/catalog-card-images/jwt.svg"; -import Multicluster from "../../assets/images/meshmap/catalog-card-images/multicluster.svg"; -import Http_metrics from "../../assets/images/meshmap/catalog-card-images/http.svg"; +import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg"; +import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg"; +import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg"; +import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg"; +import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg"; +import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg"; +import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg"; +import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg"; +import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg"; +import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg"; +import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg"; +import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg"; +import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg"; +import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg"; +import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg"; import { Container } from "../../reusecore/Layout"; const CatalogWrapper = styled.div` diff --git a/src/sections/CloudNativeDeployments/features.js b/src/sections/CloudNativeDeployments/features.js index 9d3077e358ab..3535fd473797 100644 --- a/src/sections/CloudNativeDeployments/features.js +++ b/src/sections/CloudNativeDeployments/features.js @@ -157,22 +157,22 @@ const Feature = () => {
-

MeshMap Designer

+

Kanvas Designer

Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components.

- Learn more → + Learn more →

- MeshMap Visualizer + Kanvas Visualizer

Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management.

- Learn more → + Learn more →
diff --git a/src/sections/Comments/index.js b/src/sections/Comments/index.js index ebba44dd78fe..457207184e77 100644 --- a/src/sections/Comments/index.js +++ b/src/sections/Comments/index.js @@ -19,7 +19,7 @@ let data = { let card_data = [ { heading: "Dynamic collaboration", - subtitle: "Bring your ideas to life by adding visual annotations and comments directly onto your MeshMap canvas.", + subtitle: "Bring your ideas to life by adding visual annotations and comments directly onto your Kanvas canvas.", image: use_case_1 }, { diff --git a/src/sections/Community/Calendar/meetLinksData.js b/src/sections/Community/Calendar/meetLinksData.js index 4f141d7c7bad..097481bb4f49 100644 --- a/src/sections/Community/Calendar/meetLinksData.js +++ b/src/sections/Community/Calendar/meetLinksData.js @@ -19,7 +19,7 @@ export const meet_links_data = [ }, { day: "Tuesdays", - meeting: "Meshery MeshSync/MeshMap Meeting", + meeting: "Meshery MeshSync/Kanvas Meeting", slack_channel: "#meshery-ci", slack_link: "https://layer5io.slack.com/archives/C010LFFGFFA", meeting_minutes: "https://bit.ly/3aXOaAs", diff --git a/src/sections/Community/Event-single/index.js b/src/sections/Community/Event-single/index.js index 9c0e61591268..b7e0eb496fb0 100644 --- a/src/sections/Community/Event-single/index.js +++ b/src/sections/Community/Event-single/index.js @@ -95,7 +95,7 @@ const EventSingle = ({ data }) => {
{/* { Review Rockstar - awarded to individuals who provide thorough and valuable code reviews.
  • - - MeshMap Snapshot - awarded to users upon creation of their first infrastructure screenshot directly in their pull request. + + Kanvas Snapshot - awarded to users upon creation of their first infrastructure screenshot directly in their pull request.
  • @@ -175,8 +175,8 @@ const RecognitionPage = () => { Image Hub - awarded to the community members who make consistent and impactful contributions to the Image Hub project in recognition and appreciation of their efforts.
  • - - MeshMap - awarded to the community members who make consistent and impactful contributions to the MeshMap project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer. + + Kanvas - awarded to the community members who make consistent and impactful contributions to the Kanvas project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
  • diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js index 65dd16a62234..76606f3403c6 100644 --- a/src/sections/Community/Handbook/repo-data.js +++ b/src/sections/Community/Handbook/repo-data.js @@ -83,9 +83,9 @@ export const repo_data = [ repository: "https://github.com/layer5io/getnighthawk", }, { - project: "MeshMap", + project: "Kanvas", image: meshery, - site: "/cloud-native-management/meshmap", + site: "/cloud-native-management/kanvas", language: "React.js, Cytoscape.js", maintainers_name: ["Aabid Sofi"], link: ["https://layer5.io/community/members/aabid-sofi"], diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js index 88be857bbb42..460117f1d0b5 100644 --- a/src/sections/Community/Handbook/repository.js +++ b/src/sections/Community/Handbook/repository.js @@ -12,7 +12,7 @@ import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg"; import TocPagination from "../../../components/handbook-navigation/TocPagination"; import IntraPage from "../../../components/handbook-navigation/intra-page"; -import MeshMap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg"; +import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg"; import { Link } from "gatsby"; @@ -116,10 +116,10 @@ const Repository = () => { - emerging projects and Meshery extensions, like MeshMap logo MeshMap. + /> Kanvas.
    • diff --git a/src/sections/Community/Handbook/security-vulnerabilities.js b/src/sections/Community/Handbook/security-vulnerabilities.js index 012dcda3f24a..451d507b0dc2 100644 --- a/src/sections/Community/Handbook/security-vulnerabilities.js +++ b/src/sections/Community/Handbook/security-vulnerabilities.js @@ -10,7 +10,7 @@ import MeshSync from "../../../assets/images/meshsync/meshsync.svg"; import servicemeshperformance from "../../../assets/images/service-mesh-performance/icon/smp-dark.svg"; import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; import servicemeshpattern from "../../../assets/images/service-mesh-patterns/service-mesh-pattern.svg"; -import MeshMap from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg"; +import Kanvas from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg"; const SecurityVulnerabilitiesPage = () => { return ( @@ -88,10 +88,10 @@ const SecurityVulnerabilitiesPage = () => {   Layer5 Labs - emerging projects and Meshery extensions, like MeshMap logoMeshMap. + />Kanvas.

    You can find the list of all the Layer5 project repositories here

    diff --git a/src/sections/Community/Handbook/writing-program.js b/src/sections/Community/Handbook/writing-program.js index 67881f8e10f5..f98d1c450f0a 100644 --- a/src/sections/Community/Handbook/writing-program.js +++ b/src/sections/Community/Handbook/writing-program.js @@ -365,7 +365,7 @@ const Writers = () => {

  • Creating and Deploying your first application with - MeshMap. + Kanvas.

  • diff --git a/src/sections/Community/Member-single/index.js b/src/sections/Community/Member-single/index.js index a9a9554c08fd..5ad5729b2ff1 100644 --- a/src/sections/Community/Member-single/index.js +++ b/src/sections/Community/Member-single/index.js @@ -22,7 +22,7 @@ import writerIcon from "../../../assets/images/writer-program/writer-program-bad import docsLogo from "../../../assets/images/docs/docs.svg"; import mesheryCatalogLogo from "../../../assets/images/meshery/meshery-catalog.svg"; import dockerExtensionLogo from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg"; -import meshMapLogo from "../../../assets/images/meshmap/icon-only/meshmap-icon.svg"; +import meshMapLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon.svg"; import Button from "../../../reusecore/Button"; import { ReactComponent as TwitterIcon } from "../../../assets/images/socialIcons/twitter.svg"; @@ -192,18 +192,18 @@ const MemberSingle = ({ frontmatter }) => {
    • )} - {badges.includes("meshmap") && ( + {badges.includes("kanvas") && (
  • - + MeshMap Logo
    • - Meshmap + Kanvas
    )} {badges.includes("docker-extension") && ( diff --git a/src/sections/Company/Brand/Brand-components/catalog.js b/src/sections/Company/Brand/Brand-components/catalog.js index f6811ed2fa4c..e21b35abf21b 100644 --- a/src/sections/Company/Brand/Brand-components/catalog.js +++ b/src/sections/Company/Brand/Brand-components/catalog.js @@ -60,7 +60,7 @@ const Catalog = () => {
    diff --git a/src/sections/Company/Brand/Brand-components/meshmap.js b/src/sections/Company/Brand/Brand-components/kanvas.js similarity index 72% rename from src/sections/Company/Brand/Brand-components/meshmap.js rename to src/sections/Company/Brand/Brand-components/kanvas.js index 53632bfb0c03..dffa790653d5 100644 --- a/src/sections/Company/Brand/Brand-components/meshmap.js +++ b/src/sections/Company/Brand/Brand-components/kanvas.js @@ -5,28 +5,28 @@ import { Row, Col } from "../../../../reusecore/Layout"; import Button from "../../../../reusecore/Button"; import ColorBox from "../../../../components/ColorBox"; import { FiDownloadCloud } from "@react-icons/all-files/fi/FiDownloadCloud"; -import MeshMapIcon from "../../../../assets/images/meshmap/meshmap-color-icon.svg"; -import MeshMap from "../../../../assets/images/meshmap/meshmap-color-horizontal.svg"; -import MeshMapTitle from "../../../../assets/images/meshmap/meshmap-color-text.webp"; +import KanvasIcon from "../../../../assets/images/kanvas/kanvas-color-icon.svg"; +import Kanvas from "../../../../assets/images/kanvas/kanvas-color-horizontal.svg"; +import KanvasTitle from "../../../../assets/images/kanvas/kanvas-color-text.webp"; -const MeshMapWrapper = styled.section` +const KanvasWrapper = styled.section` .sub-project { margin-top: -2rem; } `; -const MeshMapBrand = () => { +const KanvasBrand = () => { return ( - +

    - MeshMap + Kanvas

    - + @@ -34,7 +34,7 @@ const MeshMapBrand = () => {

    - The MeshMap mark includes the MeshMap name & logo, and any word, + The Kanvas mark includes the Kanvas name & logo, and any word, phrase, image, or other designation that identifies the source or origin of any Layer5 projects. Please don’t modify the marks or use them in a confusing way, including suggesting sponsorship or @@ -52,13 +52,13 @@ const MeshMapBrand = () => { - MeshMap Logo + Kanvas Logo - MeshMapLight Icon + KanvasLight Icon - MeshMapTitle Text + KanvasTitle Text @@ -71,8 +71,8 @@ const MeshMapBrand = () => {

    - The MeshMap color palette consists of the primary MeshMap color - and additional shades. The MeshMap logo should be white or + The Kanvas color palette consists of the primary Kanvas color + and additional shades. The Kanvas logo should be white or monochrome tonal when using a color background.

    @@ -83,8 +83,8 @@ const MeshMapBrand = () => {
    -     + ); }; -export default MeshMapBrand; +export default KanvasBrand; diff --git a/src/sections/Company/Brand/index.js b/src/sections/Company/Brand/index.js index b260b42a0736..a6572dcd6ed5 100644 --- a/src/sections/Company/Brand/index.js +++ b/src/sections/Company/Brand/index.js @@ -16,7 +16,7 @@ const NightHawk = loadable(() => import("./Brand-components/nighthawk")); const ServiceMeshPatterns = loadable(() => import("./Brand-components/servicemeshpatterns")); const MeshMasterBrand = loadable(() => import("./Brand-components/meshmaster")); const MeshMarkBrand = loadable(() => import("./Brand-components/meshmark")); -const MeshMapBrand = loadable(() => import("./Brand-components/meshmap")); +const KanvasBrand = loadable(() => import("./Brand-components/kanvas")); const BrandGuide = loadable(() => import("./Brand-components/brand-guide")); const StickFigures = loadable(() => import("./Brand-components/stickfigures")); const Catalog = loadable(() => import("./Brand-components/catalog")); @@ -104,7 +104,7 @@ const Brand = () => { const nightHawkRef = useRef(null); const meshmateRef = useRef(null); const meshmarkRef = useRef(null); - const meshmapRef = useRef(null); + const kanvasRef = useRef(null); const stickfiguresRef = useRef(null); const CatalogRef = useRef(null); const SocialBackgroundsRef = useRef(null); @@ -121,7 +121,7 @@ const Brand = () => { { section: "NightHawk", ref: nightHawkRef }, { section: "MeshMate", ref: meshmateRef }, { section: "MeshMaster", ref: meshMasterRef }, - { section: "MeshMap", ref: meshmapRef }, + { section: "Kanvas", ref: kanvasRef }, { section: "Five", ref: stickfiguresRef }, { section: "Catalog", ref: CatalogRef }, { section: "SocialBackgrounds", ref: SocialBackgroundsRef } @@ -212,8 +212,8 @@ const Brand = () => {
    -
    - +
    +
    @@ -346,13 +346,13 @@ const Brand = () => {

    { - scrollTo(meshmapRef.current); + scrollTo(kanvasRef.current); }} > - MeshMap + Kanvas

    {

    press@layer5.io

     - +

    - MeshMap + Kanvas

    @@ -123,7 +123,7 @@ const NewsSidebar = (props) => {

    diff --git a/src/sections/Developer-Infrastructure/index.js b/src/sections/Developer-Infrastructure/index.js index f59d8a5af6d9..0347247e4fb9 100644 --- a/src/sections/Developer-Infrastructure/index.js +++ b/src/sections/Developer-Infrastructure/index.js @@ -34,7 +34,7 @@ const KubernetesMultiCluster = () => { { heading: "Inclusive collaboration from start to finish", subtitle: - "MeshMap is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.", + "Kanvas is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.", image: collaborate_svg, }, ]; diff --git a/src/sections/Docker-Meshery/docker-extension-meshery.js b/src/sections/Docker-Meshery/docker-extension-meshery.js index 237e6ab90045..34c38848a55e 100644 --- a/src/sections/Docker-Meshery/docker-extension-meshery.js +++ b/src/sections/Docker-Meshery/docker-extension-meshery.js @@ -27,7 +27,7 @@ const DockerExtensionMeshery = () => { Wrangle cloud native apps using Docker Desktop and Meshery

    - From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, MeshMap, to collaboratively design and operate your infra. + From the convenience of your Docker Desktop interface, connect Meshery with your Kubernetes cluster. Watch as MeshSync discovers all of your Kuberentes clusters. Visually design your Docker-based infrastructure. Choose from hundreds of ready-made design patterns using Meshery Catalog. Use our no-code designer, Kanvas, to collaboratively design and operate your infra.

    @@ -58,7 +58,7 @@ const DockerExtensionMeshery = () => {
    Visual designer for cloud native applications and infrastructure
    {" "} - Using MeshMap as a visual topology for designing Docker Compose applications, operating Kubernetes, service meshes, and their workloads. + Using Kanvas as a visual topology for designing Docker Compose applications, operating Kubernetes, service meshes, and their workloads. diff --git a/src/sections/Docker-Meshery/index.js b/src/sections/Docker-Meshery/index.js index b4e1a2b3bedd..8e999159f26b 100644 --- a/src/sections/Docker-Meshery/index.js +++ b/src/sections/Docker-Meshery/index.js @@ -4,7 +4,7 @@ import { Row, Col } from "../../reusecore/Layout"; import docker from "../../assets/images/socialIcons/docker_white.svg"; import meshery from "../../assets/images/meshery/icon-only/meshery-logo-white.svg"; import DockerExtensionMeshery from "./docker-extension-meshery"; -import MeshMapCTA from "../meshmap-cta"; +import KanvasCTA from "../kanvas-cta"; const MesheryDockerPage = () => { return ( @@ -23,7 +23,7 @@ const MesheryDockerPage = () => {
    - + ); }; diff --git a/src/sections/GCP-Diagram/diagram.js b/src/sections/GCP-Diagram/diagram.js index 1917a534900a..e84703e10a10 100644 --- a/src/sections/GCP-Diagram/diagram.js +++ b/src/sections/GCP-Diagram/diagram.js @@ -151,7 +151,7 @@ const Gcp = () => {

    Deploy with No Code GCP

    - Our visual GCP interface enables anyone to deploy production-grade software with no code. Whether you're new to GCP and are looking for the best way to learn or a seasoned pro, MeshMap has all the features you need to be successful in deploying and configuring your software, all with no code. + Our visual GCP interface enables anyone to deploy production-grade software with no code. Whether you're new to GCP and are looking for the best way to learn or a seasoned pro, Kanvas has all the features you need to be successful in deploying and configuring your software, all with no code.

    @@ -169,9 +169,9 @@ const Gcp = () => {

    Visual drag & drop

    - MeshMap allow you to drag, drop and connect all your cloud components together simply and easily - no-code required! + Kanvas allow you to drag, drop and connect all your cloud components together simply and easily - no-code required!

    - Learn more → + Learn more → @@ -190,7 +190,7 @@ const Gcp = () => {
    - Designing GCP Diagrams with MeshMap + Designing GCP Diagrams with Kanvas
    @@ -219,7 +219,7 @@ const Gcp = () => { Leverage Google Cloud Platform diagrams to utilize various services in facilitating storage and analysis of large datasets. These services encompass BigQuery, Dataflow, Dataproc, and Data Fusion, contributing to cloud-based data management.

    - Learn more → + Learn more →

    @@ -240,7 +240,7 @@ const Gcp = () => {
    - Designing GCP Diagrams with MeshMap + Designing GCP Diagrams with KanvasclassName=
    */} diff --git a/src/sections/GCP-Diagram/header.js b/src/sections/GCP-Diagram/header.js index e8b9367ab087..ac9272fb6b59 100644 --- a/src/sections/GCP-Diagram/header.js +++ b/src/sections/GCP-Diagram/header.js @@ -86,9 +86,9 @@ const Header = () => {
    diff --git a/src/sections/General/Footer/index.js b/src/sections/General/Footer/index.js index fd2d9e2f0901..557a244735b6 100644 --- a/src/sections/General/Footer/index.js +++ b/src/sections/General/Footer/index.js @@ -21,7 +21,7 @@ const Footer = ({ location }) => { "/blog", "/careers", "/meshery", - "/meshmap", + "/kanvas", "/community", "/handbook", "projects", @@ -215,9 +215,9 @@ const Footer = ({ location }) => {
  • - MeshMap + Kanvas NEW
    • diff --git a/src/sections/General/Navigation/index.js b/src/sections/General/Navigation/index.js index 5e5017338c99..8da456f82949 100644 --- a/src/sections/General/Navigation/index.js +++ b/src/sections/General/Navigation/index.js @@ -9,7 +9,7 @@ import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode"; import axios from "axios"; // import smp_dark_text from "../../../assets/images/service-mesh-performance/stacked/smp-dark-text.svg"; // import smp_light_text from "../../../assets/images/service-mesh-performance/stacked/smp-light-text.svg"; -import meshmap_dark from "../../..//assets/images/meshmap/icon-only/meshmap-icon.svg"; +import kanvas_dark from "../../..//assets/images/kanvas/icon-only/kanvas-icon.svg"; import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; import Data from "./utility/menu-items.js"; import ScrollspyMenu from "./utility/ScrollspyMenu.js"; @@ -19,7 +19,7 @@ import DefaultAvatar from "./utility/DefaultAvatar.js"; import CloudIcon from "./utility/CloudIcon.js"; import LogoutIcon from "./utility/LogoutIcon.js"; // import LogoutIcon from "./utility/LogoutIcon.js"; -import MeshMapIcon from "./utility/MeshMapIcon.js"; +import KanvasIcon from "./utility/KanvasIcon.js"; const Navigation = () => { let data = useStaticQuery( graphql` @@ -158,12 +158,12 @@ const Navigation = () => { { frontmatter: { thumbnail: { - img: meshmap_dark, + img: kanvas_dark, }, - title: "MeshMap, collaborative infrastructure management", + title: "Kanvas, collaborative infrastructure management", }, fields: { - slug: "/cloud-native-management/meshmap", + slug: "/cloud-native-management/kanvas", }, }, ], @@ -414,7 +414,7 @@ const Navigation = () => { target="_blank" >
    - +
    Playground diff --git a/src/sections/General/Navigation/utility/MeshMapIcon.js b/src/sections/General/Navigation/utility/KanvasIcon.js similarity index 98% rename from src/sections/General/Navigation/utility/MeshMapIcon.js rename to src/sections/General/Navigation/utility/KanvasIcon.js index 44d02d542347..0ef5893cdc8b 100644 --- a/src/sections/General/Navigation/utility/MeshMapIcon.js +++ b/src/sections/General/Navigation/utility/KanvasIcon.js @@ -1,6 +1,6 @@ import React from "react"; -function MeshMapIcon() { +function KanvasIcon() { return ( {
    ) : ( <> - +
    @@ -121,7 +121,7 @@ const ScrollspyMenu = ({ menuItems, ...props }) => {
    -

    MeshMap

    +

    Kanvas

    Stop finger-pointing.
    Start collaborating.
    diff --git a/src/sections/General/Navigation/utility/menu-items.js b/src/sections/General/Navigation/utility/menu-items.js index edc2a3cad4d3..9e3a15cc7447 100644 --- a/src/sections/General/Navigation/utility/menu-items.js +++ b/src/sections/General/Navigation/utility/menu-items.js @@ -5,7 +5,7 @@ const Data = { menuItems: [ { name: "Solutions", - path: "/cloud-native-management/meshmap", + path: "/cloud-native-management/kanvas", subItems: [ { name: "Developer-defined Infrastructure", @@ -24,7 +24,7 @@ const Data = { }, { name: "Collaborative GitOps", - path: "/cloud-native-management/meshmap/collaborate", + path: "/cloud-native-management/kanvas/collaborate", sepLine: true }, { @@ -89,12 +89,12 @@ const Data = { sepLine: true }, { - name: "MeshMap", - path: "/cloud-native-management/meshmap", + name: "Kanvas", + path: "/cloud-native-management/kanvas", }, // { // name: "---", - // // path: "/cloud-native-management/meshmap", + // // path: "/cloud-native-management/kanvas", // }, { diff --git a/src/sections/Home/Banner-4/banner4.style.js b/src/sections/Home/Banner-4/banner4.style.js index ae734f06f3e5..38f31f0fc654 100644 --- a/src/sections/Home/Banner-4/banner4.style.js +++ b/src/sections/Home/Banner-4/banner4.style.js @@ -67,7 +67,7 @@ const Banner1SectionWrapper = styled.section` } } } - .meshmapVideo { + .kanvasVideo { position: relative; min-width:25%; max-width:100%; @@ -211,7 +211,7 @@ const Banner1SectionWrapper = styled.section` content: none; } } - .meshmapVideo { + .kanvasVideo { top: 1rem; } } diff --git a/src/sections/Home/Banner-4/index.js b/src/sections/Home/Banner-4/index.js index 0c08e50e85b8..1b72e628416b 100644 --- a/src/sections/Home/Banner-4/index.js +++ b/src/sections/Home/Banner-4/index.js @@ -7,7 +7,7 @@ import Button from "../../../reusecore/Button"; import VintageBox from "../../../reusecore/VintageBox"; import BGImg from "../../../components/BGImage"; import ReactPlayer from "react-player/youtube"; -// import mesheryPlayground from "./meshery-playground-meshmap.png"; +// import mesheryPlayground from "./meshery-playground-kanvas.png"; import videoThumbnail from "./meshery-infrastructure-as-diagram.webp"; import { FaMapMarkedAlt } from "@react-icons/all-files/fa/FaMapMarkedAlt"; @@ -16,7 +16,7 @@ import playIcon from "../../../assets/images/homePage-images/play-button.webp"; import Banner1SectionWrapper from "./banner4.style"; -// import meshmapVideo from "../../../assets/video/meshery/meshmap/meshmap-short-consul.mp4"; +// import kanvasVideo from "../../../assets/video/meshery/kanvas/kanvas-short-consul.mp4"; import { graphql, useStaticQuery } from "gatsby"; import { getImage } from "gatsby-plugin-image"; import useHasMounted from "../../../utils/useHasMounted"; @@ -68,7 +68,7 @@ const Banner1 = (props) => { -
    - +
    diff --git a/src/sections/Home/Playground-home/index.js b/src/sections/Home/Playground-home/index.js index c9dc0509ce9a..c4f322b81fc0 100644 --- a/src/sections/Home/Playground-home/index.js +++ b/src/sections/Home/Playground-home/index.js @@ -273,7 +273,7 @@ const ViewsSectionWrapper = styled.div` `; -const MeshmapVisualizerViews = () => { +const KanvasVisualizerViews = () => { const [imageRef, inView] = useInView({ threshold: 0.3 }); const [imageInView, setimageInView] = useState(false); @@ -353,4 +353,4 @@ const MeshmapVisualizerViews = () => { ); }; -export default MeshmapVisualizerViews; +export default KanvasVisualizerViews; diff --git a/src/sections/Home/Projects-home/index.js b/src/sections/Home/Projects-home/index.js index 8b205218065f..623ed594cc54 100644 --- a/src/sections/Home/Projects-home/index.js +++ b/src/sections/Home/Projects-home/index.js @@ -14,7 +14,7 @@ const Projects = () => { const projectImage2_dark = "../../../assets/images/app/projects/smp.webp"; const projectImage3 = "../../../assets/images/app/projects/meshery-logo-light.webp"; const projectImage4 = "../../../assets/images/app/projects/nighthawk-logo.webp"; - const meshmapLogo = "../../../assets/images/meshmap/icon-only/meshmap-icon.svg"; + const kanvasLogo = "../../../assets/images/kanvas/icon-only/kanvas-icon.svg"; if (!didLoad){ return null; } @@ -38,10 +38,10 @@ const Projects = () => {
    - +
    - -

    MeshMap

    + +

    Kanvas

    Collaborative GitOps

    {/*

    Multiplayer Kubernetes by Design

    */}
    diff --git a/src/sections/Home/service-mesh-management/ServiceMesh.style.js b/src/sections/Home/service-mesh-management/ServiceMesh.style.js index d18d7e7c3f15..b13aa51e3518 100644 --- a/src/sections/Home/service-mesh-management/ServiceMesh.style.js +++ b/src/sections/Home/service-mesh-management/ServiceMesh.style.js @@ -152,7 +152,7 @@ const MeshSectionWrapper = styled.section` * MIT license (https://opensource.org/licenses/MIT) * W. https://svgartista.net **************************************************/ -.meshmap { +.kanvas { svg .svg-elem-1{stroke-dashoffset:168.8795166015625px;stroke-dasharray:168.8795166015625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0s}svg.active .svg-elem-1{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-2{stroke-dashoffset:168.8795166015625px;stroke-dasharray:168.8795166015625px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.09s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.09s}svg.active .svg-elem-2{stroke-dashoffset:0}svg .svg-elem-3{stroke-dashoffset:173.59739685058594px;stroke-dasharray:173.59739685058594px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.18s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.18s}svg.active .svg-elem-3{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-4{stroke-dashoffset:173.56723022460938px;stroke-dasharray:173.56723022460938px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.27s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.27s}svg.active .svg-elem-4{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-5{stroke-dashoffset:83.45301055908203px;stroke-dasharray:83.45301055908203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.36s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 2.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.36s}svg.active .svg-elem-5{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-6{stroke-dashoffset:83.45301055908203px;stroke-dasharray:83.45301055908203px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.44999999999999996s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.44999999999999996s}svg.active .svg-elem-6{stroke-dashoffset:0}svg .svg-elem-7{stroke-dashoffset:173.4873046875px;stroke-dasharray:173.4873046875px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.54s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.54s}svg.active .svg-elem-7{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-8{stroke-dashoffset:173.54556274414062px;stroke-dasharray:173.54556274414062px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.63s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.63s}svg.active .svg-elem-8{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-9{stroke-dashoffset:173.59738159179688px;stroke-dasharray:173.59738159179688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.72s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.72s}svg.active .svg-elem-9{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-10{stroke-dashoffset:100.71990203857422px;stroke-dasharray:100.71990203857422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8099999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8099999999999999s}svg.active .svg-elem-10{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-11{stroke-dashoffset:100.71990203857422px;stroke-dasharray:100.71990203857422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8999999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.8999999999999999s}svg.active .svg-elem-11{stroke-dashoffset:0}svg .svg-elem-12{stroke-dashoffset:43.39763641357422px;stroke-dasharray:43.39763641357422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.99s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 0.99s}svg.active .svg-elem-12{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-13{stroke-dashoffset:43.39763641357422px;stroke-dasharray:43.39763641357422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.08s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.08s}svg.active .svg-elem-13{stroke-dashoffset:0}svg .svg-elem-14{stroke-dashoffset:108.3414306640625px;stroke-dasharray:108.3414306640625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.17s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.17s}svg.active .svg-elem-14{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-15{stroke-dashoffset:108.3414306640625px;stroke-dasharray:108.3414306640625px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.9000000000000004s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.26s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 3.9000000000000004s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.26s}svg.active .svg-elem-15{stroke-dashoffset:0}svg .svg-elem-16{stroke-dashoffset:75.88581085205078px;stroke-dasharray:75.88581085205078px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.3499999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.3499999999999999s}svg.active .svg-elem-16{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-17{stroke-dashoffset:75.88581085205078px;stroke-dasharray:75.88581085205078px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.44s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.44s}svg.active .svg-elem-17{stroke-dashoffset:0}svg .svg-elem-18{stroke-dashoffset:173.5455322265625px;stroke-dasharray:173.5455322265625px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.53s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.53s}svg.active .svg-elem-18{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-19{stroke-dashoffset:173.5973358154297px;stroke-dasharray:173.5973358154297px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.6199999999999999s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.3s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.6199999999999999s}svg.active .svg-elem-19{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-20{stroke-dashoffset:173.56723022460938px;stroke-dasharray:173.56723022460938px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.71s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.71s}svg.active .svg-elem-20{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-21{stroke-dashoffset:75.43915557861328px;stroke-dasharray:75.43915557861328px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.7999999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.7999999999999998s}svg.active .svg-elem-21{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-22{stroke-dashoffset:75.43915557861328px;stroke-dasharray:75.43915557861328px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.89s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.89s}svg.active .svg-elem-22{stroke-dashoffset:0}svg .svg-elem-23{stroke-dashoffset:21.905780792236328px;stroke-dasharray:21.905780792236328px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.98s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 1.98s}svg.active .svg-elem-23{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-24{stroke-dashoffset:21.905780792236328px;stroke-dasharray:21.905780792236328px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.07s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.07s}svg.active .svg-elem-24{stroke-dashoffset:0}svg .svg-elem-25{stroke-dashoffset:15.808277130126953px;stroke-dasharray:15.808277130126953px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.16s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 4.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.16s}svg.active .svg-elem-25{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-26{stroke-dashoffset:15.808277130126953px;stroke-dasharray:15.808277130126953px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.25s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.25s}svg.active .svg-elem-26{stroke-dashoffset:0}svg .svg-elem-27{stroke-dashoffset:103.98786926269531px;stroke-dasharray:103.98786926269531px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.34s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.34s}svg.active .svg-elem-27{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-28{stroke-dashoffset:103.98786926269531px;stroke-dasharray:103.98786926269531px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.4299999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.4299999999999997s}svg.active .svg-elem-28{stroke-dashoffset:0}svg .svg-elem-29{stroke-dashoffset:173.5672149658203px;stroke-dasharray:173.5672149658203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.52s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.52s}svg.active .svg-elem-29{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-30{stroke-dashoffset:15.808284759521484px;stroke-dasharray:15.808284759521484px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.61s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.61s}svg.active .svg-elem-30{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-31{stroke-dashoffset:15.808284759521484px;stroke-dasharray:15.808284759521484px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.6999999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.6999999999999997s}svg.active .svg-elem-31{stroke-dashoffset:0}svg .svg-elem-32{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.79s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.79s}svg.active .svg-elem-32{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-33{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.88s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.88s}svg.active .svg-elem-33{stroke-dashoffset:0}svg .svg-elem-34{stroke-dashoffset:173.5671844482422px;stroke-dasharray:173.5671844482422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.9699999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.800000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 2.9699999999999998s}svg.active .svg-elem-34{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-35{stroke-dashoffset:173.567138671875px;stroke-dasharray:173.567138671875px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.06s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 5.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.06s}svg.active .svg-elem-35{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-36{stroke-dashoffset:173.5671844482422px;stroke-dasharray:173.5671844482422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.15s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.15s}svg.active .svg-elem-36{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-37{stroke-dashoffset:75.42085266113281px;stroke-dasharray:75.42085266113281px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.2399999999999998s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.1s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.2399999999999998s}svg.active .svg-elem-37{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-38{stroke-dashoffset:75.42085266113281px;stroke-dasharray:75.42085266113281px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.33s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.2s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.33s}svg.active .svg-elem-38{stroke-dashoffset:0}svg .svg-elem-39{stroke-dashoffset:21.905784606933594px;stroke-dasharray:21.905784606933594px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.42s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.300000000000001s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.42s}svg.active .svg-elem-39{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-40{stroke-dashoffset:21.905784606933594px;stroke-dasharray:21.905784606933594px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.51s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.4s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.51s}svg.active .svg-elem-40{stroke-dashoffset:0}svg .svg-elem-41{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.5999999999999996s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.5s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.5999999999999996s}svg.active .svg-elem-41{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-42{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.6000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.69s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.6000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.69s}svg.active .svg-elem-42{stroke-dashoffset:0}svg .svg-elem-43{stroke-dashoffset:173.5672149658203px;stroke-dasharray:173.5672149658203px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.78s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.78s}svg.active .svg-elem-43{stroke-dashoffset:0;fill:rgb(0,179,159)}svg .svg-elem-44{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.8699999999999997s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.8s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.8699999999999997s}svg.active .svg-elem-44{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-45{stroke-dashoffset:15.808269500732422px;stroke-dasharray:15.808269500732422px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.96s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 6.9s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 3.96s}svg.active .svg-elem-45{stroke-dashoffset:0}svg .svg-elem-46{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;fill:transparent;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.05s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.05s}svg.active .svg-elem-46{stroke-dashoffset:0;fill:rgb(0,0,0)}svg .svg-elem-47{stroke-dashoffset:75.43917846679688px;stroke-dasharray:75.43917846679688px;-webkit-transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7.1000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.14s;transition:stroke-dashoffset 0.9s cubic-bezier(0.6,-0.28,0.735,0.045) 7.1000000000000005s,fill 0.7s cubic-bezier(0.6,0.04,0.98,0.335) 4.14s}svg.active .svg-elem-47{stroke-dashoffset:0} } diff --git a/src/sections/Home/service-mesh-management/index.js b/src/sections/Home/service-mesh-management/index.js index 7e192f3e3faf..75f446689b91 100644 --- a/src/sections/Home/service-mesh-management/index.js +++ b/src/sections/Home/service-mesh-management/index.js @@ -6,7 +6,7 @@ import { IoIosArrowForward } from "@react-icons/all-files/io/IoIosArrowForward"; import { Link } from "gatsby"; import { StaticImage } from "gatsby-plugin-image"; -const MeshMap = "../../../assets/images/homePage-images/meshmap.webp"; +const Kanvas = "../../../assets/images/homePage-images/kanvas.webp"; const ServiceMeshManagement = () => { return ( @@ -27,7 +27,7 @@ const ServiceMeshManagement = () => { - + diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js similarity index 95% rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js index bc6c4506c7d6..04082d9634cc 100644 --- a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.js +++ b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.js @@ -28,7 +28,7 @@ export default function CollaboratorFeatures({ features }) {
    - +

    Collaborate

    @@ -38,7 +38,7 @@ export default function CollaboratorFeatures({ features }) {
    - +
    diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.style.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures.style.js rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures.style.js diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js rename to src/sections/Kanvas/FeaturesSection/Collaborate/CollaboratorFeatures_diagram.js diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar1.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar1.webp similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar1.webp rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar1.webp diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar2.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar2.webp similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar2.webp rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar2.webp diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar3.webp b/src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar3.webp similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/avatar3.webp rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/avatar3.webp diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1-dark.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab1.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab1.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2-dark.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab2.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab2.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3-dark.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab3.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab3.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-dark.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4-dark.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4.svg b/src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Collaborate/images/collab4.svg rename to src/sections/Kanvas/FeaturesSection/Collaborate/images/collab4.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js similarity index 96% rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js index 1c86d07d9eaa..c31540688b4f 100644 --- a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.js +++ b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.js @@ -29,7 +29,7 @@ export default function DesignerFeatures({ features }) {
    - +

    Design

    @@ -39,7 +39,7 @@ export default function DesignerFeatures({ features }) {
    - +
    diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.style.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures.style.js rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures.style.js diff --git a/src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures_diagram.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/DesignerFeatures_diagram.js rename to src/sections/Kanvas/FeaturesSection/Design/DesignerFeatures_diagram.js diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1-dark.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-1.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-1.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2-dark.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-2.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-2.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3-dark.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-3.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-3.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-dark.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4-dark.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4.svg b/src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Design/images/role-binding-4.svg rename to src/sections/Kanvas/FeaturesSection/Design/images/role-binding-4.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js similarity index 95% rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js index f5ff5728f4c8..9fb6483251f4 100644 --- a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.js +++ b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.js @@ -30,7 +30,7 @@ export default function VisualizerFeatures({ features }) {
    - +

    Visualize

    @@ -40,7 +40,7 @@ export default function VisualizerFeatures({ features }) {
    - +
    diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.style.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.style.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures.style.js rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures.style.js diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures_diagram.js b/src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures_diagram.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/VisualizerFeatures_diagram.js rename to src/sections/Kanvas/FeaturesSection/Visualize/VisualizerFeatures_diagram.js diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-dark.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1-dark.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-1.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-1.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-colorMode.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-colorMode.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-colorMode.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-colorMode.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-dark.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-dark.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2-dark.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2-dark.svg diff --git a/src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2.svg b/src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2.svg similarity index 100% rename from src/sections/Meshmap/FeaturesSection/Visualize/images/visualize-2.svg rename to src/sections/Kanvas/FeaturesSection/Visualize/images/visualize-2.svg diff --git a/src/sections/Meshmap/FeaturesSection/useGsapTimeline.js b/src/sections/Kanvas/FeaturesSection/useGsapTimeline.js similarity index 100% rename from src/sections/Meshmap/FeaturesSection/useGsapTimeline.js rename to src/sections/Kanvas/FeaturesSection/useGsapTimeline.js diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-team.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-team.js similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-team.js rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-team.js diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-terms.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-terms.js similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-terms.js rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-terms.js diff --git a/src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js b/src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-work.js similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/collaboration-feature-work.js rename to src/sections/Kanvas/Kanvas-collaborate/collaboration-feature-work.js diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/canvas.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/canvas.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/canvas.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/canvas.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-light.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/empty-light.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/empty-light.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/ingress-gateway-partial.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/ingress-gateway-partial.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar-light.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar-light.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-navbar.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-navbar.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/kubernetes-partial.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/kubernetes-partial.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-colorMode.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/pod-partial.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/pod-partial.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/prometheus-partial.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/prometheus-partial.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-dark.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial-dark.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial-dark.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/service-interface-partial.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/service-interface-partial.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/supporting-arrows.svg b/src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/supporting-arrows.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/banner-transitions/supporting-arrows.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/banner-transitions/supporting-arrows.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-1.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-1.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-1.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-1.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-2.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-2.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-2.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-2.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-3.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-3.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-3.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-3.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-4.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-4.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-4.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-4.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-5.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-5.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-5.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-5.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-6.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-6.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-6.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-6.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-7.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-7.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-7.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-7.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-image.svg b/src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-image.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-collaborate/images/world-transitions/world-image.svg rename to src/sections/Kanvas/Kanvas-collaborate/images/world-transitions/world-image.svg diff --git a/src/sections/Meshmap/Meshmap-collaborate/index.js b/src/sections/Kanvas/Kanvas-collaborate/index.js similarity index 58% rename from src/sections/Meshmap/Meshmap-collaborate/index.js rename to src/sections/Kanvas/Kanvas-collaborate/index.js index 357ae4c63560..a4712bd76ca8 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/index.js +++ b/src/sections/Kanvas/Kanvas-collaborate/index.js @@ -1,6 +1,6 @@ import React from "react"; -import MeshmapCollaborateWrapper from "./meshmap-collaborate.style"; -import MeshmapCollaborateBanner from "./meshmap-collaborate-banner"; +import KanvasCollaborateWrapper from "./kanvas-collaborate.style"; +import KanvasCollaborateBanner from "./kanvas-collaborate-banner"; import CollaborationFeatureTeam from "./collaboration-feature-team"; import CollaborationFeatureWork from "./collaboration-feature-work"; @@ -8,17 +8,17 @@ import SignupForm from "./../signup-form"; import Reviews from "../../Pricing/review-slider"; -const MeshmapCollaborate = () => { +const KanvasCollaborate = () => { return ( - - + + {/* */} - + ); }; -export default MeshmapCollaborate; +export default KanvasCollaborate; diff --git a/src/sections/Meshmap/Meshmap-collaborate/index.test.js b/src/sections/Kanvas/Kanvas-collaborate/index.test.js similarity index 68% rename from src/sections/Meshmap/Meshmap-collaborate/index.test.js rename to src/sections/Kanvas/Kanvas-collaborate/index.test.js index 293b1fc35124..8e8fd5cbb5ab 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/index.test.js +++ b/src/sections/Kanvas/Kanvas-collaborate/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import Meshmap from './index'; +import Kanvas from './index'; it('Blog-sidebar renders without crashing', () => { - shallow(); + shallow(); }); \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js similarity index 98% rename from src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js rename to src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js index d63ad955c9c6..a71e51784596 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate-banner.js +++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate-banner.js @@ -179,7 +179,7 @@ const CollaborationBannerWrapper = styled.div` } `; -const MeshmapCollaborateBanner = () => { +const KanvasCollaborateBanner = () => { const [transitionRef, inView] = useInView({ threshold: 0.7 }); const [imageInView, setimageInView] = useState(false); if (inView && !imageInView) @@ -221,4 +221,4 @@ const MeshmapCollaborateBanner = () => { ); }; -export default MeshmapCollaborateBanner; \ No newline at end of file +export default KanvasCollaborateBanner; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js similarity index 88% rename from src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js rename to src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js index 93bdb26334b0..2247176a8018 100644 --- a/src/sections/Meshmap/Meshmap-collaborate/meshmap-collaborate.style.js +++ b/src/sections/Kanvas/Kanvas-collaborate/kanvas-collaborate.style.js @@ -1,6 +1,6 @@ import styled from "styled-components"; -const MeshmapCollaborateWrapper = styled.div` +const KanvasCollaborateWrapper = styled.div` display: flex; flex-direction: column; @@ -39,4 +39,4 @@ const MeshmapCollaborateWrapper = styled.div` `; -export default MeshmapCollaborateWrapper; +export default KanvasCollaborateWrapper; diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js b/src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js similarity index 75% rename from src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js rename to src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js index 5f9fecd3ace0..923964519065 100644 --- a/src/sections/Meshmap/Meshmap-design/Meshmap-design-features/index.js +++ b/src/sections/Kanvas/Kanvas-design/Kanvas-design-features/index.js @@ -4,12 +4,12 @@ import { Container } from "../../../../reusecore/Layout"; import Features from "../../../../components/Features-carousel"; import { StaticImage } from "gatsby-plugin-image"; -const img1 = "../../../../assets/images/meshmap/MeshmapDesigner.webp"; -const img2 = "../../../../assets/images/meshmap/MeshmapDesigner.webp"; -const img3 = "../../../../assets/images/meshmap/MeshmapDesigner.webp"; -const img4 = "../../../../assets/images/meshmap/MeshmapDesigner.webp"; +const img1 = "../../../../assets/images/kanvas/KanvasDesigner.webp"; +const img2 = "../../../../assets/images/kanvas/KanvasDesigner.webp"; +const img3 = "../../../../assets/images/kanvas/KanvasDesigner.webp"; +const img4 = "../../../../assets/images/kanvas/KanvasDesigner.webp"; -const MeshmapDesignFeaturesWrapper = styled.div` +const KanvasDesignFeaturesWrapper = styled.div` margin: auto; margin-top: 12% !important; margin-bottom: 12%; @@ -33,9 +33,9 @@ const MeshmapDesignFeaturesWrapper = styled.div` } `; -const MeshmapDesignFeatures = () => { +const KanvasDesignFeatures = () => { return ( - + { title: "Design your deployments the way you want", description: "Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Say goodbye to YAML configurations.", - learnMoreLink: "/cloud-native-management/meshmap", + learnMoreLink: "/cloud-native-management/kanvas", content: , }, { title: "Manage your applications visually and intuitively", description: "Play with powerful features including context-aware designs and namespace configurations to easily manage all services.", - learnMoreLink: "/cloud-native-management/meshmap", + learnMoreLink: "/cloud-native-management/kanvas", content: ( ), @@ -59,7 +59,7 @@ const MeshmapDesignFeatures = () => { title: "Build the bridge", description: "Go from developer handoffs to ongoing conversations with a shared language between design and development.", - learnMoreLink: "/cloud-native-management/meshmap", + learnMoreLink: "/cloud-native-management/kanvas", content: ( ), @@ -71,13 +71,13 @@ const MeshmapDesignFeatures = () => { content: ( ), - learnMoreLink: "/cloud-native-management/meshmap", + learnMoreLink: "/cloud-native-management/kanvas", } ]} /> - + ); }; -export default MeshmapDesignFeatures; \ No newline at end of file +export default KanvasDesignFeatures; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js similarity index 86% rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js index 1cb1e20f7a42..a4b8f37a159d 100644 --- a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/MeshmapMobileSwiper.js +++ b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/KanvasMobileSwiper.js @@ -16,14 +16,14 @@ const CONTENT = [ title: "Confidently make changes to your infrastructure", img: dragDrop, description: - "MeshMap automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.", + "Kanvas automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.", gradient: "one", }, { title: "Understand your infrastructure with visualization and automation", img: mergeDesign, description: - "MeshMap helps your team automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.", + "Kanvaselps your team automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.", gradient: "two", }, { @@ -55,7 +55,7 @@ const Card = ({ title, description, img, readMoreLink }) => { ); }; -export const MeshmapMobileSwiper = () => { +export const KanvasMobileSwiper = () => { return (

    Multi user real time collaboration

    diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/images/BlankSwiper.webp b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/images/BlankSwiper.webp similarity index 100% rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/images/BlankSwiper.webp rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/images/BlankSwiper.webp diff --git a/src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/mobile-swiper.style.js b/src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/mobile-swiper.style.js similarity index 100% rename from src/sections/Meshmap/Meshmap-design/Meshmap_Mobile_swiper/mobile-swiper.style.js rename to src/sections/Kanvas/Kanvas-design/Kanvas_Mobile_swiper/mobile-swiper.style.js diff --git a/src/sections/Meshmap/Meshmap-design/cytoscape-demo.js b/src/sections/Kanvas/Kanvas-design/cytoscape-demo.js similarity index 100% rename from src/sections/Meshmap/Meshmap-design/cytoscape-demo.js rename to src/sections/Kanvas/Kanvas-design/cytoscape-demo.js diff --git a/src/sections/Meshmap/Meshmap-design/cytoscape-demo.style.js b/src/sections/Kanvas/Kanvas-design/cytoscape-demo.style.js similarity index 100% rename from src/sections/Meshmap/Meshmap-design/cytoscape-demo.style.js rename to src/sections/Kanvas/Kanvas-design/cytoscape-demo.style.js diff --git a/src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js b/src/sections/Kanvas/Kanvas-design/cytoscapeCanvas.js similarity index 100% rename from src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js rename to src/sections/Kanvas/Kanvas-design/cytoscapeCanvas.js diff --git a/src/sections/Meshmap/Meshmap-design/images/background-dots-pattern.svg b/src/sections/Kanvas/Kanvas-design/images/background-dots-pattern.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/background-dots-pattern.svg rename to src/sections/Kanvas/Kanvas-design/images/background-dots-pattern.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/banner-image-colorMode.svg rename to src/sections/Kanvas/Kanvas-design/images/banner-image-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-dark.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/banner-image-dark.svg rename to src/sections/Kanvas/Kanvas-design/images/banner-image-dark.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/banner-image-light.svg b/src/sections/Kanvas/Kanvas-design/images/banner-image-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/banner-image-light.svg rename to src/sections/Kanvas/Kanvas-design/images/banner-image-light.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/connect-components.gif b/src/sections/Kanvas/Kanvas-design/images/connect-components.gif similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/connect-components.gif rename to src/sections/Kanvas/Kanvas-design/images/connect-components.gif diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoNodes.js b/src/sections/Kanvas/Kanvas-design/images/cytoNodes.js similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/cytoNodes.js rename to src/sections/Kanvas/Kanvas-design/images/cytoNodes.js diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-colorMode.svg rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-dark.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-dark.svg rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-dark.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoscape-light.svg b/src/sections/Kanvas/Kanvas-design/images/cytoscape-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/cytoscape-light.svg rename to src/sections/Kanvas/Kanvas-design/images/cytoscape-light.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/drag-drop-components.gif b/src/sections/Kanvas/Kanvas-design/images/drag-drop-components.gif similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/drag-drop-components.gif rename to src/sections/Kanvas/Kanvas-design/images/drag-drop-components.gif diff --git a/src/sections/Meshmap/Meshmap-design/images/integration-image-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/integration-image-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/integration-image-colorMode.svg rename to src/sections/Kanvas/Kanvas-design/images/integration-image-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-dark.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-dark.svg rename to src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-dark.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-light.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/meshmap-bottom-image-light.svg rename to src/sections/Kanvas/Kanvas-design/images/kanvas-bottom-image-light.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-locator-dark.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-locator-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/meshmap-locator-dark.svg rename to src/sections/Kanvas/Kanvas-design/images/kanvas-locator-dark.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/meshmap-locator-light.svg b/src/sections/Kanvas/Kanvas-design/images/kanvas-locator-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/meshmap-locator-light.svg rename to src/sections/Kanvas/Kanvas-design/images/kanvas-locator-light.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/merge-design.gif b/src/sections/Kanvas/Kanvas-design/images/merge-design.gif similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/merge-design.gif rename to src/sections/Kanvas/Kanvas-design/images/merge-design.gif diff --git a/src/sections/Meshmap/Meshmap-design/images/plus-sign-colorMode.svg b/src/sections/Kanvas/Kanvas-design/images/plus-sign-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/plus-sign-colorMode.svg rename to src/sections/Kanvas/Kanvas-design/images/plus-sign-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-design/images/share-design.gif b/src/sections/Kanvas/Kanvas-design/images/share-design.gif similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/share-design.gif rename to src/sections/Kanvas/Kanvas-design/images/share-design.gif diff --git a/src/sections/Meshmap/Meshmap-design/images/underline.svg b/src/sections/Kanvas/Kanvas-design/images/underline.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-design/images/underline.svg rename to src/sections/Kanvas/Kanvas-design/images/underline.svg diff --git a/src/sections/Kanvas/Kanvas-design/index.js b/src/sections/Kanvas/Kanvas-design/index.js new file mode 100644 index 000000000000..f931646468c1 --- /dev/null +++ b/src/sections/Kanvas/Kanvas-design/index.js @@ -0,0 +1,28 @@ +import React from "react"; +import KanvasDesignWrapper from "./kanvas-design.style"; +import KanvasDesignBanner from "./kanvas-design-banner"; +import KanvasHeroSection from "./kanvas-design-hero"; +import KanvasIntegrationsSection from "./kanvas-design-integrations"; +import { KanvasMobileSwiper } from "./Kanvas_Mobile_swiper/KanvasMobileSwiper"; +import KanvasDesignFeatureCarousel from "./kanvas-design-features-carousel"; + +import SignupForm from "../signup-form"; +import Reviews from "../../Pricing/review-slider"; + + +const KanvasDesign = () => { + return ( + + + + {/* */} + + + + + + + ); +}; + +export default KanvasDesign; diff --git a/src/sections/Meshmap/Meshmap-design/index.test.js b/src/sections/Kanvas/Kanvas-design/index.test.js similarity index 68% rename from src/sections/Meshmap/Meshmap-design/index.test.js rename to src/sections/Kanvas/Kanvas-design/index.test.js index 293b1fc35124..8e8fd5cbb5ab 100644 --- a/src/sections/Meshmap/Meshmap-design/index.test.js +++ b/src/sections/Kanvas/Kanvas-design/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import Meshmap from './index'; +import Kanvas from './index'; it('Blog-sidebar renders without crashing', () => { - shallow(); + shallow(); }); \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js similarity index 98% rename from src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js rename to src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js index 57d872e593e1..7443669a818b 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-banner.js +++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-banner.js @@ -151,13 +151,13 @@ const DesignBannerWrapper = styled.div` } `; -const MeshmapDesignBanner = () => { +const KanvasDesignBanner = () => { return ( {/* */}
    -

    MeshMap

    +

    Kanvas

    Designer

    Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Using GitOps? Integrate visual reviews into your pipeline.

    @@ -173,4 +173,4 @@ const MeshmapDesignBanner = () => { ); }; -export default MeshmapDesignBanner; \ No newline at end of file +export default KanvasDesignBanner; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js similarity index 90% rename from src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js rename to src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js index c075bf55952a..46c0b65e989c 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-features-carousel.js +++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-features-carousel.js @@ -12,13 +12,13 @@ const CONTENT = [ title: "Confidently make changes to your infrastructure", img: dragDrop, description: - "MeshMap automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.", + "Kanvas automatically catalogs and provides insight into all of your services, datastores and the connections between them, allowing teams to deeply understand application architecture.", }, { title: "Visualize and automate infrastructure understanding", img: mergeDesign, description: - "MeshMap helps automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.", + "Kanvaselps automate infrastructure understanding from the architecture to a single PR so your team can ship, refactor and onboard to legacy or existing applications faster.", }, { title: "Make working across services as easy as working across files", @@ -116,7 +116,7 @@ const DivWrapper = styled.div` } `; -export default function MeshmapDesignFeatureCarousel() { +export default function KanvasDesignFeatureCarousel() { const [cardIndices, setCardIndices] = useState([ ...Array(CONTENT.length).keys(), ]); diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js similarity index 75% rename from src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js rename to src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js index e1f079bd3b08..0fbdacf50a9c 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-hero.js +++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-hero.js @@ -1,9 +1,9 @@ import React from "react"; import styled from "styled-components"; -import MeshmapLocatorLight from "./images/meshmap-locator-light.svg"; -import MeshmapLocatorDark from "./images/meshmap-locator-dark.svg"; -import MeshmapImageBottomLight from "./images/meshmap-bottom-image-light.svg"; -import MeshmapImageBottomDark from "./images/meshmap-bottom-image-dark.svg"; +import KanvasLocatorLight from "./images/kanvas-locator-light.svg"; +import KanvasLocatorDark from "./images/kanvas-locator-dark.svg"; +import KanvasImageBottomLight from "./images/kanvas-bottom-image-light.svg"; +import KanvasImageBottomDark from "./images/kanvas-bottom-image-dark.svg"; import { useInView } from "react-intersection-observer"; import { useState } from "react"; import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode"; @@ -75,7 +75,7 @@ const HeroSectionWrapper = styled.div` `; -const MeshmapHeroSection = () => { +const KanvasHeroSection = () => { const [locatorRef, inView] = useInView({ threshold: 0.8 }); const [imageInView, setimageInView] = useState(false); if (inView && !imageInView) @@ -89,15 +89,15 @@ const MeshmapHeroSection = () => {

    Design your infrastructure

    -

    MeshMap is the world’s only visual designer for Kubernetes and cloud native applications. Design, deploy, and manage your Kubernetes-based, cloud native deployments allowing you to speed up infrastructure configuration.

    +

    Kanvasis the world’s only visual designer for Kubernetes and cloud native applications. Design, deploy, and manage your Kubernetes-based, cloud native deployments allowing you to speed up infrastructure configuration.

    - locator - integrations + locator + integrations
    ); }; -export default MeshmapHeroSection; \ No newline at end of file +export default KanvasHeroSection; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js b/src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js similarity index 97% rename from src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js rename to src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js index 9048f5507915..197e1fd1a9c6 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design-integrations.js +++ b/src/sections/Kanvas/Kanvas-design/kanvas-design-integrations.js @@ -90,7 +90,7 @@ const IntegrationsSectionWrapper = styled.div` } `; -const MeshmapIntegrationsSection = () => { +const KanvasIntegrationsSection = () => { const [diagramRef, inView] = useInView({ threshold: 0.6 }); const [imageInView, setimageInView] = useState(false); @@ -155,4 +155,4 @@ const MeshmapIntegrationsSection = () => { ); }; -export default MeshmapIntegrationsSection; +export default KanvasIntegrationsSection; diff --git a/src/sections/Meshmap/Meshmap-design/meshmap-design.style.js b/src/sections/Kanvas/Kanvas-design/kanvas-design.style.js similarity index 89% rename from src/sections/Meshmap/Meshmap-design/meshmap-design.style.js rename to src/sections/Kanvas/Kanvas-design/kanvas-design.style.js index 5f869dbdb671..ff7fefc21362 100644 --- a/src/sections/Meshmap/Meshmap-design/meshmap-design.style.js +++ b/src/sections/Kanvas/Kanvas-design/kanvas-design.style.js @@ -1,6 +1,6 @@ import styled from "styled-components"; -const MeshmapDesignWrapper = styled.div` +const KanvasDesignWrapper = styled.div` display: flex; flex-direction: column; @@ -39,4 +39,4 @@ const MeshmapDesignWrapper = styled.div` `; -export default MeshmapDesignWrapper; +export default KanvasDesignWrapper; diff --git a/src/sections/Meshmap/Meshmap-visualize/images/application-import-arrows.svg b/src/sections/Kanvas/Kanvas-visualize/images/application-import-arrows.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/application-import-arrows.svg rename to src/sections/Kanvas/Kanvas-visualize/images/application-import-arrows.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/application-import-boxes.svg b/src/sections/Kanvas/Kanvas-visualize/images/application-import-boxes.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/application-import-boxes.svg rename to src/sections/Kanvas/Kanvas-visualize/images/application-import-boxes.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal-code.svg b/src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal-code.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal-code.svg rename to src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal-code.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal.svg b/src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/interactive-terminal.svg rename to src/sections/Kanvas/Kanvas-visualize/images/interactive-terminal.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/log-stream-search.svg b/src/sections/Kanvas/Kanvas-visualize/images/log-stream-search.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/log-stream-search.svg rename to src/sections/Kanvas/Kanvas-visualize/images/log-stream-search.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/log-stream.svg b/src/sections/Kanvas/Kanvas-visualize/images/log-stream.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/log-stream.svg rename to src/sections/Kanvas/Kanvas-visualize/images/log-stream.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/oval-blur-shape.svg b/src/sections/Kanvas/Kanvas-visualize/images/oval-blur-shape.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/oval-blur-shape.svg rename to src/sections/Kanvas/Kanvas-visualize/images/oval-blur-shape.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-bars.svg b/src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-bars.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-bars.svg rename to src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-bars.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-graph.svg b/src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-graph.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/performance-metrics-graph.svg rename to src/sections/Kanvas/Kanvas-visualize/images/performance-metrics-graph.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-dark.svg rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-dark.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-gear-light.svg rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-gear-light.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-colorMode.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-colorMode.svg rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-dark.svg rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-dark.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/service-performance-meter-light.svg rename to src/sections/Kanvas/Kanvas-visualize/images/service-performance-meter-light.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr-clock.svg b/src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr-clock.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr-clock.svg rename to src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr-clock.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr.svg b/src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/timeline-dvr.svg rename to src/sections/Kanvas/Kanvas-visualize/images/timeline-dvr.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-colorMode.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-colorMode.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-colorMode.svg rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-colorMode.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-dark.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-dark.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-dark.svg rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-dark.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-light.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-light.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-light.svg rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-light.svg diff --git a/src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-lines.svg b/src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-lines.svg similarity index 100% rename from src/sections/Meshmap/Meshmap-visualize/images/visualizer-views-lines.svg rename to src/sections/Kanvas/Kanvas-visualize/images/visualizer-views-lines.svg diff --git a/src/sections/Kanvas/Kanvas-visualize/index.js b/src/sections/Kanvas/Kanvas-visualize/index.js new file mode 100644 index 000000000000..ba6558c8bef6 --- /dev/null +++ b/src/sections/Kanvas/Kanvas-visualize/index.js @@ -0,0 +1,29 @@ +import React from "react"; +import KanvasVisualizeWrapper from "./kanvas-visualize.style"; +import KanvasVisualizeBanner from "./kanvas-visualize-banner"; +import KanvasVisualizerFeatures from "./kanvas-visualize-features"; +import KanvasVisualizerViews from "./kanvas-visualize-views"; +import BackgroundImage from "./images/oval-blur-shape.svg"; +import SignupForm from "../signup-form"; +import Reviews from "../../Pricing/review-slider"; +import { useRef } from "react"; + +const KanvasVisualize = () => { + const targetRef = useRef(null); + return ( + +
    + +
    + + + + {/* */} + {/* */} + + +     + ); +}; + +export default KanvasVisualize; diff --git a/src/sections/Meshmap/Meshmap-visualize/index.test.js b/src/sections/Kanvas/Kanvas-visualize/index.test.js similarity index 68% rename from src/sections/Meshmap/Meshmap-visualize/index.test.js rename to src/sections/Kanvas/Kanvas-visualize/index.test.js index 293b1fc35124..8e8fd5cbb5ab 100644 --- a/src/sections/Meshmap/Meshmap-visualize/index.test.js +++ b/src/sections/Kanvas/Kanvas-visualize/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import Meshmap from './index'; +import Kanvas from './index'; it('Blog-sidebar renders without crashing', () => { - shallow(); + shallow(); }); \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js similarity index 94% rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js index f74f079ebc6e..76501fcec653 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-banner.js +++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-banner.js @@ -83,7 +83,7 @@ const VisualizeBannerWrapper = styled.div` } `; -const MeshmapVisualizeBanner = ({ targetRef }) => { +const KanvasisualizeBanner = ({ targetRef }) => { const handleClick = () => { const offset = 100; const targetPos = targetRef.current.getBoundingClientRect().top + window.pageYOffset; @@ -99,7 +99,7 @@ const MeshmapVisualizeBanner = ({ targetRef }) => {

    Visualize your infrastructure

    See your designs in action. Operate with best practices.

    -
    {/*
    @@ -109,4 +109,4 @@ const MeshmapVisualizeBanner = ({ targetRef }) => { ); }; -export default MeshmapVisualizeBanner; \ No newline at end of file +export default KanvasisualizeBanner; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js similarity index 99% rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js index 246c194eeb16..300ac8ab6618 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-features.js +++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-features.js @@ -122,7 +122,7 @@ z-index: 10; } `; -const MeshmapVisualizerFeatures = () => { +const KanvasisualizerFeatures = () => { const [isHovered, setisHovered] = useState(false); const [hoveredFeature, sethoveredFeature] = useState(""); @@ -211,4 +211,4 @@ const MeshmapVisualizerFeatures = () => { ); }; -export default MeshmapVisualizerFeatures; \ No newline at end of file +export default KanvasisualizerFeatures; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js similarity index 97% rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js index 0c0671f7f8e1..f9d52995298e 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize-views.js +++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize-views.js @@ -112,7 +112,7 @@ const ViewsSectionWrapper = styled.div` `; -const MeshmapVisualizerViews = () => { +const KanvasVisualizerViews = () => { const [imageRef, inView] = useInView({ threshold: 0.4 }); const [imageInView, setimageInView] = useState(false); @@ -138,4 +138,4 @@ const MeshmapVisualizerViews = () => { ); }; -export default MeshmapVisualizerViews; \ No newline at end of file +export default KanvasVisualizerViews; \ No newline at end of file diff --git a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js similarity index 90% rename from src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js rename to src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js index f755d0088693..86a4b7a5830f 100644 --- a/src/sections/Meshmap/Meshmap-visualize/meshmap-visualize.style.js +++ b/src/sections/Kanvas/Kanvas-visualize/kanvas-visualize.style.js @@ -1,6 +1,6 @@ import styled from "styled-components"; -const MeshmapVisualizeWrapper = styled.div` +const KanvasVisualizeWrapper = styled.div` display: flex; flex-direction: column; @@ -47,4 +47,4 @@ const MeshmapVisualizeWrapper = styled.div` `; -export default MeshmapVisualizeWrapper; +export default KanvasVisualizeWrapper; diff --git a/src/sections/Meshmap/diagram/diagram.style.js b/src/sections/Kanvas/diagram/diagram.style.js similarity index 100% rename from src/sections/Meshmap/diagram/diagram.style.js rename to src/sections/Kanvas/diagram/diagram.style.js diff --git a/src/sections/Meshmap/features/features.style.js b/src/sections/Kanvas/features/features.style.js similarity index 100% rename from src/sections/Meshmap/features/features.style.js rename to src/sections/Kanvas/features/features.style.js diff --git a/src/sections/Meshmap/features/index.js b/src/sections/Kanvas/features/index.js similarity index 100% rename from src/sections/Meshmap/features/index.js rename to src/sections/Kanvas/features/index.js diff --git a/src/sections/Meshmap/images/MesheryCloud.svg b/src/sections/Kanvas/images/MesheryCloud.svg similarity index 100% rename from src/sections/Meshmap/images/MesheryCloud.svg rename to src/sections/Kanvas/images/MesheryCloud.svg diff --git a/src/sections/Meshmap/images/circles.svg b/src/sections/Kanvas/images/circles.svg similarity index 100% rename from src/sections/Meshmap/images/circles.svg rename to src/sections/Kanvas/images/circles.svg diff --git a/src/sections/Meshmap/images/collaborate1.svg b/src/sections/Kanvas/images/collaborate1.svg similarity index 100% rename from src/sections/Meshmap/images/collaborate1.svg rename to src/sections/Kanvas/images/collaborate1.svg diff --git a/src/sections/Meshmap/images/collaborate2.svg b/src/sections/Kanvas/images/collaborate2.svg similarity index 100% rename from src/sections/Meshmap/images/collaborate2.svg rename to src/sections/Kanvas/images/collaborate2.svg diff --git a/src/sections/Meshmap/images/datacenter-crash.svg b/src/sections/Kanvas/images/datacenter-crash.svg similarity index 100% rename from src/sections/Meshmap/images/datacenter-crash.svg rename to src/sections/Kanvas/images/datacenter-crash.svg diff --git a/src/sections/Meshmap/images/grid.svg b/src/sections/Kanvas/images/grid.svg similarity index 100% rename from src/sections/Meshmap/images/grid.svg rename to src/sections/Kanvas/images/grid.svg diff --git a/src/sections/Meshmap/images/link-arrow-dark.svg b/src/sections/Kanvas/images/link-arrow-dark.svg similarity index 100% rename from src/sections/Meshmap/images/link-arrow-dark.svg rename to src/sections/Kanvas/images/link-arrow-dark.svg diff --git a/src/sections/Meshmap/images/link-arrow.svg b/src/sections/Kanvas/images/link-arrow.svg similarity index 100% rename from src/sections/Meshmap/images/link-arrow.svg rename to src/sections/Kanvas/images/link-arrow.svg diff --git a/src/sections/Meshmap/images/meshery-cloud.svg b/src/sections/Kanvas/images/meshery-cloud.svg similarity index 100% rename from src/sections/Meshmap/images/meshery-cloud.svg rename to src/sections/Kanvas/images/meshery-cloud.svg diff --git a/src/sections/Meshmap/images/meshmap-draft-logos.webp b/src/sections/Kanvas/images/meshmap-draft-logos.webp similarity index 100% rename from src/sections/Meshmap/images/meshmap-draft-logos.webp rename to src/sections/Kanvas/images/meshmap-draft-logos.webp diff --git a/src/sections/Meshmap/index.js b/src/sections/Kanvas/index.js similarity index 89% rename from src/sections/Meshmap/index.js rename to src/sections/Kanvas/index.js index 60b3e1219f9f..b7e02adc60c6 100644 --- a/src/sections/Meshmap/index.js +++ b/src/sections/Kanvas/index.js @@ -1,13 +1,13 @@ import React from "react"; -import MeshmapWrapper from "./meshmap.style"; +import KanvasWrapper from "./kanvas.style"; import { Container } from "../../reusecore/Layout"; import Features from "../../components/Features-carousel"; -import MeshmapModes from "./meshmap-modes"; -import Catalog from "./meshmap-catalog"; -import Platform from "./meshmap-platform"; -import MeshmapBanner from "./meshmap_banner"; -import designerImage from "../../assets/images/meshmap/MeshmapDesigner.webp"; -import visualizerImage from "../../assets/images/meshmap/MeshmapVisualizer.webp"; +import KanvasModes from "./kanvas-modes"; +import Catalog from "./kanvas-catalog"; +import Platform from "./kanvas-platform"; +import KanvasBanner from "./kanvas_banner"; +import designerImage from "../../assets/images/kanvas/KanvasDesigner.webp"; +import visualizerImage from "../../assets/images/kanvas/KanvasVisualizer.webp"; import DesignerFeatures from "./FeaturesSection/Design/DesignerFeatures"; import CollaboratorFeatures from "./FeaturesSection/Collaborate/CollaboratorFeatures"; import VisualizerFeatures from "./FeaturesSection/Visualize/VisualizerFeatures"; @@ -37,16 +37,16 @@ import Alex from "../../sections/Pricing/reviews/alex-hokanson.jpeg"; import TeaserModal from "../../components/TeaserModal"; -const Meshmap = (props) => { +const Kanvas = (props) => { return ( - +
    - +
    { ]} />
    - + { { }, ]} /> @@ -155,7 +155,7 @@ const Meshmap = (props) => { }, // { // title: "Nothing great is made alone.", - // description: "MeshMap connects everyone in the DevOps process so teams can deliver better products, faster." + // description: "Kanvas connects everyone in the DevOps process so teams can deliver better products, faster." // }, { title: "Create. Iterate. Repeat.", @@ -183,7 +183,7 @@ const Meshmap = (props) => { // }, { title: "Inclusive collaboration from start to finish", - description: "MeshMap is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.", + description: "Kanvas is an end-to-end management platform, here to help teams understand problems, explore options, and build solutions—together.", imgContent: ( <> avatar-3 @@ -233,13 +233,13 @@ const Meshmap = (props) => { }, ]} />*/} @@ -250,10 +250,10 @@ const Meshmap = (props) => {
    <> - + -     + ); }; -export default Meshmap; \ No newline at end of file +export default Kanvas; \ No newline at end of file diff --git a/src/sections/Meshmap/index.test.js b/src/sections/Kanvas/index.test.js similarity index 68% rename from src/sections/Meshmap/index.test.js rename to src/sections/Kanvas/index.test.js index 293b1fc35124..8e8fd5cbb5ab 100644 --- a/src/sections/Meshmap/index.test.js +++ b/src/sections/Kanvas/index.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { shallow } from 'enzyme'; -import Meshmap from './index'; +import Kanvas from './index'; it('Blog-sidebar renders without crashing', () => { - shallow(); + shallow(); }); \ No newline at end of file diff --git a/src/sections/Meshmap/meshmap-catalog.js b/src/sections/Kanvas/kanvas-catalog.js similarity index 86% rename from src/sections/Meshmap/meshmap-catalog.js rename to src/sections/Kanvas/kanvas-catalog.js index dbc17ec04a6a..638050f39b69 100644 --- a/src/sections/Meshmap/meshmap-catalog.js +++ b/src/sections/Kanvas/kanvas-catalog.js @@ -1,25 +1,25 @@ import React from "react"; import styled from "styled-components"; -import Mutual_tls from "../../assets/images/meshmap/catalog-card-images/mutual-tls.svg"; -import Retries from "../../assets/images/meshmap/catalog-card-images/retries.svg"; -import Traces from "../../assets/images/meshmap/catalog-card-images/traces.svg"; -import Denial from "../../assets/images/meshmap/catalog-card-images/denial.svg"; -import Correlate_event from "../../assets/images/meshmap/catalog-card-images/correlate-event.svg"; -import Only_wagent from "../../assets/images/meshmap/catalog-card-images/only-wagent.svg"; -import Node_agent from "../../assets/images/meshmap/catalog-card-images/node-agent.svg"; -import Single_tenant from "../../assets/images/meshmap/catalog-card-images/single-tenant.svg"; -import Pre_provison from "../../assets/images/meshmap/catalog-card-images/pre-provision.svg"; -import Circuit_breaker from "../../assets/images/meshmap/catalog-card-images/circuit-breaker.svg"; -import Retry_deadline from "../../assets/images/meshmap/catalog-card-images/retry-deadline.svg"; -import Singleton from "../../assets/images/meshmap/catalog-card-images/singleton.svg"; -import Jwt_transformer from "../../assets/images/meshmap/catalog-card-images/jwt.svg"; -import Multicluster from "../../assets/images/meshmap/catalog-card-images/multicluster.svg"; -import Http_metrics from "../../assets/images/meshmap/catalog-card-images/http.svg"; +import Mutual_tls from "../../assets/images/kanvas/catalog-card-images/mutual-tls.svg"; +import Retries from "../../assets/images/kanvas/catalog-card-images/retries.svg"; +import Traces from "../../assets/images/kanvas/catalog-card-images/traces.svg"; +import Denial from "../../assets/images/kanvas/catalog-card-images/denial.svg"; +import Correlate_event from "../../assets/images/kanvas/catalog-card-images/correlate-event.svg"; +import Only_wagent from "../../assets/images/kanvas/catalog-card-images/only-wagent.svg"; +import Node_agent from "../../assets/images/kanvas/catalog-card-images/node-agent.svg"; +import Single_tenant from "../../assets/images/kanvas/catalog-card-images/single-tenant.svg"; +import Pre_provison from "../../assets/images/kanvas/catalog-card-images/pre-provision.svg"; +import Circuit_breaker from "../../assets/images/kanvas/catalog-card-images/circuit-breaker.svg"; +import Retry_deadline from "../../assets/images/kanvas/catalog-card-images/retry-deadline.svg"; +import Singleton from "../../assets/images/kanvas/catalog-card-images/singleton.svg"; +import Jwt_transformer from "../../assets/images/kanvas/catalog-card-images/jwt.svg"; +import Multicluster from "../../assets/images/kanvas/catalog-card-images/multicluster.svg"; +import Http_metrics from "../../assets/images/kanvas/catalog-card-images/http.svg"; import Wasm from "../../assets/images/webassembly/webssembly_icon.svg"; import Patterns from "../../assets/images/service-mesh-patterns/service-mesh-pattern.svg"; -import Ebpf from "../../assets/images/meshmap/ebpf.svg"; -import Opa from "../../assets/images/meshmap/opa.svg"; +import Ebpf from "../../assets/images/kanvas/ebpf.svg"; +import Opa from "../../assets/images/kanvas/opa.svg"; import { Container } from "../../reusecore/Layout"; const CatalogWrapper = styled.div` @@ -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. + Kanvass 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.

    diff --git a/src/sections/Meshmap/meshmap-icon.svg b/src/sections/Kanvas/kanvas-icon.svg similarity index 100% rename from src/sections/Meshmap/meshmap-icon.svg rename to src/sections/Kanvas/kanvas-icon.svg diff --git a/src/sections/Meshmap/meshmap-modes.js b/src/sections/Kanvas/kanvas-modes.js similarity index 89% rename from src/sections/Meshmap/meshmap-modes.js rename to src/sections/Kanvas/kanvas-modes.js index 247ed3214421..782289fde652 100644 --- a/src/sections/Meshmap/meshmap-modes.js +++ b/src/sections/Kanvas/kanvas-modes.js @@ -1,9 +1,9 @@ import React, { useState } from "react"; import styled from "styled-components"; -import designerImage from "../../assets/images/meshmap/MeshmapDesigner.webp"; -import visualizerImage from "../../assets/images/meshmap/MeshmapVisualizer.webp"; +import designerImage from "../../assets/images/kanvas/KanvasDesigner.webp"; +import visualizerImage from "../../assets/images/kanvas/KanvasVisualizer.webp"; -const MeshmapModesWrapper = styled.div` +const KanvasModesWrapper = styled.div` margin-top: 0.1rem; p.caption { @@ -242,18 +242,18 @@ const MeshmapModesWrapper = styled.div` `; -const MeshmapModes = () => { +const KanvasModes = () => { const [designerEnlarged, setDesignerEnlarged] = useState(false); const [vizEnlarged, setVizEnlarged] = useState(false); return ( - + {/*

    Choose Your Mode

    */} {/*

    */} {/* Discover and Visualize - any and all of your cloud native infra and apps. */} {/* Collaboratively design and manage your Kubernetes clusters, service mesh deployments, and cloud native apps. */} {/*

    */} - {/* MeshMap supports 10+ service meshes. */} + {/* Kanvassupports 10+ service meshes. */}
    @@ -261,7 +261,7 @@ const MeshmapModes = () => {

    Discover and model your cloud native deployments

    - MeshMap Designer setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} /> + Kanvas Designer setDesignerEnlarged(!designerEnlarged)} className={`designer-img ${designerEnlarged ? "big" : "small"}`} />

    Drag-and-drop your cloud native infrastructure using a palette of thousands of versioned Kubernetes components. Using GitOps? Integrate advanced performance analysis into your pipeline.

    @@ -274,7 +274,7 @@ const MeshmapModes = () => {

    Apply patterns and manage many Kubernetes clusters

    - MeshMap Visualizer setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} /> + Kanvas Visualizer setVizEnlarged(!vizEnlarged)} className={vizEnlarged ? "big" : "small"} />

    Deploy designs, apply patterns, manage and operate your deployments in real-time. Bring all your Kubernetes clusters under a common point of management. Interactively connect to terminal sessions or initiate and search log streams from your containers.

    @@ -290,13 +290,13 @@ const MeshmapModes = () => {

    Deploy your cloud native infrastructure

    Catalog -

    Create and share your own Kubernetes deployments and service mesh patterns in MeshMap Designer or import from the catalog.

    +

    Create and share your own Kubernetes deployments and service mesh patterns in KanvasDesigner or import from the catalog.

    */} -     + ); }; -export default MeshmapModes; +export default KanvasModes; diff --git a/src/sections/Meshmap/meshmap-newicon.svg b/src/sections/Kanvas/kanvas-newicon.svg similarity index 100% rename from src/sections/Meshmap/meshmap-newicon.svg rename to src/sections/Kanvas/kanvas-newicon.svg diff --git a/src/sections/Meshmap/meshmap-platform.js b/src/sections/Kanvas/kanvas-platform.js similarity index 80% rename from src/sections/Meshmap/meshmap-platform.js rename to src/sections/Kanvas/kanvas-platform.js index 29176ff9cfbd..cd9b485c7cbe 100644 --- a/src/sections/Meshmap/meshmap-platform.js +++ b/src/sections/Kanvas/kanvas-platform.js @@ -116,7 +116,7 @@ const Platform = () => {

    Choose Your Deployment Model

    - Get MeshMap where you need it. + Get Kanvas where you need it.

    { { title: "Self-hosted", description: - "Keep your MeshMap designs internal to your workplace. Get remote support from Layer5 when you need it.", + "Keep your Kanvas designs internal to your workplace. Get remote support from Layer5 when you need it.", content: ( MeshMap Self-hosted ), @@ -137,11 +137,11 @@ const Platform = () => { { title: "Cloud", description: - "Connect to Layer5 Cloud and have your MeshMap designs versioned and available for team sharing and real-time collaboration.", + "Connect to Layer5 Cloud and have your Kanvas designs versioned and available for team sharing and real-time collaboration.", content: ( MeshMap Cloud ), @@ -153,16 +153,16 @@ const Platform = () => {

    Self-Hosted

    - MeshMap Self-hosted + Kanvas Self-hosted

    - Keep your MeshMap designs internal to your workplace. Get remote support from Layer5 when you need it. + Keep your Kanvas designs internal to your workplace. Get remote support from Layer5 when you need it.

    Cloud

    - MeshMap Cloud + Kanvas Cloud

    - Connect to Layer5 Cloud and have your MeshMap designs versioned and available for team sharing and real-time collaboration. + Connect to Layer5 Cloud and have your Kanvasdesigns versioned and available for team sharing and real-time collaboration.

    diff --git a/src/sections/Meshmap/meshmap.style.js b/src/sections/Kanvas/kanvas.style.js similarity index 96% rename from src/sections/Meshmap/meshmap.style.js rename to src/sections/Kanvas/kanvas.style.js index 5336e8984f01..15154065a66a 100644 --- a/src/sections/Meshmap/meshmap.style.js +++ b/src/sections/Kanvas/kanvas.style.js @@ -1,6 +1,6 @@ import styled from "styled-components"; -const MeshmapWrapper = styled.div` +const KanvasWrapper = styled.div` display: flex; flex-direction: column; @@ -86,4 +86,4 @@ const MeshmapWrapper = styled.div` `; -export default MeshmapWrapper; +export default KanvasWrapper; diff --git a/src/sections/Meshmap/meshmap_banner.js b/src/sections/Kanvas/kanvas_banner.js similarity index 93% rename from src/sections/Meshmap/meshmap_banner.js rename to src/sections/Kanvas/kanvas_banner.js index 6ad2b8c91bb1..78e3ddbf9041 100644 --- a/src/sections/Meshmap/meshmap_banner.js +++ b/src/sections/Kanvas/kanvas_banner.js @@ -1,6 +1,6 @@ import React from "react"; import styled from "styled-components"; -import MeshmapIcon from "./meshmap-icon.svg"; +import KanvasIcon from "./kanvas-icon.svg"; const BannerSectionWrapper = styled.div` @@ -91,7 +91,7 @@ const BannerSectionWrapper = styled.div` } } - .meshmap-logo { + .kanvas-logo { width: 14rem; overflow: hidden; margin-top: -7rem; @@ -116,7 +116,7 @@ const BannerSectionWrapper = styled.div` } @media screen and (max-width: 1700px) { - .meshmap-logo { + .kanvas-logo { width: 12rem; /* right: 12rem; */ /* margin-top: -5rem; */ @@ -126,7 +126,7 @@ const BannerSectionWrapper = styled.div` } } @media screen and (max-width: 1200px) { - .meshmap-logo { + .kanvas-logo { left: 20%; width: 10rem; /* right: 8rem; */ @@ -135,7 +135,7 @@ const BannerSectionWrapper = styled.div` /* border-radius: 0% 85% 0% 0% / 0% 60% 0% 0% ; */ } @media screen and (max-width: 992px) { - .meshmap-logo { + .kanvas-logo { width: 8rem; margin-top: -2rem; left: 15%; @@ -145,7 +145,7 @@ const BannerSectionWrapper = styled.div` @media screen and (max-width: 768px) { padding: 8rem 2rem 3rem; - .meshmap-logo { + .kanvas-logo { margin-top: -5rem; margin-right: 2rem; left: 7%; @@ -154,7 +154,7 @@ const BannerSectionWrapper = styled.div` border-radius: 0% 85% 0% 0% / 0% 40% 0% 0% ; } @media screen and (max-width: 500px) { - .meshmap-logo { + .kanvas-logo { margin-top: -5rem; margin-right: 2rem; left: 0%; @@ -163,7 +163,7 @@ const BannerSectionWrapper = styled.div` border-radius: 0% 85% 0% 0% / 0% 40% 0% 0% ; } @media screen and (max-width: 400px) { - .meshmap-logo { + .kanvas-logo { margin-top: -5rem; margin-right: 0; left: -20%; @@ -178,7 +178,7 @@ const BannerSection = () => { return (
    - {/* */} + {/* */}

    Step aside, YAML

    Meshery is here

    {/*

    the world's only visual designer for cloud native infrastructure.

    */} @@ -192,8 +192,8 @@ const BannerSection = () => {

    Collaborate and Design

    any and all your cloud native infra and apps */}
    -
    - Meshery Logo +
    + Meshery Logo {/*
    asdf
    */}
    {/*

    Ready, Players?

    */} diff --git a/src/sections/Meshmap/meshery-action.js b/src/sections/Kanvas/meshery-action.js similarity index 97% rename from src/sections/Meshmap/meshery-action.js rename to src/sections/Kanvas/meshery-action.js index 8f3e37ea6e37..73c01333d1cb 100644 --- a/src/sections/Meshmap/meshery-action.js +++ b/src/sections/Kanvas/meshery-action.js @@ -97,7 +97,7 @@ p.caption { const MesheryAction = () => { return ( -

    See MeshMap In-Action

    +

    See Kanvasn-Action

    Recently on-stage at...

    diff --git a/src/sections/Meshmap/signup-form.js b/src/sections/Kanvas/signup-form.js similarity index 79% rename from src/sections/Meshmap/signup-form.js rename to src/sections/Kanvas/signup-form.js index 081d79737872..85ebec50c168 100644 --- a/src/sections/Meshmap/signup-form.js +++ b/src/sections/Kanvas/signup-form.js @@ -10,7 +10,7 @@ const SignupFormWrapper = styled.div` flex-direction: column; } - .meshmap-video { + .kanvas-video { /* box-shadow: 0px 5px 5px 2px #b3b3b3; */ height: 28rem; text-align: center; @@ -31,20 +31,20 @@ const SignupForm = ({ targetRef }) => {

    Signup for

    -

    MeshMap Beta

    +

    Kanvas Beta

    Join the waiting list for participation in the beta program. Your request for access will be processed as quickly as possible. Due to the large influx of program participation requests, it may take some time before system access is granted. So that you can familiarize while you wait, the Layer5 team will - send you additional information about beta program, MeshMap + send you additional information about beta program, Kanvas modes, and cloud native design patterns.

    -
    - {/*

    Help choose the best logo for MeshMap:

    +
    + {/*

    Help choose the best logo for Kanvas:

    - MeshMap Draft
    + Kanvas Draft

    Vote for your favorite design

    */}