diff --git a/gatsby-node.js b/gatsby-node.js index e5fd1b836c65..ac729a54c480 100644 --- a/gatsby-node.js +++ b/gatsby-node.js @@ -48,7 +48,8 @@ exports.createPages = async ({ actions, graphql, reporter }) => { createRedirect({ fromPath: "/labs", toPath: "/learn/service-mesh-labs", redirectInBrowser: true, isPermanent: true }); createRedirect({ fromPath: "/meshery", toPath: "/cloud-native-management/meshery", redirectInBrowser: true, isPermanent: true }); createRedirect({ fromPath: "/service-mesh-management/meshery", toPath: "/cloud-native-management/meshery", redirectInBrowser: true, isPermanent: true }); - createRedirect({ fromPath: "/service-mesh-management/meshery/operating-service-meshes", toPath: "/cloud-native-management/meshery/operating-service-meshes", redirectInBrowser: true, isPermanent: true }); + createRedirect({ fromPath: "/service-mesh-management/meshery/operating-service-meshes", toPath: "/cloud-native-management/meshery/operating-cloud-native-infra", redirectInBrowser: true, isPermanent: true }); + createRedirect({ fromPath: "/cloud-native-management/meshery/operating-service-meshes", toPath: "/cloud-native-management/meshery/operating-cloud-native-infra", redirectInBrowser: true, isPermanent: true }); createRedirect({ fromPath: "/service-mesh-management/meshery/getting-started", toPath: "/cloud-native-management/meshery/getting-started", redirectInBrowser: true, isPermanent: true }); createRedirect({ fromPath: "/landscape", toPath: "/service-mesh-landscape", redirectInBrowser: true, isPermanent: true }); createRedirect({ fromPath: "/events", toPath: "/community/events", redirectInBrowser: true, isPermanent: true }); diff --git a/src/collections/events/making-the-cncf-landscape-interactive-with-meshery/index.mdx b/src/collections/events/making-the-cncf-landscape-interactive-with-meshery/index.mdx index 9ca4a818131d..757f400d5ddf 100644 --- a/src/collections/events/making-the-cncf-landscape-interactive-with-meshery/index.mdx +++ b/src/collections/events/making-the-cncf-landscape-interactive-with-meshery/index.mdx @@ -4,7 +4,7 @@ description: "Join the Kubesimplify livestream for an engaging livestream where date: 2024-05-01 thumbnail: ./thumbnail.png darkthumbnail: ./thumbnail.png -eurl: "https://www.youtube.com/@Layer5io" +eurl: "https://www.youtube.com/watch?v=ujHe-4QP9og" type: Event published: true upcoming: true @@ -12,7 +12,10 @@ feature: false speakers: ["Lee Calcote", "Saiyam Pathak"] --- -Join the Kubesimplify livestream for an engaging livestream where we dive into the dynamic world of the Cloud Native Computing Foundation (CNCF) Landscape and explore how Meshery, the collaborative cloud native manager, is revolutionizing it. In this session, we’ll demonstrate how Meshery not only simplifies the management of all Kubernetes-based infrastructure, but also makes the CNCF Landscape interactive, allowing for a more intuitive and hands-on experience. +import Button from "../../../reusecore/Button"; + + +Join the Kubesimplify livestream on May 1st, 2024 at 11:00 AM CT / 09:30 PM IST and meet Lee Calcote (@lcalcote) and Saiyam Pathak (@SaiyamPathak) for an engaging livestream where they will dive into the dynamic world of the Cloud Native Computing Foundation (CNCF) Landscape and explore how Meshery, the collaborative cloud native manager, is revolutionizing it. In this session, they’ll demonstrate how Meshery not only simplifies the management of all Kubernetes-based infrastructure, but also makes the CNCF Landscape interactive, allowing for a more intuitive and hands-on experience. Whether you’re a developer, an operator, or simply a cloud-native enthusiast, you’ll discover how Meshery’s powerful visualization and collaboration features can help you navigate the CNCF Landscape with ease. Get ready to learn about: - Meshery’s role in the CNCF ecosystem @@ -23,4 +26,14 @@ Whether you’re a developer, an operator, or simply a cloud-native enthusiast, Don’t miss out on this opportunity to enhance your cloud-native journey with Meshery. Subscribe and set a reminder for our livestream to stay at the forefront of cloud-native technologies! +
+

+ Date: May 1st, 2024
+ Time: 11:00 AM CT / 09:30 PM IST +

+ +
+ diff --git a/src/collections/members/ahmed-jamil/index.mdx b/src/collections/members/ahmed-jamil/index.mdx index b19c647efe3e..045c81128dfd 100644 --- a/src/collections/members/ahmed-jamil/index.mdx +++ b/src/collections/members/ahmed-jamil/index.mdx @@ -8,6 +8,6 @@ linkedin: muhammad-ahmed-97578b1ab layer5: 93770230-940d-43eb-bd97-0a40bdd4ec5d location: Karachi, Pakistan bio: Hi! I'm Ahmed Jamil, an enthusiastic software engineer and undergraduate student diving deep into the world of open source and cloud-native technologies. -status: Active +status: Inactive published: true --- diff --git a/src/collections/members/deepak-reddy/deepak-reddy.jpg b/src/collections/members/deepak-reddy/deepak-reddy.jpg new file mode 100644 index 000000000000..8550d3e740a2 Binary files /dev/null and b/src/collections/members/deepak-reddy/deepak-reddy.jpg differ diff --git a/src/collections/members/deepak-reddy/index.mdx b/src/collections/members/deepak-reddy/index.mdx new file mode 100644 index 000000000000..a4cf07849183 --- /dev/null +++ b/src/collections/members/deepak-reddy/index.mdx @@ -0,0 +1,12 @@ +--- +name: Deepak Reddy +position: Contributor +image_path: ./deepak-reddy.jpg +github: deepak4566 +twitter: DeepakR95448261 +linkedin: deepak4566 +bio: Deepak is an tech enthusiast who loves to solve real world enginnering problems , he is an freelancer in ML and cloud enginnering where he solves problems like reducing latency ,downtime and designing backend architecture for organisations , he is also passionate about cloud native technologies and active contributor for kubernetes , layer5 . He is also tech youtuber where he discuss about production grade cloud projects which include cloud native ecosystem. +badges: +status: Active +published: true +--- \ No newline at end of file diff --git a/src/collections/members/hiren-timbadiya/index.mdx b/src/collections/members/hiren-timbadiya/index.mdx index 21623d66875c..5cd3f4ba8df3 100644 --- a/src/collections/members/hiren-timbadiya/index.mdx +++ b/src/collections/members/hiren-timbadiya/index.mdx @@ -8,6 +8,6 @@ linkedin: hirentimbadiya74 layer5: 01da757f-4fee-448e-9ba1-1bb655b2b05a location: Surat, India bio: "I am Hiren Timbadiya, I consider myself an inquisitive developer, constantly seeking to expand my knowledge in various technologies and delve into the boundless possibilities they offer. I am interested in DevOps technologies like kubernates, docker, service meshes, ci/cd, cloud and also enthusiastic about opensource. I am a highly motivated individual who is continuously learning and during my spare time, I love playing cricket and preparing a meal for myself." -status: Active +status: Inactive published: true --- \ No newline at end of file diff --git a/src/collections/members/saurabh soni/index.mdx b/src/collections/members/saurabh soni/index.mdx index 988568dff6ac..f705d708c17c 100644 --- a/src/collections/members/saurabh soni/index.mdx +++ b/src/collections/members/saurabh soni/index.mdx @@ -10,6 +10,6 @@ location: Gwalior, Madhya Pradesh, India bio: "I'm a former Google Developer Students Club Lead and founded a community of 600+ people out of my passion for the people and the community, now I'm here to start my new journey at layer5." badges: - community -status: Active +status: Inactive published: true --- diff --git a/src/collections/members/savio-dias/index.mdx b/src/collections/members/savio-dias/index.mdx index 76667fd3ee44..5cc81ec6adb3 100644 --- a/src/collections/members/savio-dias/index.mdx +++ b/src/collections/members/savio-dias/index.mdx @@ -8,6 +8,6 @@ linkedin: savio-dias-984b45198 layer5: c746f9e8-7b97-46a0-bcaa-780cf208bd9a location: Navi-Mumbai, India bio: Hey there! I'm Savio Dias, a tech enthusiast with a great curiosity for exploring the endless possibilities of technology. As a student at FCRIT, Vashi, I discovered the world of open-source during my sophomore year and I've been hooked ever since. With a keen interest in UI/UX and a good foundation in the MERN stack, I'm always eager to expand my knowledge and dive into the dynamic realms of cloud-native technologies and APIs.My commitment to open-source stems from my belief in the power of collaborative learning and community-driven growth. I'm ready to embark on a coding adventure together! Let's connect and let our journey begin with a resounding "Link start" into the realm of technology. -status: Active +status: Inactive published: true --- \ No newline at end of file diff --git a/src/collections/members/uzair-shaikh/index.mdx b/src/collections/members/uzair-shaikh/index.mdx index 52df55aae830..f901331bc616 100644 --- a/src/collections/members/uzair-shaikh/index.mdx +++ b/src/collections/members/uzair-shaikh/index.mdx @@ -13,6 +13,6 @@ badges: - meshery-operator - nighthawk - meshmap -status: Active +status: Inactive published: true --- diff --git a/src/collections/members/vihas-makwana/index.mdx b/src/collections/members/vihas-makwana/index.mdx index 06ef4043dff3..c2800e1482a7 100644 --- a/src/collections/members/vihas-makwana/index.mdx +++ b/src/collections/members/vihas-makwana/index.mdx @@ -10,6 +10,6 @@ location: Ahmedabad, India bio: I love to work on cloud-native software. I can basically work with anything - Server, UI, Databases, Distributed Systems etc. Enjoying my journey. badges: - community -status: Active +status: Inactive published: true --- 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 d99107ddaff1..b2c4f31b7f10 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/icon-only/meshmap-icon.webp"; +import meshmap_icon from "../../../assets/images/meshmap/meshmap-collaborate.webp"; import docker from "../../../assets/images/docker-extension/docker-extension-meshery-logo.svg"; export const Categories = { @@ -15,8 +15,8 @@ export const Categories = { "MeshMap": { "Image": meshmap_icon, "Image_Alt": "MeshMap", - "Heading": "MeshMap is here!", - "Content": "Design your deployments the way you want. Drag-and-drop your cloud native infrastructure using a pallete of thousands of versioned Kubernetes components. Say goodbye to YAML configurations. Have your cloud native deployments automatically diagrammed. Deployments configured and modeled in Designer mode, can be deployed into your environment and managed using Visualizer. Discover a catalog of best practice cloud native patterns", + "Heading": "Get started with MeshMap!", + "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", "Link_external": false diff --git a/src/components/Call-To-Actions/CTA_Bottom/index.js b/src/components/Call-To-Actions/CTA_Bottom/index.js index a205b330000d..d4e250e19ace 100644 --- a/src/components/Call-To-Actions/CTA_Bottom/index.js +++ b/src/components/Call-To-Actions/CTA_Bottom/index.js @@ -6,90 +6,43 @@ import { Categories } from "./cta_bottom_categories"; const CTA_BottomWrapper = styled.div` display: flex; - flex: 0 0 100%; + flex-direction: row; + justify-content: space-between; + align-items: center; width: 98%; height: 16rem; margin: 2rem auto 1.5rem; box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1); background: rgba(201, 252, 246, 0.3); border-radius: 0.5rem; - - a { - display: block; - } - - img { - object-fit: contain; - pointer-events: none; - border-radius: 0 0.5rem 0.5rem 0; - padding: 1rem; - } + overflow: hidden; .cta-content { padding: 0.5rem 1.5rem; - display: flex; - flex: auto; - align-items: center; - height: 100%; + text-align: center; + max-width: calc(75% - 1rem); + margin-right: 1rem; - div { - flex: 0 0 75%; + h3 { + margin-bottom: 0.5rem; } p { margin-top: 0.5rem; } - a { - text-align: center; - flex: 0 0 25%; - } } - @media screen and (max-width: 992px) and (min-width: 600px) { - height: auto; - button { - min-width: 6.5rem; - } - img{ - width: 16rem; - height: 16rem; - align-self: center - } + img { + object-fit: cover; + width: auto; + max-width: 35%; + padding: 1rem; + max-height: 100%; + border-radius: 0 0.5rem 0.5rem 0; } - @media screen and (max-width: 699px) { - display: block; - width: 18rem; - height: 18rem; - margin: 1.5rem auto; - border-radius: 0.25rem; - - img { - width: 18rem; - height: 18rem; - position: absolute; - opacity: 0.35; - border-radius: 0.25rem; - } - - .cta-content { - position: absolute; - height: 18rem; - display: block; - width: 18rem; - background: none; - padding: 4rem 1rem; - z-index: 1; - text-align: center; - - p{ - width: 100%; - white-space: nowrap; - overflow: hidden; - display: block; - text-overflow: ellipsis; - } - } + button { + width: fit-content; } `; @@ -100,31 +53,23 @@ const defaultURL = "https://slack.layer5.io"; const CTA_Bottom = ({ alt, button_text, category, content, external_link, image, url, heading, ...props }) => { return ( - { category ? ( - <> -
-
-

{Categories[category]["Heading"]}

-

{Categories[category]["Content"]}

-
-
- {Categories[category]["Image_Alt"]} - - ) : ( - <> -
-
-

{heading ? heading : defaultHeading}

-

{content ? content : defaultContent}

-
-
- {alt - - )} +
+ { category ? ( + <> +

{Categories[category]["Heading"]}

+

{Categories[category]["Content"]}

+ + ) : ( + <> +

{heading ? heading : defaultHeading}

+

{content ? content : defaultContent}

+ + )} +
+ {category ); }; -export default CTA_Bottom; \ No newline at end of file +export default CTA_Bottom; diff --git a/src/components/Learn-Components/Setup-Pre-Requisites/index.js b/src/components/Learn-Components/Setup-Pre-Requisites/index.js index 5e1e0b0889a5..22cb780d8a0b 100644 --- a/src/components/Learn-Components/Setup-Pre-Requisites/index.js +++ b/src/components/Learn-Components/Setup-Pre-Requisites/index.js @@ -36,7 +36,7 @@ const SetupPreReq = () => (

With 'mesheryctl', not only you can manage your service meshes, but also manage their workloads, measure their performance, verify conformance to service mesh standards.

-
diff --git a/src/components/Learn-Components/TOC-Learning-Path/index.js b/src/components/Learn-Components/TOC-Learning-Path/index.js index 56b57a82d941..cd74cd157f34 100644 --- a/src/components/Learn-Components/TOC-Learning-Path/index.js +++ b/src/components/Learn-Components/TOC-Learning-Path/index.js @@ -8,7 +8,7 @@ import { IoIosArrowDropdownCircle } from "@react-icons/all-files/io/IoIosArrowDr const preReqSteps = [ { name: "Set up", link: "/cloud-native-management/meshery" }, { name: "Run Meshery",link: "/cloud-native-management/meshery/getting-started" }, - { name: "Manage Meshery", link: "/cloud-native-management/meshery/operating-service-meshes" } + { name: "Manage Meshery", link: "/cloud-native-management/meshery/operating-cloud-native-infra" } ]; const TOC = ({ coursesData }) => { diff --git a/src/components/SistentNavigation/index.js b/src/components/SistentNavigation/index.js index 1fe25ddef061..8ee22aa50654 100644 --- a/src/components/SistentNavigation/index.js +++ b/src/components/SistentNavigation/index.js @@ -59,7 +59,7 @@ const TOC = () => { className="toc-sub-heading identity" onClick={() => setExpandIdentity((prev) => !prev)} > - Idenitity + Identity {expandIdenity ? : } {expandIdenity && ( diff --git a/src/components/handbook-navigation/intra-page.js b/src/components/handbook-navigation/intra-page.js index 5cc16e9dfb52..22f9ed066a04 100644 --- a/src/components/handbook-navigation/intra-page.js +++ b/src/components/handbook-navigation/intra-page.js @@ -1,7 +1,6 @@ import React, { useEffect, useState } from "react"; import { Link } from "gatsby"; import styled from "styled-components"; -import { link } from "joi"; const JoinCommunityWrapper = styled.div` @media screen and (min-width: 751px) and (max-width: 1279px) { 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 new file mode 100644 index 000000000000..f9e7ac706e8f --- /dev/null +++ b/src/pages/cloud-native-management/meshery/operating-cloud-native-infra.js @@ -0,0 +1,190 @@ +import React from "react"; + +import SEO from "../../../components/seo"; +import HowMesheryWorksHero from "../../../sections/Meshery/How-meshery-works/hero"; + +import MesheryLogo from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; +import VisualTopology from "../../../sections/Meshery/How-meshery-works/images/visual-topology.svg"; +import MesheryOperatorLogo from "../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg"; +import Smi from "../../../assets/images/app/projects/smi.svg"; +import WebA from "../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg"; +import SMP from "../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp"; +import { ReactComponent as GithubLogo } from "../../../assets/images/socialIcons/github_colorMode.svg"; +import loadable from "@loadable/component"; +const HowMesheryWorks = loadable(() => + import("../../../sections/Meshery/How-meshery-works") +); +const HowMesheryWorksSpecs = loadable(() => + import("../../../sections/Meshery/How-meshery-works/specs") +); + +const OperatingServiceMeshes = () => { + return ( + <> + + , + description: ( +

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

+ ), + }, + { + title: "Adapter is extend rich control over infra", + icon: MesheryLogo, + description: ( +
+

+ Adapters allow Meshery to interface with the different + Kuberentes-based infrastructure, exposing the tools' + differentiated value to users. Care is taken in each Meshery + Adapter to expose the unique value of each component.{" "} +

+

+ Consequently, each Meshery Adapter is not equally capable just + as each Kubernetes infrastucture tool is not equally capable + as another. +

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

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

+

+ Designing and configuring your cloud native infrastructure is + as easy as dragging and dropping. +

+

+ Learn more about{" "} + + MeshMap + +

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

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

+

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

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

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

+ ), + }, + { + title: "Using Multiple Adapters", + icon: MesheryLogo, + description: ( +
+

+ Adapters are optional components that enhance and extend + Meshery’s core functionality. Multiple adapters of the same + type may be deployed concurrently. The default configuration + of a Meshery deployment includes one instance of each of the + Meshery adapters. +

+

+ See the{" "} + + Using Multiple Adapters + {" "} + guide for more information. +

+
+ ), + }, + { + title: "Interactive Terminal", + icon: Smi, + description: ( +

+ Establish web-based console sessions with one or more pods at a + time. +

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

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

+ ), + }, + { + title: "Cloud Native Performance", + icon: SMP, + description:

Track your MeshMark and compare with others.

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

Deploy Meshery to one of ten different supported platforms.

+ ), + }, + ]} + /> + + + ); +}; +export default OperatingServiceMeshes; + +export const Head = () => { + return ( + + ); +}; diff --git a/src/pages/cloud-native-management/meshery/operating-service-meshes.js b/src/pages/cloud-native-management/meshery/operating-service-meshes.js deleted file mode 100644 index cec617e47dd8..000000000000 --- a/src/pages/cloud-native-management/meshery/operating-service-meshes.js +++ /dev/null @@ -1,117 +0,0 @@ -import React from "react"; - -import SEO from "../../../components/seo"; -import HowMesheryWorksHero from "../../../sections/Meshery/How-meshery-works/hero"; - -import SMILogo from "../../../sections/Meshery/How-meshery-works/images/servicemeshinterface-icon-color.svg"; -import MesheryLogo from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg"; -import VisualTopology from "../../../sections/Meshery/How-meshery-works/images/visual-topology.svg"; -import MesheryOperatorLogo from "../../../sections/Meshery/How-meshery-works/images/meshery-operator-dark.svg"; -import Smi from "../../../assets/images/app/projects/smi.svg"; -import WebA from "../../../sections/Meshery/How-meshery-works/images/webassembly_logo.svg"; -import SMP from "../../../sections/Meshery/How-meshery-works/images/smp-dark-text.webp"; -import { ReactComponent as GithubLogo } from "../../../assets/images/socialIcons/github_colorMode.svg"; -import loadable from "@loadable/component"; -const HowMesheryWorks = loadable(() => import ("../../../sections/Meshery/How-meshery-works")); -const HowMesheryWorksSpecs = loadable(() => import ("../../../sections/Meshery/How-meshery-works/specs")); - -const OperatingServiceMeshes = () => { - return ( - <> - - , - description:

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

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

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

, - }, - { - title: "Adapter is extend rich control over infra", - icon: MesheryLogo, - description: -

Adapters allow Meshery to interface with the different Kuberentes-based infrastructure, exposing the tools' differentiated value to users. Care is taken in each Meshery Adapter to expose the unique value of each component.

-

Consequently, each Meshery Adapter is not equally capable just as each Kubernetes infrastucture tool is not equally capable as another.

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

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

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

-

Learn more about MeshMap

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

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

-

Learn more about Extension Points

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

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

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

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

, - }, - { - title: "Interactive Terminal", - icon: Smi, - description: -

Establish web-based console sessions with one or more pods at a time.

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

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

, - }, - { - title: "Cloud Native Performance", - icon: SMP, - description: -

Track your MeshMark and compare with others.

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

Deploy Meshery to one of ten different supported platforms.

, - }, - ]} /> - - - - ); -}; -export default OperatingServiceMeshes; - -export const Head = () => { - return ; -}; \ No newline at end of file diff --git a/src/sections/Community/community.style.js b/src/sections/Community/community.style.js index 29bdf70de1fd..f8c085596484 100644 --- a/src/sections/Community/community.style.js +++ b/src/sections/Community/community.style.js @@ -136,6 +136,11 @@ const CommunitySectionWrapper = styled.div` background-color: ${props => props.theme.secondaryLightColorTwo}; transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); } + + .meshmate-img-transparent { + background-color: transparent; + } + svg { max-width: 25rem; .meshmate-stack-colorMode_svg__colorMode1 { @@ -193,6 +198,10 @@ const CommunitySectionWrapper = styled.div` } } } + + .meshmate-link-transparent { + background-color: transparent; + } } .newcomers-section { diff --git a/src/sections/Community/index.js b/src/sections/Community/index.js index edf615cd1cbd..22121875c26d 100644 --- a/src/sections/Community/index.js +++ b/src/sections/Community/index.js @@ -122,8 +122,8 @@ const CommunityPage = () => {

- - + +

Open Source Mentorship Program

diff --git a/src/sections/Learn-Layer5/index.js b/src/sections/Learn-Layer5/index.js index 6e1617f0f3c1..7f5a4bef2bcb 100644 --- a/src/sections/Learn-Layer5/index.js +++ b/src/sections/Learn-Layer5/index.js @@ -8,7 +8,7 @@ import LearnInfo from "../../components/Learn-Components/LearnInfo"; import WhatAwaitsSection from "../../components/Learn-Components/what-await-section"; import Book_Giveaway from "../../assets/images/learn/istio-book-giveaway.webp"; import JoinCommunity from "../Community/Join-community"; -import Button from "../../reusecore/Button"; +// import Button from "../../reusecore/Button"; const LearnPathsPage = () => { diff --git a/src/sections/Meshery/Features-section/index.js b/src/sections/Meshery/Features-section/index.js index 123c9b437b7d..46ce4c2f1ba4 100644 --- a/src/sections/Meshery/Features-section/index.js +++ b/src/sections/Meshery/Features-section/index.js @@ -91,7 +91,7 @@ const FeaturesSection = () => { diff --git a/src/sections/Meshery/index.js b/src/sections/Meshery/index.js index d13bd32ef79c..84a5979d5d8b 100644 --- a/src/sections/Meshery/index.js +++ b/src/sections/Meshery/index.js @@ -31,7 +31,7 @@ const MesheryPage = () => { Confidently design, deploy, and operate your infrastructure and workloads with Meshery.