From bab315921a1cb130352e5cb213d85e40a5ccf00b Mon Sep 17 00:00:00 2001 From: Archit Sharma Date: Tue, 2 Jan 2024 01:56:47 +0530 Subject: [PATCH 1/6] Kubernetes Architecture Diagram added Signed-off-by: Archit Sharma --- ...enerate-kubernetes-architecture-diagram.js | 18 ++ src/sections/AWS-Diagram/diagram.js | 6 + src/sections/GCP-Diagram/diagram.js | 6 + src/sections/Kubernetes-Diagram/diagram.js | 196 ++++++++++++++++++ src/sections/Kubernetes-Diagram/index.js | 26 +++ 5 files changed, 252 insertions(+) create mode 100644 src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js create mode 100644 src/sections/Kubernetes-Diagram/diagram.js create mode 100644 src/sections/Kubernetes-Diagram/index.js diff --git a/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js new file mode 100644 index 000000000000..83f3fe5fc258 --- /dev/null +++ b/src/pages/cloud-native-management/generate-kubernetes-architecture-diagram.js @@ -0,0 +1,18 @@ +import React from "react"; + +import SEO from "../../components/seo"; +import KubernetesDiagram from "../../sections/Kubernetes-Diagram"; + +const Kubernetes = () => { + return ( + <> + + + ); +}; +export default Kubernetes; +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 c32f384a8dc3..4917f9445b61 100644 --- a/src/sections/AWS-Diagram/diagram.js +++ b/src/sections/AWS-Diagram/diagram.js @@ -137,6 +137,12 @@ const Aws = () => { title: "GCP architecture diagram", redirectLink: "/cloud-native-management/generate-gcp-architecture-diagram", imgSrc: isDark ? GCPDiagramDark : GCPDiagramLight, + }, + { + id: 2, + title: "Kubernetes architecture diagram", + redirectLink: "/cloud-native-management/generate-kubernetes-architecture-diagram", + imgSrc: isDark ? GCPDiagramDark : GCPDiagramLight, } ]; diff --git a/src/sections/GCP-Diagram/diagram.js b/src/sections/GCP-Diagram/diagram.js index db04f0432cb9..c32d34d447ac 100644 --- a/src/sections/GCP-Diagram/diagram.js +++ b/src/sections/GCP-Diagram/diagram.js @@ -136,6 +136,12 @@ const Gcp = () => { title: "AWS architecture diagram", redirectLink: "/cloud-native-management/generate-aws-architecture-diagram", imgSrc: isDark ? AWSDiagramDark : AWSDiagramLight, + }, + { + id: 2, + title: "Kubernetes architecture diagram", + redirectLink: "/cloud-native-management/generate-kubernetes-architecture-diagram", + imgSrc: isDark ? AWSDiagramDark : AWSDiagramLight, } ]; return ( diff --git a/src/sections/Kubernetes-Diagram/diagram.js b/src/sections/Kubernetes-Diagram/diagram.js new file mode 100644 index 000000000000..e8232ab534be --- /dev/null +++ b/src/sections/Kubernetes-Diagram/diagram.js @@ -0,0 +1,196 @@ +import React from "react"; +import styled from "styled-components"; +import { Container, Row, Col } from "../../reusecore/Layout"; +import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; +import TemplateDark from "../../assets/images/AWS-Diagram/templates-dark.svg"; +import TemplateLight from "../../assets/images/AWS-Diagram/templates.svg"; +import InfrastructureDark from "../../assets/images/AWS-Diagram/infrastructure-dark.svg"; +import InfrastructureLight from "../../assets/images/AWS-Diagram/infrastructure-light.svg"; +import RelatedPicks from "../../components/RelatedPicks"; +import AWSDiagramDark from "../GCP-Diagram/images/gcp-diagram-dark.svg"; +import AWSDiagramLight from "../GCP-Diagram/images/gcp-diagram-light.svg"; +import GCPDiagramDark from "../GCP-Diagram/images/gcp-diagram-dark.svg"; +import GCPDiagramLight from "../GCP-Diagram/images/gcp-diagram-light.svg"; + +const DiagramWrapper = styled.div` + min-height: fit-content; + border-width: 2px 2px 2px 2px; + background-color: ${(props) => props.theme.body}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + padding-bottom: 100px; + @media (max-width: 850px) { + margin: 3rem 0; + } + @media (max-width: 767px) { + padding-top: 0; + padding-bottom: 0; + } + .diagram-container .catalog:nth-child(odd) { + .diagram-image { + .image-wrapper { + justify-content: center; + @media (max-width: 767px) { + justify-content: center; + } + } + } + } + + .diagram-container .catalog:nth-child(even) { + .diagram-image { + @media (max-width: 767px) { + order: 0; + } + } + .diagram-detail { + @media (max-width: 767px) { + order: 1; + } + } + } + + .catalog { + display: flex; + padding: 5rem 0; + @media (max-width: 768px) { + padding: 2rem 0; + } + @media (max-width: 468px) { + flex-direction: column; + } + .diagram-detail { + display: flex; + flex-direction: column; + justify-content: center; + .heading { + color: ${(props) => props.theme.tertiaryColor}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + margin-bottom: 2rem; + @media (max-width: 767px) { + text-align: center; + padding-left: 100px; + padding-right: 100px; + margin-bottom: 1rem; + } + @media (max-width: 467px) { + padding-left: 25px; + padding-right: 25px; + text-align: left; + } + } + .sub-heading { + @media (max-width: 767px) { + text-align: center; + } + @media (max-width: 467px) { + padding-left: 25px; + text-align: left; + } + } + .caption { + font-weight: 400; + font-size: 1.1rem; + line-height: 1.5rem; + color: ${(props) => props.theme.tertiaryColor}; + transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); + opacity: 0.8; + @media (max-width: 767px) { + font-size: 1rem; + line-height: 1.5rem; + text-align: center; + padding-left: 100px; + padding-right: 100px; + } + @media (max-width: 467px) { + padding-left: 25px; + padding-right: 25px; + text-align: left; + } + } + } + .diagram-image { + display: flex; + flex-direction: column; + justify-content: center; + .image-wrapper { + display: flex; + justify-content: center; + align-items: center; + @media (max-width: 767px) { + justify-content: center; + } + .kubernetes-image { + @media (max-width: 767px) { + max-width: 90%; + margin-bottom: 2rem; + } + } + } + } + } +`; + +const Kubernetes = () => { + + const { isDark } = useStyledDarkMode(); + const content = [ + { + id: 1, + title: "AWS architecture diagram", + redirectLink: "/cloud-native-management/generate-aws-architecture-diagram", + imgSrc: isDark ? AWSDiagramDark : AWSDiagramLight, + }, + { + id: 2, + title: "GCP architecture diagram", + redirectLink: "/cloud-native-management/generate-gcp-architecture-diagram", + imgSrc: isDark ? GCPDiagramDark : GCPDiagramLight, + } + ]; + + return ( + + + + +
+ Kubernetes Diagrams for anything +
+ + +

Kubernetes architectural diagrams tailored to meet any requirement

+ Extensive Kubernetes Icon Library +

+ Utilize a vast and continually expanding collection of Kubernetes icons for creating globally comprehensible diagrams that are authentic and up-to-date. +

+ Cost-Effective Solutions +

+ Kubernetes architecture diagrams offer economic benefits by presenting the entire system in one diagram, allowing the team to identify bottlenecks and their respective solutions. +

+ + + + +

Designing Kubernetes diagrams is effortless

+ Quick-start templates +

+ Get started quickly with our ready-to-use templates. Effortlessly create your Kubernetes architecture diagrams using these professional templates. They are fully customizable and available for free download. +

+ User-friendly editor +

+ Create Kubernetes diagrams effortlessly with an intuitive layout and interface. Benefit from intelligent auto-adjustment, drag-and-drop functionality, and a comprehensive toolkit for quick diagram creation in minutes. +

+ + +
+ Designing Kubernetes Diagrams with MeshMap +
+ + + + + + ); +}; + +export default Kubernetes; diff --git a/src/sections/Kubernetes-Diagram/index.js b/src/sections/Kubernetes-Diagram/index.js new file mode 100644 index 000000000000..097894e7c4ed --- /dev/null +++ b/src/sections/Kubernetes-Diagram/index.js @@ -0,0 +1,26 @@ +import React from "react"; +import FeatureHero from "../FeatureHero"; +import Reviews from "../Pricing/review-slider"; +import Diagram from "./diagram"; +import KubernetesDark from "../../assets/images/AWS-Diagram/aws.svg"; +import KubernetesLight from "../../assets/images/AWS-Diagram/aws-light.svg"; +import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; + +const KubernetesDiagramPage = () => { + const { isDark } = useStyledDarkMode(); + + let data = { + heading: "Kubernetes Architecture Diagram Tool", + sub_heading: "Create Kubernetes diagrams easily with predefined templates and symbols designed for professionals.", + image: isDark ? KubernetesDark : KubernetesLight + }; + return ( + <> + + + + + ); +}; + +export default KubernetesDiagramPage; From 3d536610cfb39f4243ca02214fbc6a5bc703e153 Mon Sep 17 00:00:00 2001 From: Ritik Saxena Date: Thu, 4 Jan 2024 20:36:48 +0530 Subject: [PATCH 2/6] images updated Signed-off-by: Ritik Saxena --- src/sections/Kubernetes-Diagram/diagram.js | 16 +- .../images/kubernetes-catalog-dark.svg | 364 ++++++++++++++ .../images/kubernetes-catalog-light.svg | 372 ++++++++++++++ .../images/kubernetes-icons-light.svg | 467 ++++++++++++++++++ .../images/kubernetes-icons.svg | 467 ++++++++++++++++++ .../images/kubernetes-light.svg | 281 +++++++++++ .../Kubernetes-Diagram/images/kubernetes.svg | 281 +++++++++++ src/sections/Kubernetes-Diagram/index.js | 4 +- 8 files changed, 2242 insertions(+), 10 deletions(-) create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-catalog-dark.svg create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-catalog-light.svg create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-icons-light.svg create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-icons.svg create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-light.svg create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes.svg diff --git a/src/sections/Kubernetes-Diagram/diagram.js b/src/sections/Kubernetes-Diagram/diagram.js index e8232ab534be..3cd912b4519d 100644 --- a/src/sections/Kubernetes-Diagram/diagram.js +++ b/src/sections/Kubernetes-Diagram/diagram.js @@ -2,13 +2,13 @@ import React from "react"; import styled from "styled-components"; import { Container, Row, Col } from "../../reusecore/Layout"; import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; -import TemplateDark from "../../assets/images/AWS-Diagram/templates-dark.svg"; -import TemplateLight from "../../assets/images/AWS-Diagram/templates.svg"; -import InfrastructureDark from "../../assets/images/AWS-Diagram/infrastructure-dark.svg"; -import InfrastructureLight from "../../assets/images/AWS-Diagram/infrastructure-light.svg"; +import KubernetesIconsDarkLight from "./images/kubernetes-icons-light.svg"; +import KubernetesIconsDark from "./images/kubernetes-icons.svg"; +import KubernetesCatalogLight from "./images/kubernetes-catalog-light.svg"; +import KubernetesCatalogDark from "./images/kubernetes-catalog-dark.svg"; import RelatedPicks from "../../components/RelatedPicks"; -import AWSDiagramDark from "../GCP-Diagram/images/gcp-diagram-dark.svg"; -import AWSDiagramLight from "../GCP-Diagram/images/gcp-diagram-light.svg"; +import AWSDiagramDark from "../Home/FeaturesContainer/images/aws.svg"; +import AWSDiagramLight from "../Home/FeaturesContainer/images/aws-light.svg"; import GCPDiagramDark from "../GCP-Diagram/images/gcp-diagram-dark.svg"; import GCPDiagramLight from "../GCP-Diagram/images/gcp-diagram-light.svg"; @@ -154,7 +154,7 @@ const Kubernetes = () => {
- Kubernetes Diagrams for anything + Kubernetes Diagrams for anything
@@ -183,7 +183,7 @@ const Kubernetes = () => {
- Designing Kubernetes Diagrams with MeshMap + Designing Kubernetes Diagrams with MeshMap
diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-dark.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-dark.svg new file mode 100644 index 000000000000..d1df0177de8b --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-dark.svg @@ -0,0 +1,364 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-light.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-light.svg new file mode 100644 index 000000000000..7fa3b13c0c95 --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-catalog-light.svg @@ -0,0 +1,372 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-icons-light.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-icons-light.svg new file mode 100644 index 000000000000..47b20332fd99 --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-icons-light.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-icons.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-icons.svg new file mode 100644 index 000000000000..fa5f87a62a2e --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-icons.svg @@ -0,0 +1,467 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-light.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-light.svg new file mode 100644 index 000000000000..1583d47b2963 --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-light.svg @@ -0,0 +1,281 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes.svg b/src/sections/Kubernetes-Diagram/images/kubernetes.svg new file mode 100644 index 000000000000..00aa05230263 --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes.svg @@ -0,0 +1,281 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Kubernetes-Diagram/index.js b/src/sections/Kubernetes-Diagram/index.js index 097894e7c4ed..96cd930d2ff7 100644 --- a/src/sections/Kubernetes-Diagram/index.js +++ b/src/sections/Kubernetes-Diagram/index.js @@ -2,8 +2,8 @@ import React from "react"; import FeatureHero from "../FeatureHero"; import Reviews from "../Pricing/review-slider"; import Diagram from "./diagram"; -import KubernetesDark from "../../assets/images/AWS-Diagram/aws.svg"; -import KubernetesLight from "../../assets/images/AWS-Diagram/aws-light.svg"; +import KubernetesDark from "./images/kubernetes.svg"; +import KubernetesLight from "./images/kubernetes-light.svg"; import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode"; const KubernetesDiagramPage = () => { From 45ea5240a92aedb5f5e32b1ad076110975d855df Mon Sep 17 00:00:00 2001 From: Ritik Saxena Date: Thu, 4 Jan 2024 23:10:38 +0530 Subject: [PATCH 3/6] all pages linked Signed-off-by: Ritik Saxena --- src/components/Features/TwoColLayout.js | 6 ++++-- src/sections/AWS-Diagram/diagram.js | 5 +++-- src/sections/GCP-Diagram/diagram.js | 4 +++- src/sections/Kubernetes-Diagram/images/kubernetes-icon.svg | 1 + 4 files changed, 11 insertions(+), 5 deletions(-) create mode 100644 src/sections/Kubernetes-Diagram/images/kubernetes-icon.svg diff --git a/src/components/Features/TwoColLayout.js b/src/components/Features/TwoColLayout.js index 89a712f365ec..56dfda325948 100644 --- a/src/components/Features/TwoColLayout.js +++ b/src/components/Features/TwoColLayout.js @@ -11,6 +11,7 @@ import DiagrammingImageLight from "../../assets/images/AWS-Diagram/aws-light.svg import AWSLogoDark from "../../sections/Home/FeaturesContainer/images/aws-logo-dark.svg"; import AWSLogoLight from "../../sections/Home/FeaturesContainer/images/aws-logo-light.svg"; import GCPLogo from "../../sections/Home/FeaturesContainer/images/gcp-logo.svg"; +import KubernetesLogo from "../../sections/Kubernetes-Diagram/images/kubernetes-icon.svg"; import OrchestrationLight from "./images/orchestration-light.svg"; import OrchestrationDark from "./images/orchestration.svg"; import { useStyledDarkMode } from "../../theme/app/useStyledDarkMode.js"; @@ -31,11 +32,12 @@ const TwoColLayout = () => {
- Amazon Web Services - Google Cloud Platform + + +
diff --git a/src/sections/AWS-Diagram/diagram.js b/src/sections/AWS-Diagram/diagram.js index 4917f9445b61..7ed25b57d1ba 100644 --- a/src/sections/AWS-Diagram/diagram.js +++ b/src/sections/AWS-Diagram/diagram.js @@ -9,7 +9,8 @@ import InfrastructureLight from "../../assets/images/AWS-Diagram/infrastructure- import RelatedPicks from "../../components/RelatedPicks"; import GCPDiagramDark from "../GCP-Diagram/images/gcp-diagram-dark.svg"; import GCPDiagramLight from "../GCP-Diagram/images/gcp-diagram-light.svg"; - +import KubernetesDark from "../Kubernetes-Diagram/images/kubernetes.svg"; +import KubernetesLight from "../Kubernetes-Diagram/images/kubernetes-light.svg"; const DiagramWrapper = styled.div` min-height: fit-content; border-width: 2px 2px 2px 2px; @@ -142,7 +143,7 @@ const Aws = () => { id: 2, title: "Kubernetes architecture diagram", redirectLink: "/cloud-native-management/generate-kubernetes-architecture-diagram", - imgSrc: isDark ? GCPDiagramDark : GCPDiagramLight, + imgSrc: isDark ? KubernetesDark : KubernetesLight, } ]; diff --git a/src/sections/GCP-Diagram/diagram.js b/src/sections/GCP-Diagram/diagram.js index c32d34d447ac..68e8cff85bd3 100644 --- a/src/sections/GCP-Diagram/diagram.js +++ b/src/sections/GCP-Diagram/diagram.js @@ -9,6 +9,8 @@ import GCPCatalogLight from "./images/gcp-catalog-light.svg"; import RelatedPicks from "../../components/RelatedPicks"; import AWSDiagramDark from "../Home/FeaturesContainer/images/aws.svg"; import AWSDiagramLight from "../Home/FeaturesContainer/images/aws-light.svg"; +import KubernetesDark from "../Kubernetes-Diagram/images/kubernetes.svg"; +import KubernetesLight from "../Kubernetes-Diagram/images/kubernetes-light.svg"; const DiagramWrapper = styled.div` min-height: fit-content; border-width: 2px 2px 2px 2px; @@ -141,7 +143,7 @@ const Gcp = () => { id: 2, title: "Kubernetes architecture diagram", redirectLink: "/cloud-native-management/generate-kubernetes-architecture-diagram", - imgSrc: isDark ? AWSDiagramDark : AWSDiagramLight, + imgSrc: isDark ? KubernetesDark : KubernetesLight, } ]; return ( diff --git a/src/sections/Kubernetes-Diagram/images/kubernetes-icon.svg b/src/sections/Kubernetes-Diagram/images/kubernetes-icon.svg new file mode 100644 index 000000000000..86e288be34d9 --- /dev/null +++ b/src/sections/Kubernetes-Diagram/images/kubernetes-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file From 759635e165baee638362a5126d8ad28cd6c26dce Mon Sep 17 00:00:00 2001 From: Ritik Saxena Date: Thu, 4 Jan 2024 23:13:44 +0530 Subject: [PATCH 4/6] architecture diagram linked Signed-off-by: Ritik Saxena --- src/components/Features/TwoColLayout.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Features/TwoColLayout.js b/src/components/Features/TwoColLayout.js index 56dfda325948..5d2993f07004 100644 --- a/src/components/Features/TwoColLayout.js +++ b/src/components/Features/TwoColLayout.js @@ -22,7 +22,7 @@ const TwoColLayout = () => {
- + image From 43a53eaedbe988a073763a82403ffc990d1ece75 Mon Sep 17 00:00:00 2001 From: Ritik Saxena Date: Thu, 4 Jan 2024 23:38:31 +0530 Subject: [PATCH 5/6] title added in head for architecture page Signed-off-by: Ritik Saxena --- .../design-architecture-diagram/index.js | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) diff --git a/src/pages/architecture-diagram/design-architecture-diagram/index.js b/src/pages/architecture-diagram/design-architecture-diagram/index.js index a887d1d180d9..b5b86348599d 100644 --- a/src/pages/architecture-diagram/design-architecture-diagram/index.js +++ b/src/pages/architecture-diagram/design-architecture-diagram/index.js @@ -1,7 +1,7 @@ import React from "react"; import ArchitectureDiagram from "../../../sections/ArchitectureDiagram"; import ServiceMeshFocused from "../../../sections/Home/Service-mesh-focussed"; - +import SEO from "../../../components/seo"; const ArchitectureDiagramPage = () => { return ( <> @@ -11,4 +11,9 @@ const ArchitectureDiagramPage = () => { ); }; -export default ArchitectureDiagramPage; \ No newline at end of file +export default ArchitectureDiagramPage; +export const Head = () => { + return ; +}; \ No newline at end of file From 6f6992cd7c8d2a29bd8aa682e5c270ca19d21c0e Mon Sep 17 00:00:00 2001 From: leecalcote Date: Fri, 5 Jan 2024 00:46:47 +0000 Subject: [PATCH 6/6] [Docs] Generated documentation for Integration Signed-off-by: l5io --- .../icon/color/solr-operator-color.svg | 29 +++++++++++++++++++ .../icon/white/solr-operator-white.svg | 29 +++++++++++++++++++ .../integrations/solr-operator/index.mdx | 28 ++++++++++++++++++ 3 files changed, 86 insertions(+) create mode 100644 src/collections/integrations/solr-operator/icon/color/solr-operator-color.svg create mode 100644 src/collections/integrations/solr-operator/icon/white/solr-operator-white.svg create mode 100644 src/collections/integrations/solr-operator/index.mdx diff --git a/src/collections/integrations/solr-operator/icon/color/solr-operator-color.svg b/src/collections/integrations/solr-operator/icon/color/solr-operator-color.svg new file mode 100644 index 000000000000..89a081616309 --- /dev/null +++ b/src/collections/integrations/solr-operator/icon/color/solr-operator-color.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/solr-operator/icon/white/solr-operator-white.svg b/src/collections/integrations/solr-operator/icon/white/solr-operator-white.svg new file mode 100644 index 000000000000..ced190519348 --- /dev/null +++ b/src/collections/integrations/solr-operator/icon/white/solr-operator-white.svg @@ -0,0 +1,29 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/collections/integrations/solr-operator/index.mdx b/src/collections/integrations/solr-operator/index.mdx new file mode 100644 index 000000000000..4751f766b64d --- /dev/null +++ b/src/collections/integrations/solr-operator/index.mdx @@ -0,0 +1,28 @@ +--- +title: Solr Operator +subtitle: Collaborative and visual infrastructure as code for Solr Operator +integrationIcon: icon/color/solr-operator-color.svg +darkModeIntegrationIcon: icon/white/solr-operator-white.svg +docURL: +category: Analytics +subcategory: Query +featureList: ["Drag-n-drop cloud native infrastructure designer to configure, model, and deploy your workloads.", +"Invite anyone to review and make changes to your private designs.", +"Ongoing synchronization of Kubernetes configuration and changes across any number of clusters." +] +workingSlides: [ + ../_images/meshmap-visualizer.png, + ../_images/meshmap-designer.png] +howItWorks: "Collaborative Infrastructure as Code" +howItWorksDetails: "Collaboratively manage infrastructure with your coworkers synchronously sharing the same designs." +published: true +--- +

+ Solr is highly reliable, scalable and fault tolerant, providing distributed indexing, replication and load-balanced querying, automated failover and recovery, centralized configuration and more. Solr powers the search and navigation features of many of the world's largest internet sites. +

+

+ 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. +

\ No newline at end of file