diff --git a/src/assets/images/whiteboard/whiteboard.png b/src/assets/images/whiteboard/whiteboard.png new file mode 100644 index 000000000000..b352ab96a785 Binary files /dev/null and b/src/assets/images/whiteboard/whiteboard.png differ diff --git a/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-dark.png b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-dark.png new file mode 100644 index 000000000000..9a26b3737715 Binary files /dev/null and b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-dark.png differ diff --git a/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-light.png b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-light.png new file mode 100644 index 000000000000..a4a78b27df33 Binary files /dev/null and b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-designer-light.png differ diff --git a/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-dark.png b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-dark.png new file mode 100644 index 000000000000..ed354eb33ca2 Binary files /dev/null and b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-dark.png differ diff --git a/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-light.png b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-light.png new file mode 100644 index 000000000000..ce01ea382204 Binary files /dev/null and b/src/collections/integrations/_images/artifact-hub/meshmap-artifact-hub-visualizer-light.png differ diff --git a/src/collections/integrations/_images/cdk8s/k8s_design.png b/src/collections/integrations/_images/cdk8s/k8s_design.png new file mode 100644 index 000000000000..ab21d96ec942 Binary files /dev/null and b/src/collections/integrations/_images/cdk8s/k8s_design.png differ diff --git a/src/collections/integrations/_images/cdk8s/k8s_desing_dark.png b/src/collections/integrations/_images/cdk8s/k8s_desing_dark.png new file mode 100644 index 000000000000..b47768a53756 Binary files /dev/null and b/src/collections/integrations/_images/cdk8s/k8s_desing_dark.png differ diff --git a/src/collections/integrations/_images/cdk8s/k8s_visuvalize.png b/src/collections/integrations/_images/cdk8s/k8s_visuvalize.png new file mode 100644 index 000000000000..07c62d1b2ff8 Binary files /dev/null and b/src/collections/integrations/_images/cdk8s/k8s_visuvalize.png differ diff --git a/src/collections/integrations/_images/cdk8s/k8s_visuvalize_dark.png b/src/collections/integrations/_images/cdk8s/k8s_visuvalize_dark.png new file mode 100644 index 000000000000..b2c10263b4c5 Binary files /dev/null and b/src/collections/integrations/_images/cdk8s/k8s_visuvalize_dark.png differ diff --git a/src/collections/integrations/aws-apigatewayv2-controller/icon/color/aws-apigatewayv2-controller-color.svg b/src/collections/integrations/aws-apigatewayv2-controller/icon/color/aws-apigatewayv2-controller-color.svg new file mode 100644 index 000000000000..062e82f0ccf1 --- /dev/null +++ b/src/collections/integrations/aws-apigatewayv2-controller/icon/color/aws-apigatewayv2-controller-color.svg @@ -0,0 +1,17 @@ + + + + + + + + \ No newline at end of file diff --git a/src/collections/integrations/aws-apigatewayv2-controller/icon/white/aws-apigatewayv2-controller-white.svg b/src/collections/integrations/aws-apigatewayv2-controller/icon/white/aws-apigatewayv2-controller-white.svg new file mode 100644 index 000000000000..26504a75ab54 --- /dev/null +++ b/src/collections/integrations/aws-apigatewayv2-controller/icon/white/aws-apigatewayv2-controller-white.svg @@ -0,0 +1,17 @@ + + + + + + + + diff --git a/src/collections/integrations/aws-apigatewayv2-controller/index.mdx b/src/collections/integrations/aws-apigatewayv2-controller/index.mdx new file mode 100644 index 000000000000..710dfc7e2aa8 --- /dev/null +++ b/src/collections/integrations/aws-apigatewayv2-controller/index.mdx @@ -0,0 +1,29 @@ +--- +title: AWS API Gateway v2 +subtitle: Collaborative and visual infrastructure as code for AWS API Gateway v2 +integrationIcon: icon/color/aws-apigatewayv2-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-apigatewayv2-controller-white.svg +docURL: +category: Cloud Native Network +subcategory: Service Proxy +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 +--- +

+ Amazon API Gateway is a fully managed service that makes it easy for developers to create, publish, maintain, monitor, and secure APIs at any scale. APIs act as the "front door" for applications to access data, business logic, or functionality from your backend services. Using API Gateway, you can create RESTful APIs and WebSocket APIs that enable real-time two-way communication applications. API Gateway supports containerized and serverless workloads, as well as web applications. + +

+

+ 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 diff --git a/src/collections/integrations/aws-applicationautoscaling-controller/icon/color/aws-applicationautoscaling-controller-color.svg b/src/collections/integrations/aws-applicationautoscaling-controller/icon/color/aws-applicationautoscaling-controller-color.svg new file mode 100644 index 000000000000..0f8a0f1af230 --- /dev/null +++ b/src/collections/integrations/aws-applicationautoscaling-controller/icon/color/aws-applicationautoscaling-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-applicationautoscaling-controller/icon/white/aws-applicationautoscaling-controller-white.svg b/src/collections/integrations/aws-applicationautoscaling-controller/icon/white/aws-applicationautoscaling-controller-white.svg new file mode 100644 index 000000000000..b54738ed9bf0 --- /dev/null +++ b/src/collections/integrations/aws-applicationautoscaling-controller/icon/white/aws-applicationautoscaling-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-applicationautoscaling-controller/index.mdx b/src/collections/integrations/aws-applicationautoscaling-controller/index.mdx new file mode 100644 index 000000000000..272bf7a5a831 --- /dev/null +++ b/src/collections/integrations/aws-applicationautoscaling-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Applilcation Autoscaling +subtitle: Collaborative and visual infrastructure as code for AWS Applilcation Autoscaling +integrationIcon: icon/color/aws-applicationautoscaling-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-applicationautoscaling-controller-white.svg +docURL: +category: Provisioning +subcategory: Management Governance +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 +--- +

+ AWS Auto Scaling monitors your applications and automatically adjusts capacity to maintain steady, predictable performance at the lowest possible cost. Using AWS Auto Scaling, it’s easy to setup application scaling for multiple resources across multiple services in minutes. +

+

+ 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 diff --git a/src/collections/integrations/aws-cloudfront-controller/icon/color/aws-cloudfront-controller-color.svg b/src/collections/integrations/aws-cloudfront-controller/icon/color/aws-cloudfront-controller-color.svg new file mode 100644 index 000000000000..c7c63b3b4fa5 --- /dev/null +++ b/src/collections/integrations/aws-cloudfront-controller/icon/color/aws-cloudfront-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudfront-controller/icon/white/aws-cloudfront-controller-white.svg b/src/collections/integrations/aws-cloudfront-controller/icon/white/aws-cloudfront-controller-white.svg new file mode 100644 index 000000000000..5b861d3b050d --- /dev/null +++ b/src/collections/integrations/aws-cloudfront-controller/icon/white/aws-cloudfront-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudfront-controller/index.mdx b/src/collections/integrations/aws-cloudfront-controller/index.mdx new file mode 100644 index 000000000000..64be732fad31 --- /dev/null +++ b/src/collections/integrations/aws-cloudfront-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS CloudFront +subtitle: Collaborative and visual infrastructure as code for AWS CloudFront +integrationIcon: icon/color/aws-cloudfront-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-cloudfront-controller-white.svg +docURL: +category: Provisioning +subcategory: Networking Content Delivery +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 +--- +

+ Amazon CloudFront is a content delivery network (CDN) service built for high performance, security, and developer convenience. +

+

+ 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 diff --git a/src/collections/integrations/aws-cloudtrail-controller/icon/color/aws-cloudtrail-controller-color.svg b/src/collections/integrations/aws-cloudtrail-controller/icon/color/aws-cloudtrail-controller-color.svg new file mode 100644 index 000000000000..db151e310bc2 --- /dev/null +++ b/src/collections/integrations/aws-cloudtrail-controller/icon/color/aws-cloudtrail-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudtrail-controller/icon/white/aws-cloudtrail-controller-white.svg b/src/collections/integrations/aws-cloudtrail-controller/icon/white/aws-cloudtrail-controller-white.svg new file mode 100644 index 000000000000..1ff6a01ecc1a --- /dev/null +++ b/src/collections/integrations/aws-cloudtrail-controller/icon/white/aws-cloudtrail-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudtrail-controller/index.mdx b/src/collections/integrations/aws-cloudtrail-controller/index.mdx new file mode 100644 index 000000000000..910baee05fd8 --- /dev/null +++ b/src/collections/integrations/aws-cloudtrail-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS CloudTrail +subtitle: Collaborative and visual infrastructure as code for AWS CloudTrail +integrationIcon: icon/color/aws-cloudtrail-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-cloudtrail-controller-white.svg +docURL: +category: Observability and Analysis +subcategory: Logging +featureList: ["Data events that capture data plane actions within a resource, such as reading or writing an Amazon S3 object.", +"Configuration items from AWS Config that capture resource configuration history and resource compliance history as evaluated by AWS Config rules.", +"Audit evidence from AWS Audit Manager that contains the information needed to demonstrate compliance with the requirements as specified by Audit Manager controls." +] +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 +--- +

+ AWS CloudTrail monitors and records account activity across your AWS infrastructure, giving you control over storage, analysis, and remediation actions. +

+

+ 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 diff --git a/src/collections/integrations/aws-cloudwatch-controller/icon/color/aws-cloudwatch-controller-color.svg b/src/collections/integrations/aws-cloudwatch-controller/icon/color/aws-cloudwatch-controller-color.svg new file mode 100644 index 000000000000..c69abbafeb1a --- /dev/null +++ b/src/collections/integrations/aws-cloudwatch-controller/icon/color/aws-cloudwatch-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudwatch-controller/icon/white/aws-cloudwatch-controller-white.svg b/src/collections/integrations/aws-cloudwatch-controller/icon/white/aws-cloudwatch-controller-white.svg new file mode 100644 index 000000000000..d4b04fb76c52 --- /dev/null +++ b/src/collections/integrations/aws-cloudwatch-controller/icon/white/aws-cloudwatch-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-cloudwatch-controller/index.mdx b/src/collections/integrations/aws-cloudwatch-controller/index.mdx new file mode 100644 index 000000000000..9607323bcc77 --- /dev/null +++ b/src/collections/integrations/aws-cloudwatch-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS CloudWatch +subtitle: Collaborative and visual infrastructure as code for AWS CloudWatch +integrationIcon: icon/color/aws-cloudwatch-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-cloudwatch-controller-white.svg +docURL: +category: Provisioning +subcategory: Management Governance +featureList: ["Provides you with data and actionable insights to monitor your applications, respond to system-wide performance changes, and optimize resource utilization.", +"Collects monitoring and operational data in the form of logs, metrics, and traces.", +"Get a unified view of operational health and gain complete visibility of your AWS resources, applications, and services running on AWS and on-premises." +] +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 +--- +

+ CloudWatch enables you to monitor and observe your AWS and on-premises resources and applications. +

+

+ 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 diff --git a/src/collections/integrations/aws-dynamodb-controller/icon/color/aws-dynamodb-controller-color.svg b/src/collections/integrations/aws-dynamodb-controller/icon/color/aws-dynamodb-controller-color.svg new file mode 100644 index 000000000000..99dc638b7690 --- /dev/null +++ b/src/collections/integrations/aws-dynamodb-controller/icon/color/aws-dynamodb-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-dynamodb-controller/icon/white/aws-dynamodb-controller-white.svg b/src/collections/integrations/aws-dynamodb-controller/icon/white/aws-dynamodb-controller-white.svg new file mode 100644 index 000000000000..21579a05f8e4 --- /dev/null +++ b/src/collections/integrations/aws-dynamodb-controller/icon/white/aws-dynamodb-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-dynamodb-controller/index.mdx b/src/collections/integrations/aws-dynamodb-controller/index.mdx new file mode 100644 index 000000000000..58d9b3bb8d92 --- /dev/null +++ b/src/collections/integrations/aws-dynamodb-controller/index.mdx @@ -0,0 +1,29 @@ +--- +title: AWS DynamoDB +subtitle: Collaborative and visual infrastructure as code for AWS DynamoDB +integrationIcon: icon/color/aws-dynamodb-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-dynamodb-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Database +featureList: ["Handle more than 10 trillion requests per day and can support peaks of more than 20 million requests per second. +", +"Secure your data with encryption at rest, automatic backup and restore, and guaranteed reliability with an SLA of up to 99.999% availability.", +"Fast and flexible NoSQL database service for any scale" +] +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 +--- +

+ Amazon DynamoDB is a serverless, NoSQL, fully managed database with single-digit millisecond performance at any scale +

+

+ 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 diff --git a/src/collections/integrations/aws-ec2-controller/icon/color/aws-ec2-controller-color.svg b/src/collections/integrations/aws-ec2-controller/icon/color/aws-ec2-controller-color.svg new file mode 100644 index 000000000000..7a957d5c48d7 --- /dev/null +++ b/src/collections/integrations/aws-ec2-controller/icon/color/aws-ec2-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-ec2-controller/icon/white/aws-ec2-controller-white.svg b/src/collections/integrations/aws-ec2-controller/icon/white/aws-ec2-controller-white.svg new file mode 100644 index 000000000000..33de4b00bdb4 --- /dev/null +++ b/src/collections/integrations/aws-ec2-controller/icon/white/aws-ec2-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-ec2-controller/index.mdx b/src/collections/integrations/aws-ec2-controller/index.mdx new file mode 100644 index 000000000000..8ce4d0c0fa0a --- /dev/null +++ b/src/collections/integrations/aws-ec2-controller/index.mdx @@ -0,0 +1,29 @@ +--- +title: AWS EC2 +subtitle: Collaborative and visual infrastructure as code for AWS EC2 +integrationIcon: icon/color/aws-ec2-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-ec2-controller-white.svg +docURL: +category: Provisioning +subcategory: Compute +featureList: ["Optimized CPU Configurations", +"High Packet-Per-Second Performance and Low Latency with Enhanced Networking", +"High Precision Time with Amazon Time Sync Service +" +] +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 +--- +

+ Amazon Elastic Compute Cloud (Amazon EC2) offers the broadest and deepest compute platform, with over 750 instances and choice of the latest processor, storage, networking, operating system, and purchase model to help you best match the needs of your workload. +

+

+ 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 diff --git a/src/collections/integrations/aws-ecr-controller/icon/color/aws-ecr-controller-color.svg b/src/collections/integrations/aws-ecr-controller/icon/color/aws-ecr-controller-color.svg new file mode 100644 index 000000000000..53339797b4ce --- /dev/null +++ b/src/collections/integrations/aws-ecr-controller/icon/color/aws-ecr-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-ecr-controller/icon/white/aws-ecr-controller-white.svg b/src/collections/integrations/aws-ecr-controller/icon/white/aws-ecr-controller-white.svg new file mode 100644 index 000000000000..b292c76187e6 --- /dev/null +++ b/src/collections/integrations/aws-ecr-controller/icon/white/aws-ecr-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-ecr-controller/index.mdx b/src/collections/integrations/aws-ecr-controller/index.mdx new file mode 100644 index 000000000000..5b687f357f90 --- /dev/null +++ b/src/collections/integrations/aws-ecr-controller/index.mdx @@ -0,0 +1,30 @@ +--- +title: AWS Elastic Container Registry +subtitle: Collaborative and visual infrastructure as code for AWS Elastic Container Registry +integrationIcon: icon/color/aws-ecr-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-ecr-controller-white.svg +docURL: +category: Provisioning +subcategory: Containers +featureList: ["OCI and Docker support", +"Public container image and artifact gallery + +", +"Amazon ECR supports the ability to define and organize repositories in your registry using namespaces." +] +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 +--- +

+ Amazon Elastic Container Registry (Amazon ECR) is a fully managed container registry offering high-performance hosting, so you can reliably deploy application images and artifacts anywhere. +

+

+ 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 diff --git a/src/collections/integrations/aws-eks-controller/icon/color/aws-eks-controller-color.svg b/src/collections/integrations/aws-eks-controller/icon/color/aws-eks-controller-color.svg new file mode 100644 index 000000000000..422bdd33ad5a --- /dev/null +++ b/src/collections/integrations/aws-eks-controller/icon/color/aws-eks-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-eks-controller/icon/white/aws-eks-controller-white.svg b/src/collections/integrations/aws-eks-controller/icon/white/aws-eks-controller-white.svg new file mode 100644 index 000000000000..b720d5006b8d --- /dev/null +++ b/src/collections/integrations/aws-eks-controller/icon/white/aws-eks-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-eks-controller/index.mdx b/src/collections/integrations/aws-eks-controller/index.mdx new file mode 100644 index 000000000000..afcaeeaad122 --- /dev/null +++ b/src/collections/integrations/aws-eks-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Elastic Kubernetes Service +subtitle: Collaborative and visual infrastructure as code for AWS Elastic Kubernetes Service +integrationIcon: icon/color/aws-eks-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-eks-controller-white.svg +docURL: +category: Provisioning +subcategory: Containers +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 +--- +

+ Amazon Elastic Kubernetes Service (Amazon EKS) is a managed service that you can use to run Kubernetes on AWS without needing to install, operate, and maintain your own Kubernetes control plane or nodes. Kubernetes is an open-source system for automating the deployment, scaling, and management of containerized applications. +

+

+ 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 diff --git a/src/collections/integrations/aws-elasticache-controller/icon/color/aws-elasticache-controller-color.svg b/src/collections/integrations/aws-elasticache-controller/icon/color/aws-elasticache-controller-color.svg new file mode 100644 index 000000000000..7963fc5b30ce --- /dev/null +++ b/src/collections/integrations/aws-elasticache-controller/icon/color/aws-elasticache-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-elasticache-controller/icon/white/aws-elasticache-controller-white.svg b/src/collections/integrations/aws-elasticache-controller/icon/white/aws-elasticache-controller-white.svg new file mode 100644 index 000000000000..68c152e13e4f --- /dev/null +++ b/src/collections/integrations/aws-elasticache-controller/icon/white/aws-elasticache-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-elasticache-controller/index.mdx b/src/collections/integrations/aws-elasticache-controller/index.mdx new file mode 100644 index 000000000000..1cf85cef50a1 --- /dev/null +++ b/src/collections/integrations/aws-elasticache-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS ElastiCache +subtitle: Collaborative and visual infrastructure as code for AWS ElastiCache +integrationIcon: icon/color/aws-elasticache-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-elasticache-controller-white.svg +docURL: +category: Provisioning +subcategory: Database +featureList: ["Fully managed Redis and Memcached", +"Add a cache to your relational database", +"You can create an ElastiCache Serverless cache in a few steps by specifying a cache name in Meshery" +] +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 +--- +

+ Amazon ElastiCache allows you to seamlessly set up, run, and scale an in-memory cache in the cloud. ElastiCache is compatible with both Redis and Memcached. +

+

+ 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 diff --git a/src/collections/integrations/aws-elasticsearchservice-controller/icon/color/aws-elasticsearchservice-controller-color.svg b/src/collections/integrations/aws-elasticsearchservice-controller/icon/color/aws-elasticsearchservice-controller-color.svg new file mode 100644 index 000000000000..7963fc5b30ce --- /dev/null +++ b/src/collections/integrations/aws-elasticsearchservice-controller/icon/color/aws-elasticsearchservice-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-elasticsearchservice-controller/icon/white/aws-elasticsearchservice-controller-white.svg b/src/collections/integrations/aws-elasticsearchservice-controller/icon/white/aws-elasticsearchservice-controller-white.svg new file mode 100644 index 000000000000..68c152e13e4f --- /dev/null +++ b/src/collections/integrations/aws-elasticsearchservice-controller/icon/white/aws-elasticsearchservice-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-elasticsearchservice-controller/index.mdx b/src/collections/integrations/aws-elasticsearchservice-controller/index.mdx new file mode 100644 index 000000000000..44edb6d3422e --- /dev/null +++ b/src/collections/integrations/aws-elasticsearchservice-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS ElasticSearch Service +subtitle: Collaborative and visual infrastructure as code for AWS ElasticSearch Service +integrationIcon: icon/color/aws-elasticsearchservice-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-elasticsearchservice-controller-white.svg +docURL: +category: Observability and Analysis +subcategory: Logging +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 +--- +

+ AWS ElasticSearch Service makes it easy for you to perform interactive log analytics, real-time application monitoring, website search, and more. +

+

+ 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 diff --git a/src/collections/integrations/aws-emrcontainers-controller/icon/color/aws-emrcontainers-controller-color.svg b/src/collections/integrations/aws-emrcontainers-controller/icon/color/aws-emrcontainers-controller-color.svg new file mode 100644 index 000000000000..0f194b62949d --- /dev/null +++ b/src/collections/integrations/aws-emrcontainers-controller/icon/color/aws-emrcontainers-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-emrcontainers-controller/icon/white/aws-emrcontainers-controller-white.svg b/src/collections/integrations/aws-emrcontainers-controller/icon/white/aws-emrcontainers-controller-white.svg new file mode 100644 index 000000000000..cbd2ede3d28c --- /dev/null +++ b/src/collections/integrations/aws-emrcontainers-controller/icon/white/aws-emrcontainers-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-emrcontainers-controller/index.mdx b/src/collections/integrations/aws-emrcontainers-controller/index.mdx new file mode 100644 index 000000000000..c13210923d8e --- /dev/null +++ b/src/collections/integrations/aws-emrcontainers-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS EMR Containers +subtitle: Collaborative and visual infrastructure as code for AWS EMR Containers +integrationIcon: icon/color/aws-emrcontainers-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-emrcontainers-controller-white.svg +docURL: +category: Provisioning +subcategory: Analytics +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 +--- +

+ Amazon EMR on EKS provides a deployment option for Amazon EMR that allows you to run open-source big data frameworks on Amazon Elastic Kubernetes Service (Amazon EKS). +

+

+ 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 diff --git a/src/collections/integrations/aws-eventbridge-controller/icon/color/aws-eventbridge-controller-color.svg b/src/collections/integrations/aws-eventbridge-controller/icon/color/aws-eventbridge-controller-color.svg new file mode 100644 index 000000000000..9a70c5c310f7 --- /dev/null +++ b/src/collections/integrations/aws-eventbridge-controller/icon/color/aws-eventbridge-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-eventbridge-controller/icon/white/aws-eventbridge-controller-white.svg b/src/collections/integrations/aws-eventbridge-controller/icon/white/aws-eventbridge-controller-white.svg new file mode 100644 index 000000000000..eb9e6d452bd8 --- /dev/null +++ b/src/collections/integrations/aws-eventbridge-controller/icon/white/aws-eventbridge-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-eventbridge-controller/index.mdx b/src/collections/integrations/aws-eventbridge-controller/index.mdx new file mode 100644 index 000000000000..96ff359f7a06 --- /dev/null +++ b/src/collections/integrations/aws-eventbridge-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS EventBridge +subtitle: Collaborative and visual infrastructure as code for AWS EventBridge +integrationIcon: icon/color/aws-eventbridge-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-eventbridge-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Streaming & Messaging +featureList: ["Amazon EventBridge Event Bus is a serverless event bus that helps you receive, filter, transform, route, and deliver events.", +"Amazon EventBridge Pipes is a serverless point-to-point integration resource that helps you connect event producers to event consumers with optional filtering, enrichment, and transformation capabilities.", +"Use Amazon EventBridge Scheduler to schedule tasks and events at scale." +] +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 +--- +

+ Amazon EventBridge enables you to build event-driven applications at scale across AWS, existing systems, or SaaS applications +

+

+ 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 diff --git a/src/collections/integrations/aws-iam-controller/icon/color/aws-iam-controller-color.svg b/src/collections/integrations/aws-iam-controller/icon/color/aws-iam-controller-color.svg new file mode 100644 index 000000000000..fc1b54fb06a3 --- /dev/null +++ b/src/collections/integrations/aws-iam-controller/icon/color/aws-iam-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-iam-controller/icon/white/aws-iam-controller-white.svg b/src/collections/integrations/aws-iam-controller/icon/white/aws-iam-controller-white.svg new file mode 100644 index 000000000000..b9f8b0c5eb84 --- /dev/null +++ b/src/collections/integrations/aws-iam-controller/icon/white/aws-iam-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-iam-controller/index.mdx b/src/collections/integrations/aws-iam-controller/index.mdx new file mode 100644 index 000000000000..ac72b3dd843b --- /dev/null +++ b/src/collections/integrations/aws-iam-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Identity and Access Management +subtitle: Collaborative and visual infrastructure as code for AWS Identity and Access Management +integrationIcon: icon/color/aws-iam-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-iam-controller-white.svg +docURL: +category: Provisioning +subcategory: Security Identity Compliance +featureList: ["Manage per-account access or scale access across AWS accounts and applications", +"Set, verify, and right-size permissions toward least privilege", +"Establish organization-wide and preventative guardrails on AWS" +] +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 +--- +

+ AWS Identity and Access Management securely manage identities and access to AWS services and resources +

+

+ 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 diff --git a/src/collections/integrations/aws-kinesis-controller/icon/color/aws-kinesis-controller-color.svg b/src/collections/integrations/aws-kinesis-controller/icon/color/aws-kinesis-controller-color.svg new file mode 100644 index 000000000000..bd351bd16f97 --- /dev/null +++ b/src/collections/integrations/aws-kinesis-controller/icon/color/aws-kinesis-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-kinesis-controller/icon/white/aws-kinesis-controller-white.svg b/src/collections/integrations/aws-kinesis-controller/icon/white/aws-kinesis-controller-white.svg new file mode 100644 index 000000000000..3d5f2e86967e --- /dev/null +++ b/src/collections/integrations/aws-kinesis-controller/icon/white/aws-kinesis-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-kinesis-controller/index.mdx b/src/collections/integrations/aws-kinesis-controller/index.mdx new file mode 100644 index 000000000000..a4c7741b21e4 --- /dev/null +++ b/src/collections/integrations/aws-kinesis-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Kinesis +subtitle: Collaborative and visual infrastructure as code for AWS Kinesis +integrationIcon: icon/color/aws-kinesis-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-kinesis-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Streaming & Messaging +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 +--- +

+ AWS Kinesis enables you to collect, process, and analyze video and data streams in real time +

+

+ 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 diff --git a/src/collections/integrations/aws-kms-controller/icon/color/aws-kms-controller-color.svg b/src/collections/integrations/aws-kms-controller/icon/color/aws-kms-controller-color.svg new file mode 100644 index 000000000000..fbaa92da4549 --- /dev/null +++ b/src/collections/integrations/aws-kms-controller/icon/color/aws-kms-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-kms-controller/icon/white/aws-kms-controller-white.svg b/src/collections/integrations/aws-kms-controller/icon/white/aws-kms-controller-white.svg new file mode 100644 index 000000000000..6b4d2675652a --- /dev/null +++ b/src/collections/integrations/aws-kms-controller/icon/white/aws-kms-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-kms-controller/index.mdx b/src/collections/integrations/aws-kms-controller/index.mdx new file mode 100644 index 000000000000..b2208819b220 --- /dev/null +++ b/src/collections/integrations/aws-kms-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Kinesis +subtitle: Collaborative and visual infrastructure as code for AWS Kinesis +integrationIcon: icon/color/aws-kms-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-kms-controller-white.svg +docURL: +category: Provisioning +subcategory: Key Management Service +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 +--- +

+ AWS Key Management Service (AWS KMS) is a managed service that makes it easy for you to create and control the cryptographic keys that are used to protect your data. +

+

+ 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 diff --git a/src/collections/integrations/aws-lambda-controller/icon/color/aws-lambda-controller-color.svg b/src/collections/integrations/aws-lambda-controller/icon/color/aws-lambda-controller-color.svg new file mode 100644 index 000000000000..ed69689ef197 --- /dev/null +++ b/src/collections/integrations/aws-lambda-controller/icon/color/aws-lambda-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-lambda-controller/icon/white/aws-lambda-controller-white.svg b/src/collections/integrations/aws-lambda-controller/icon/white/aws-lambda-controller-white.svg new file mode 100644 index 000000000000..5a8aeb3985ab --- /dev/null +++ b/src/collections/integrations/aws-lambda-controller/icon/white/aws-lambda-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-lambda-controller/index.mdx b/src/collections/integrations/aws-lambda-controller/index.mdx new file mode 100644 index 000000000000..d74f770076a5 --- /dev/null +++ b/src/collections/integrations/aws-lambda-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Lambda +subtitle: Collaborative and visual infrastructure as code for AWS Lambda +integrationIcon: icon/color/aws-lambda-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-lambda-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Serverless +featureList: ["Run code for virtually any type of application or backend service. ", +"Write Lambda functions in your favorite language ", +"Bring your own code" +] +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 +--- +

+ AWS Lambda enables you to run code without provisioning or managing servers, creating workload-aware cluster scaling logic, maintaining event integrations, or managing runtimes. +

+

+ 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 diff --git a/src/collections/integrations/aws-memorydb-controller/icon/color/aws-memorydb-controller-color.svg b/src/collections/integrations/aws-memorydb-controller/icon/color/aws-memorydb-controller-color.svg new file mode 100644 index 000000000000..f9db25715cab --- /dev/null +++ b/src/collections/integrations/aws-memorydb-controller/icon/color/aws-memorydb-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-memorydb-controller/icon/white/aws-memorydb-controller-white.svg b/src/collections/integrations/aws-memorydb-controller/icon/white/aws-memorydb-controller-white.svg new file mode 100644 index 000000000000..d5d04e83adf8 --- /dev/null +++ b/src/collections/integrations/aws-memorydb-controller/icon/white/aws-memorydb-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-memorydb-controller/index.mdx b/src/collections/integrations/aws-memorydb-controller/index.mdx new file mode 100644 index 000000000000..02eb85c07796 --- /dev/null +++ b/src/collections/integrations/aws-memorydb-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS MemoryDB for Redis +subtitle: Collaborative and visual infrastructure as code for AWS MemoryDB for Redis +integrationIcon: icon/color/aws-memorydb-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-memorydb-controller-white.svg +docURL: +category: Provisioning +subcategory: Database +featureList: ["Amazon MemoryDB for Redis enables machine learning (ML) and generative artificial intelligence (AI) models to work with data stored in Amazon MemoryDB in real-time and without moving your data.", +"Amazon MemoryDB provides native support for JavaScript Object Notation (JSON) documents in addition to the data structures included in open source Redis, at no additional cost.", +"MemoryDB stores your entire dataset in memory to deliver microsecond read latency, single-digit millisecond write latency, and high throughput. It can handle more than 13 trillion requests per day and support peaks of 160 million requests per second." +] +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 +--- +

+ Amazon MemoryDB for Redis is a durable database with microsecond reads, low single-digit millisecond writes, scalability, and enterprise security. MemoryDB delivers 99.99% availability and near instantaneous recovery without any data loss. +

+

+ 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 diff --git a/src/collections/integrations/aws-mq-controller/icon/color/aws-mq-controller-color.svg b/src/collections/integrations/aws-mq-controller/icon/color/aws-mq-controller-color.svg new file mode 100644 index 000000000000..8e7629715720 --- /dev/null +++ b/src/collections/integrations/aws-mq-controller/icon/color/aws-mq-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-mq-controller/icon/white/aws-mq-controller-white.svg b/src/collections/integrations/aws-mq-controller/icon/white/aws-mq-controller-white.svg new file mode 100644 index 000000000000..0fa9b3a37170 --- /dev/null +++ b/src/collections/integrations/aws-mq-controller/icon/white/aws-mq-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-mq-controller/index.mdx b/src/collections/integrations/aws-mq-controller/index.mdx new file mode 100644 index 000000000000..d3936c5b2c83 --- /dev/null +++ b/src/collections/integrations/aws-mq-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS MQ +subtitle: Collaborative and visual infrastructure as code for AWS MQ +integrationIcon: icon/color/aws-mq-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-mq-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Streaming & Messaging +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 +--- +

+ AWS MQ offers fully managed service for open-source message brokers +

+

+ 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 diff --git a/src/collections/integrations/aws-prometheusservice-controller/icon/color/aws-prometheusservice-controller-color.svg b/src/collections/integrations/aws-prometheusservice-controller/icon/color/aws-prometheusservice-controller-color.svg new file mode 100644 index 000000000000..de51e9afb938 --- /dev/null +++ b/src/collections/integrations/aws-prometheusservice-controller/icon/color/aws-prometheusservice-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-prometheusservice-controller/icon/white/aws-prometheusservice-controller-white.svg b/src/collections/integrations/aws-prometheusservice-controller/icon/white/aws-prometheusservice-controller-white.svg new file mode 100644 index 000000000000..97af604213db --- /dev/null +++ b/src/collections/integrations/aws-prometheusservice-controller/icon/white/aws-prometheusservice-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-prometheusservice-controller/index.mdx b/src/collections/integrations/aws-prometheusservice-controller/index.mdx new file mode 100644 index 000000000000..04d57f141969 --- /dev/null +++ b/src/collections/integrations/aws-prometheusservice-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Managed Service for Prometheus +subtitle: Collaborative and visual infrastructure as code for AWS Managed Service for Prometheus +integrationIcon: icon/color/aws-prometheusservice-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-prometheusservice-controller-white.svg +docURL: +category: Observability and Analysis +subcategory: Metrics +featureList: ["No collection agents required", +"Amazon Managed Service for Prometheus includes a remote write-compatible API that can ingest metrics from OpenTelemetry, Prometheus libraries, and existing Prometheus servers.", +"Amazon Managed Service for Prometheus includes a query-compatible HTTP API that allows you to query metrics, metric labels, metric metadata, and time series metrics. " +] +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 +--- +

+ Amazon Managed Service for Prometheus is a Prometheus-compatible service that monitors and provides alerts on containerized applications and infrastructure at scale. The service is integrated with Amazon Elastic Kubernetes Service (EKS), Amazon Elastic Container Service (ECS), and AWS Distro for OpenTelemetry. +

+

+ 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 diff --git a/src/collections/integrations/aws-rds-controller/icon/color/aws-rds-controller-color.svg b/src/collections/integrations/aws-rds-controller/icon/color/aws-rds-controller-color.svg new file mode 100644 index 000000000000..9733505afa35 --- /dev/null +++ b/src/collections/integrations/aws-rds-controller/icon/color/aws-rds-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-rds-controller/icon/white/aws-rds-controller-white.svg b/src/collections/integrations/aws-rds-controller/icon/white/aws-rds-controller-white.svg new file mode 100644 index 000000000000..c5e3e6341287 --- /dev/null +++ b/src/collections/integrations/aws-rds-controller/icon/white/aws-rds-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-rds-controller/index.mdx b/src/collections/integrations/aws-rds-controller/index.mdx new file mode 100644 index 000000000000..b06f80f8b764 --- /dev/null +++ b/src/collections/integrations/aws-rds-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Relational Database Service +subtitle: Collaborative and visual infrastructure as code for AWS Relational Database Service +integrationIcon: icon/color/aws-rds-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-rds-controller-white.svg +docURL: +category: Provisioning +subcategory: Database +featureList: ["Amazon RDS integrates with AWS Config to support compliance and enhance security by recording and auditing changes to the configuration of your DB instance", +"Amazon Aurora supports quick, efficient cloning operations, where entire multi-terabyte database clusters can be cloned in minutes.", +"Amazon RDS provides Amazon CloudWatch metrics for your database instances at no additional charge." +] +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 +--- +

+ Amazon Relational Database Service (Amazon RDS) is a collection of managed services that makes it simple to set up, operate, and scale databases in the cloud. +

+

+ 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 diff --git a/src/collections/integrations/aws-route53-controller/icon/color/aws-route53-controller-color.svg b/src/collections/integrations/aws-route53-controller/icon/color/aws-route53-controller-color.svg new file mode 100644 index 000000000000..ad451548a0a2 --- /dev/null +++ b/src/collections/integrations/aws-route53-controller/icon/color/aws-route53-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-route53-controller/icon/white/aws-route53-controller-white.svg b/src/collections/integrations/aws-route53-controller/icon/white/aws-route53-controller-white.svg new file mode 100644 index 000000000000..b984f9ccda01 --- /dev/null +++ b/src/collections/integrations/aws-route53-controller/icon/white/aws-route53-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-route53-controller/index.mdx b/src/collections/integrations/aws-route53-controller/index.mdx new file mode 100644 index 000000000000..2b6138f96519 --- /dev/null +++ b/src/collections/integrations/aws-route53-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Route 53 +subtitle: Collaborative and visual infrastructure as code for AWS Route 53 +integrationIcon: icon/color/aws-route53-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-route53-controller-white.svg +docURL: +category: Provisioning +subcategory: Networking Content Delivery +featureList: ["Route end users to your site reliably with globally-dispersed Domain Name System (DNS) servers and automatic scaling.", +"Set up your DNS routing in minutes with domain name registration and straightforward visual traffic flow tools.", +"Customize your DNS routing policies to reduce latency, improve application availability, and maintain compliance." +] +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 +--- +

+ Amazon Route 53 is a highly available and scalable Domain Name System (DNS) web service. Route 53 connects user requests to internet applications running on AWS or on-premises. +

+

+ 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 diff --git a/src/collections/integrations/aws-route53resolver-controller/icon/color/aws-route53resolver-controller-color.svg b/src/collections/integrations/aws-route53resolver-controller/icon/color/aws-route53resolver-controller-color.svg new file mode 100644 index 000000000000..ad451548a0a2 --- /dev/null +++ b/src/collections/integrations/aws-route53resolver-controller/icon/color/aws-route53resolver-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-route53resolver-controller/icon/white/aws-route53resolver-controller-white.svg b/src/collections/integrations/aws-route53resolver-controller/icon/white/aws-route53resolver-controller-white.svg new file mode 100644 index 000000000000..b984f9ccda01 --- /dev/null +++ b/src/collections/integrations/aws-route53resolver-controller/icon/white/aws-route53resolver-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-route53resolver-controller/index.mdx b/src/collections/integrations/aws-route53resolver-controller/index.mdx new file mode 100644 index 000000000000..48654d8c58a0 --- /dev/null +++ b/src/collections/integrations/aws-route53resolver-controller/index.mdx @@ -0,0 +1,31 @@ +--- +title: AWS Route 53 Resolver +subtitle: Collaborative and visual infrastructure as code for AWS Route 53 Resolver +integrationIcon: icon/color/aws-route53resolver-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-route53resolver-controller-white.svg +docURL: +category: Provisioning +subcategory: Networking Content Delivery +featureList: ["Local VPC domain names for EC2 instances (for example, ec2-192-0-2-44.compute-1.amazonaws.com). +", +"Records in private hosted zones (for example, acme.example.com). +", +"For public domain names, Route 53 Resolver performs recursive lookups against public name servers on the internet. +" +] +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 +--- +

+ Amazon Route 53 Resolver responds recursively to DNS queries from AWS resources for public records, Amazon VPC-specific DNS names, and Amazon Route 53 private hosted zones, and is available by default in all VPCs. +

+

+ 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 diff --git a/src/collections/integrations/aws-s3-controller/icon/color/aws-s3-controller-color.svg b/src/collections/integrations/aws-s3-controller/icon/color/aws-s3-controller-color.svg new file mode 100644 index 000000000000..5a5205a4cb76 --- /dev/null +++ b/src/collections/integrations/aws-s3-controller/icon/color/aws-s3-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-s3-controller/icon/white/aws-s3-controller-white.svg b/src/collections/integrations/aws-s3-controller/icon/white/aws-s3-controller-white.svg new file mode 100644 index 000000000000..0b43b3544c1a --- /dev/null +++ b/src/collections/integrations/aws-s3-controller/icon/white/aws-s3-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-s3-controller/index.mdx b/src/collections/integrations/aws-s3-controller/index.mdx new file mode 100644 index 000000000000..be7d3a07cbf8 --- /dev/null +++ b/src/collections/integrations/aws-s3-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Simple Storage Service (S3) +subtitle: Collaborative and visual infrastructure as code for AWS Simple Storage Service (S3) +integrationIcon: icon/color/aws-s3-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-s3-controller-white.svg +docURL: +category: Provisioning +subcategory: Storage +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 +--- +

+ Amazon Simple Storage Service (Amazon S3) is an object storage service offering industry-leading scalability, data availability, security, and performance. +

+

+ 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 diff --git a/src/collections/integrations/aws-sagemaker-controller/icon/color/aws-sagemaker-controller-color.svg b/src/collections/integrations/aws-sagemaker-controller/icon/color/aws-sagemaker-controller-color.svg new file mode 100644 index 000000000000..1808be9ad046 --- /dev/null +++ b/src/collections/integrations/aws-sagemaker-controller/icon/color/aws-sagemaker-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sagemaker-controller/icon/white/aws-sagemaker-controller-white.svg b/src/collections/integrations/aws-sagemaker-controller/icon/white/aws-sagemaker-controller-white.svg new file mode 100644 index 000000000000..8ba10d165845 --- /dev/null +++ b/src/collections/integrations/aws-sagemaker-controller/icon/white/aws-sagemaker-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sagemaker-controller/index.mdx b/src/collections/integrations/aws-sagemaker-controller/index.mdx new file mode 100644 index 000000000000..bee6ba0add43 --- /dev/null +++ b/src/collections/integrations/aws-sagemaker-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS SageMaker +subtitle: Collaborative and visual infrastructure as code for AWS SageMaker +integrationIcon: icon/color/aws-sagemaker-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-sagemaker-controller-white.svg +docURL: +category: Provisioning +subcategory: Machine Learning +featureList: ["Choice of ML tools", +"Repeatable and responsible ML workflows", +"Human-in-the-loop" +] +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 +--- +

+ Amazon SageMaker is a fully managed service that brings together a broad set of tools to enable high-performance, low-cost machine learning (ML) for any use case. +

+

+ 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 diff --git a/src/collections/integrations/aws-secretsmanager-controller/icon/color/aws-secretsmanager-controller-color.svg b/src/collections/integrations/aws-secretsmanager-controller/icon/color/aws-secretsmanager-controller-color.svg new file mode 100644 index 000000000000..1b7bc3666aeb --- /dev/null +++ b/src/collections/integrations/aws-secretsmanager-controller/icon/color/aws-secretsmanager-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-secretsmanager-controller/icon/white/aws-secretsmanager-controller-white.svg b/src/collections/integrations/aws-secretsmanager-controller/icon/white/aws-secretsmanager-controller-white.svg new file mode 100644 index 000000000000..9ab4065093d0 --- /dev/null +++ b/src/collections/integrations/aws-secretsmanager-controller/icon/white/aws-secretsmanager-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-secretsmanager-controller/index.mdx b/src/collections/integrations/aws-secretsmanager-controller/index.mdx new file mode 100644 index 000000000000..bffce0030263 --- /dev/null +++ b/src/collections/integrations/aws-secretsmanager-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Secrets Manager +subtitle: Collaborative and visual infrastructure as code for AWS Secrets Manager +integrationIcon: icon/color/aws-secretsmanager-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-secretsmanager-controller-white.svg +docURL: +category: Provisioning +subcategory: Security Identity Compliance +featureList: ["Centrally store and manage credentials, API keys, and other secrets.", +"Use AWS Identity and Access Management (IAM) permissions policies to manage access to your secrets.", +"Rotate secrets on demand or on a schedule, without redeploying or disrupting active applications." +] +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 +--- +

+ AWS Secrets Manager helps you manage, retrieve, and rotate database credentials, API keys, and other secrets throughout their lifecycles. +

+

+ 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 diff --git a/src/collections/integrations/aws-sfn-controller/icon/color/aws-sfn-controller-color.svg b/src/collections/integrations/aws-sfn-controller/icon/color/aws-sfn-controller-color.svg new file mode 100644 index 000000000000..2fea63bd9c00 --- /dev/null +++ b/src/collections/integrations/aws-sfn-controller/icon/color/aws-sfn-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sfn-controller/icon/white/aws-sfn-controller-white.svg b/src/collections/integrations/aws-sfn-controller/icon/white/aws-sfn-controller-white.svg new file mode 100644 index 000000000000..4132a0dd52b9 --- /dev/null +++ b/src/collections/integrations/aws-sfn-controller/icon/white/aws-sfn-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sfn-controller/index.mdx b/src/collections/integrations/aws-sfn-controller/index.mdx new file mode 100644 index 000000000000..d59f1aa0eb30 --- /dev/null +++ b/src/collections/integrations/aws-sfn-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Step Functions +subtitle: Collaborative and visual infrastructure as code for AWS Step Functions +integrationIcon: icon/color/aws-sfn-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-sfn-controller-white.svg +docURL: +category: App Definition and Development +subcategory: Serverless +featureList: ["Step Functions is based on state machines and tasks.", +"Supports Catch and Retry statements", +"Examine the state of each step in your workflow to make sure that your application runs in order and as expected" +] +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 +--- +

+ AWS Step Functions is a serverless orchestration service that lets you integrate with AWS Lambda functions and other AWS services to build business-critical applications. +

+

+ 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 diff --git a/src/collections/integrations/aws-sns-controller/icon/color/aws-sns-controller-color.svg b/src/collections/integrations/aws-sns-controller/icon/color/aws-sns-controller-color.svg new file mode 100644 index 000000000000..db39b8b77ca1 --- /dev/null +++ b/src/collections/integrations/aws-sns-controller/icon/color/aws-sns-controller-color.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sns-controller/icon/white/aws-sns-controller-white.svg b/src/collections/integrations/aws-sns-controller/icon/white/aws-sns-controller-white.svg new file mode 100644 index 000000000000..160602e37ce2 --- /dev/null +++ b/src/collections/integrations/aws-sns-controller/icon/white/aws-sns-controller-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/integrations/aws-sns-controller/index.mdx b/src/collections/integrations/aws-sns-controller/index.mdx new file mode 100644 index 000000000000..c854447e805b --- /dev/null +++ b/src/collections/integrations/aws-sns-controller/index.mdx @@ -0,0 +1,28 @@ +--- +title: AWS Simple Notification Service +subtitle: Collaborative and visual infrastructure as code for AWS Simple Notification Service +integrationIcon: icon/color/aws-sns-controller-color.svg +darkModeIntegrationIcon: icon/white/aws-sns-controller-white.svg +docURL: +category: Provisioning +subcategory: App Integration +featureList: ["Message fanout: Each account can support 100,000 Standard topics and each topic supports up to 12.5M subscriptions.", +"Amazon SNS supports VPC Endpoints (VPCE) via AWS PrivateLink.", +"Amazon SNS mobile notifications make it simple and cost effective to fan out mobile push notifications to iOS, Android, Fire, Windows, and Baidu devices." +] +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 +--- +

+ Amazon Simple Notification Service (Amazon SNS) sends notifications two ways, A2A and A2P. +

+

+ 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 diff --git a/src/collections/integrations/backstage/icon/color/backstage-color.svg b/src/collections/integrations/backstage/icon/color/backstage-color.svg index 5316741015a7..fd0f1e90b072 100644 --- a/src/collections/integrations/backstage/icon/color/backstage-color.svg +++ b/src/collections/integrations/backstage/icon/color/backstage-color.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/src/collections/integrations/backstage/icon/white/backstage-white.svg b/src/collections/integrations/backstage/icon/white/backstage-white.svg index b30db33df33e..c9a2462efd24 100644 --- a/src/collections/integrations/backstage/icon/white/backstage-white.svg +++ b/src/collections/integrations/backstage/icon/white/backstage-white.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/src/collections/integrations/crossplane/icon/color/crossplane-color.svg b/src/collections/integrations/crossplane/icon/color/crossplane-color.svg index 58df1e9691a4..282441747744 100644 --- a/src/collections/integrations/crossplane/icon/color/crossplane-color.svg +++ b/src/collections/integrations/crossplane/icon/color/crossplane-color.svg @@ -1 +1 @@ - + \ No newline at end of file diff --git a/src/collections/integrations/crossplane/icon/white/crossplane-white.svg b/src/collections/integrations/crossplane/icon/white/crossplane-white.svg index 164dcba1c6d3..7f776934ed58 100644 --- a/src/collections/integrations/crossplane/icon/white/crossplane-white.svg +++ b/src/collections/integrations/crossplane/icon/white/crossplane-white.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/src/collections/integrations/jitsi/icon/white/jitsi-white.svg b/src/collections/integrations/jitsi/icon/white/jitsi-white.svg index 0af15981c38a..8bdabeaea226 100644 --- a/src/collections/integrations/jitsi/icon/white/jitsi-white.svg +++ b/src/collections/integrations/jitsi/icon/white/jitsi-white.svg @@ -1,94 +1,94 @@ + viewBox="0 0 206 318.87" style="enable-background:new 0 0 206 318.87;" xml:space="preserve"> - - - - - - - - - - - - + + + + + + + + + + + + \ No newline at end of file diff --git a/src/collections/programs/lfx-2024/Linux_Foundation_logo.svg b/src/collections/programs/lfx-2024/Linux_Foundation_logo.svg new file mode 100644 index 000000000000..a9fefeeef571 --- /dev/null +++ b/src/collections/programs/lfx-2024/Linux_Foundation_logo.svg @@ -0,0 +1 @@ +Asset 1 \ No newline at end of file diff --git a/src/collections/programs/lfx-2024/Linux_Foundation_logo.webp b/src/collections/programs/lfx-2024/Linux_Foundation_logo.webp new file mode 100644 index 000000000000..af96a3ac843b Binary files /dev/null and b/src/collections/programs/lfx-2024/Linux_Foundation_logo.webp differ diff --git a/src/collections/programs/lfx-2024/lfx-2024.mdx b/src/collections/programs/lfx-2024/lfx-2024.mdx new file mode 100644 index 000000000000..93bcb0ecdfaa --- /dev/null +++ b/src/collections/programs/lfx-2024/lfx-2024.mdx @@ -0,0 +1,220 @@ +--- +title: "Linux Foundation 2024" +thumbnail: ./Linux_Foundation_logo.svg +darkthumbnail: ./lfx-white.svg +permalink: "lfx/2024" +program: "Linux Foundation" +programSlug: "lfx" +published: true +--- + +import { ProgramsWrapper } from "../Programs.style.js"; +import Button from "../../../reusecore/Button"; +import {ReactComponent as LfxLogo} from "./lfx-white.svg"; +import { Link } from "gatsby"; + + + + diff --git a/src/collections/programs/lfx-2024/lfx-white.svg b/src/collections/programs/lfx-2024/lfx-white.svg new file mode 100644 index 000000000000..fd7114c4fb95 --- /dev/null +++ b/src/collections/programs/lfx-2024/lfx-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/collections/programs/lfx-2024/lfx.webp b/src/collections/programs/lfx-2024/lfx.webp new file mode 100644 index 000000000000..f540f8809e7f Binary files /dev/null and b/src/collections/programs/lfx-2024/lfx.webp differ diff --git a/src/collections/service-mesh-workshops/2018_docker_con_na/index.mdx b/src/collections/service-mesh-workshops/2018_docker_con_na/index.mdx index 6f974acb580b..9974e13286a6 100644 --- a/src/collections/service-mesh-workshops/2018_docker_con_na/index.mdx +++ b/src/collections/service-mesh-workshops/2018_docker_con_na/index.mdx @@ -2,7 +2,7 @@ title: "DockerCon NA 2018" abstract: "A workshop containing ten labs on the Istio service mesh. First presented at DockerCon18." thumbnail: "./using-istio_thumb1.webp" -eurl: https://dockercon18.smarteventscloud.com/connect/sessionDetail.ww?SESSION_ID=187485 +eurl: labs: https://github.com/layer5io/istio-service-mesh-workshop slides: https://calcotestudios.com/talks/decks/slides-dockercon-18-using-istio.html date: 2018-09-21 12:15:05 +0000 diff --git a/src/components/CommonForm/events.js b/src/components/CommonForm/events.js index 414c894e9f4b..23a26c118cca 100644 --- a/src/components/CommonForm/events.js +++ b/src/components/CommonForm/events.js @@ -23,7 +23,7 @@ const EventForm = ({ form, title, submit_title, submit_body }) => { useEffect(() => { if (submit) { - axios.post("https://hook.us1.make.com/r5qgpjel5tlhtyndcgjvkrdkoc65417y", { + axios.post("https://hook.us1.make.com/x4crqi16j8wfhctosk8y47fj6gknyvvh", { memberFormOne, }); } diff --git a/src/components/CommonForm/index.js b/src/components/CommonForm/index.js index a588ec68b5f5..638e17110a4c 100644 --- a/src/components/CommonForm/index.js +++ b/src/components/CommonForm/index.js @@ -73,7 +73,7 @@ const CommonForm = ({ form, title, submit_title, submit_body }) => { }; useEffect(() => { if (submit) { - axios.post("https://hook.us1.make.com/r5qgpjel5tlhtyndcgjvkrdkoc65417y", { + axios.post("https://hook.us1.make.com/x4crqi16j8wfhctosk8y47fj6gknyvvh", { memberFormOne, }); } diff --git a/src/components/ContactForm/index.js b/src/components/ContactForm/index.js index 567952841f3a..8686bfa8d941 100644 --- a/src/components/ContactForm/index.js +++ b/src/components/ContactForm/index.js @@ -12,7 +12,7 @@ const ContactForm = () => { useEffect(() => { if (submit) { // Webhook to handle all event forms and all signup forms, except for the community member form. - axios.post("https://hook.us1.make.com/r5qgpjel5tlhtyndcgjvkrdkoc65417y", { + axios.post("https://hook.us1.make.com/x4crqi16j8wfhctosk8y47fj6gknyvvh", { memberFormOne, }); window.scrollTo(0, 700); diff --git a/src/components/Features/images/cursor-1.svg b/src/components/Features/images/cursor-1.svg new file mode 100644 index 000000000000..0adffd12fe3e --- /dev/null +++ b/src/components/Features/images/cursor-1.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Features/images/cursor-2.svg b/src/components/Features/images/cursor-2.svg new file mode 100644 index 000000000000..a29c0544418d --- /dev/null +++ b/src/components/Features/images/cursor-2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Features/images/cursor-3.svg b/src/components/Features/images/cursor-3.svg new file mode 100644 index 000000000000..f4c8531340a1 --- /dev/null +++ b/src/components/Features/images/cursor-3.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Features/images/cursor-4.svg b/src/components/Features/images/cursor-4.svg new file mode 100644 index 000000000000..1a48180e8eed --- /dev/null +++ b/src/components/Features/images/cursor-4.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Features/images/wave.svg b/src/components/Features/images/wave.svg new file mode 100644 index 000000000000..caddcc746174 --- /dev/null +++ b/src/components/Features/images/wave.svg @@ -0,0 +1,51 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/components/Features/index.js b/src/components/Features/index.js index d744363821d8..c48cb6b4f04a 100644 --- a/src/components/Features/index.js +++ b/src/components/Features/index.js @@ -1,33 +1,155 @@ -import React from "react"; +import React, { useRef, useEffect, useState } from "react"; import { Link } from "gatsby"; -import { Container, ContentWrapper, ImageWrapper, ImageWrapperTwo } from "./style.js"; +import { + Container, + ContentWrapper, + ImageWrapper, + ImageWrapperTwo, + SvgRandomWrapper, +} from "./style.js"; import cursor from "./images/cursor.svg"; +import person1 from "./images/cursor-1.svg"; +import person2 from "./images/cursor-2.svg"; +import person3 from "./images/cursor-3.svg"; +import person4 from "./images/cursor-4.svg"; +import wave from "./images/wave.svg"; const Features = (props) => { + const containerRef = useRef(null); + const [waveStart, setWaveStart] = useState(false); + function getPerson(index) { + const persons = [person1, person2, person3, person4]; + return persons[index]; + } + useEffect(() => { + if (props.cursor !== undefined) { + const container = containerRef.current; + const moveRandomly = (element) => { + const rect = container.getBoundingClientRect(); + + const maxX = rect.width - element.clientWidth - 50; + const maxY = rect.height - element.clientHeight - 50; + const randomX = Math.floor(Math.random() * maxX); + // const halfMaxY = maxY / 2; + console.log(maxX, maxY, "here"); + const randomY = Math.floor(Math.random() * (maxY + 1)); + + element.style.transition = "transform 3s ease"; + element.style.transform = `translate(${randomX}px, ${randomY}px)`; + + setTimeout(() => { + element.style.transition = ""; + }, 3000); + }; + + const setInitialRandomPosition = (element) => { + const rect = container.getBoundingClientRect(); + const maxX = rect.width - element.clientWidth - 50; + const maxY = rect.height - element.clientHeight - 50; + const randomX = Math.floor(Math.random() * maxX); + const randomY = Math.floor(Math.random() * maxY); + + element.style.transform = `translate(${randomX}px, ${randomY}px)`; + }; + + const person1Element = container.querySelector(".person1"); + const person2Element = container.querySelector(".person2"); + setInitialRandomPosition(person1Element); + setInitialRandomPosition(person2Element); + + const movePersonsRandomly = () => { + moveRandomly(person1Element); + setTimeout(() => { + moveRandomly(person2Element); + }, 3000); + }; + + movePersonsRandomly(); + + const intervalId = setInterval(movePersonsRandomly, 6000); + + return () => clearInterval(intervalId); + } + }, [props.cursor]); + function mouseEnterEvent() { + setWaveStart(true); + setTimeout(() => { + setWaveStart(false); + }, 1000); + } + function mouseLeaveEvent() { + setWaveStart(false); + } const style = { cursor: props.show_custom_cursor ? `url(${cursor}), auto` : "", }; - return ( - <> - - -

{props.title}

-

{props.desc}

- Learn more → -
- - {props.show_custom_cursor ? ( + + +

{props.title}

+

{props.desc}

+ Learn more → +
+ {props.animationOne ? ( + + + {waveStart && ( + + )} + + + + + + image - ) : ( + +
+ ) : ( + + + {waveStart && ( + + )} + + + + + + image - )} - -
- + + + )} + ); }; - export default Features; diff --git a/src/components/Features/style.js b/src/components/Features/style.js index f6760b7f4ba0..e683a652283a 100644 --- a/src/components/Features/style.js +++ b/src/components/Features/style.js @@ -1,103 +1,130 @@ -import styled from "styled-components"; +import styled, { keyframes } from "styled-components"; export const Container = styled.div` - border-radius: 1rem; - border: 2px solid ${props => props.theme.primaryLightColor}; - background: ${props => props.theme.grey191919ToGreyFAFAFA}; - position: relative; - display: flex; - align-items: center; - overflow: hidden; - margin-bottom: 4rem; - @media screen and (max-width: 968px) { - flex-direction: column-reverse; - margin-bottom: 2rem; + border-radius: 1rem; + background: ${(props) => props.theme.grey191919ToGreyF2F5F7}; + position: relative; + display: flex; + align-items: center; + overflow: hidden; + margin-bottom: 4rem; + @media screen and (max-width: 968px) { + flex-direction: column-reverse; + margin-bottom: 2rem; + } + @keyframes waveAnimation { + 0%, + 100% { + transform: scale(1) rotate(0deg); } -`; - -export const ContentWrapper = styled.div` - position: relative; - flex: 1; - padding: 2rem 1rem 2rem 3rem; - .text { - color: ${props => props.theme.greyA0AAAAToGrey666666}; - margin-top: 0.75rem; + 12.5% { + transform: scale(2.25) rotate(-15deg); } - - @media screen and (max-width: 968px) { - width: 100%; - padding: 0 2rem 2rem; + 37.5% { + transform: scale(2.5) rotate(15deg); } - - @media screen and (max-width: 500px) { - padding: 0 1rem 1rem; - + 62.5% { + transform: scale(3) rotate(-15deg); } + 87.5% { + transform: scale(2.5) rotate(15deg); + } + } + + .waveAnimation { + transition: 1s ease; + animation: waveAnimation 1s steps(50) infinite; + transform-origin: 50% 100%; + animation-timing-function: ease-in-out; + -webkit-animation-timing-function: ease-in-out; + } +`; +export const SvgRandomWrapper = styled.div` + position: absolute; + z-index: 1; +`; +export const ContentWrapper = styled.div` + position: relative; + flex: 1; + padding: 2rem 1rem 2rem 3rem; + .text { + color: ${(props) => props.theme.greyA0AAAAToGrey666666}; + margin-top: 0.75rem; + } + + @media screen and (max-width: 968px) { + width: 100%; + padding: 0 2rem 2rem; + } + + @media screen and (max-width: 500px) { + padding: 0 1rem 1rem; + } `; export const ImageWrapper = styled.div` - position: relative; - flex: 1.5; - transform: perspective(1000px) scale(1.2) translate(120px, 50px) rotateY(-25deg) rotateZ(4deg); - transition: transform 1s ease 0s; - - & > img { - width: 100%; - height: 100%; - object-fit: contain; - } + position: relative; + flex: 1.5; + transform: perspective(1000px) scale(1.2) translate(120px, 50px) + rotateY(-25deg) rotateZ(4deg); + transition: transform 1s ease 0s; + + & > img { + width: 100%; + height: 100%; + object-fit: contain; + } + + &:hover { + transform: translate(0px, 0px) rotateY(0deg) rotateZ(0deg); + } + + @media screen and (max-width: 968px) { + padding: 1rem; + transform: perspective(1000px) scale(1.1) translate(150px, 0px) + rotateY(-25deg) rotateZ(4deg); &:hover { - transform: translate(0px, 0px) rotateY(0deg) rotateZ(0deg); + transform: translate(0px, 0px) rotateY(0deg) rotateZ(0deg); } + } - @media screen and (max-width: 968px) { - padding: 1rem; - transform: perspective(1000px) scale(1.1) translate(150px, 0px) rotateY(-25deg) rotateZ(4deg); - - &:hover { - transform: translate(0px, 0px) rotateY(0deg) rotateZ(0deg); - } - - } - - @media screen and (max-width: 500px) { - transform: translate(0, 0) rotateY(0deg); - &:hover { - transform: translate(0, 0) rotateY(0deg) rotateZ(0deg); - } + @media screen and (max-width: 500px) { + transform: translate(0, 0) rotateY(0deg); + &:hover { + transform: translate(0, 0) rotateY(0deg) rotateZ(0deg); } + } `; export const ImageWrapperTwo = styled.div` - position: relative; - flex: 1.5; - transform: translate(170px, 0px); - transition: transform 1s ease 0s; - - & > img { - width: 100%; - height: 100%; - object-fit: contain; - } + position: relative; + flex: 1.5; + transform: translate(170px, 0px); + transition: transform 1s ease 0s; - &:hover { - transform: translate(0px, 0px); - } + & > img { + width: 100%; + height: 100%; + object-fit: contain; + } - @media screen and (max-width: 968px) { - padding: 1rem; - transform: translate(160px, 0px); + &:hover { + transform: translate(0px, 0px); + } - &:hover { - transform: translate(0px, 0px); - } + @media screen and (max-width: 968px) { + padding: 1rem; + transform: translate(160px, 0px); + &:hover { + transform: translate(0px, 0px); } + } - @media screen and (max-width: 500px) { - transform: translate(0, 0) rotateY(0deg); - &:hover { - transform: translate(0, 0); - } + @media screen and (max-width: 500px) { + transform: translate(0, 0) rotateY(0deg); + &:hover { + transform: translate(0, 0); } -`; \ No newline at end of file + } +`; diff --git a/src/components/image.js b/src/components/image.js index d7f5dc20f598..8902f5e17418 100644 --- a/src/components/image.js +++ b/src/components/image.js @@ -12,7 +12,7 @@ const Image = ({ childImageSharp, extension, publicURL, alt, ...rest }) => { } return ; + key={publicURL} image={childImageSharp?.gatsbyImageData} {...rest} alt={alt}/>; }; export default Image; diff --git a/src/pages/index.js b/src/pages/index.js index 14b779a50ab5..6650a5a70d03 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -11,7 +11,7 @@ const SubscribeSection = loadable(() => import("../sections/subscribe/subscribe" const ServiceMeshFocussed = loadable(() => import("../sections/Home/Service-mesh-focussed")); import CaseStudyBanner from "../components/Case-study-banner"; - +const EngineerEnabler = loadable(() => import("../sections/Home/Engineer-enabler")); const SoSpecial = loadable(() => import("../sections/Home/So-Special-Section")); const MesheryIntegration = loadable(() => import("../sections/Meshery/Meshery-integrations")); const FeaturesContainer = loadable(() => import("../sections/Home/FeaturesContainer")); @@ -41,7 +41,7 @@ const IndexPage = () => { {/* */} {/* */} - + {/* */} {/* */} diff --git a/src/pages/whiteboard/index.js b/src/pages/whiteboard/index.js index 27f65dc265a8..91985c394788 100644 --- a/src/pages/whiteboard/index.js +++ b/src/pages/whiteboard/index.js @@ -1,9 +1,16 @@ import React from "react"; +import loadable from "@loadable/component"; + import Whiteboard from "../../sections/Whiteboard"; +// const ServiceMeshFocussed = loadable(() => import("../sections/Home/Service-mesh-focussed")); +import ServiceMeshFocused from "../../sections/Home/Service-mesh-focussed"; const WhiteboardPage = () => { return ( - + <> + + + ); }; diff --git a/src/sections/Comments/index.js b/src/sections/Comments/index.js index 0d8fa5c21523..ebba44dd78fe 100644 --- a/src/sections/Comments/index.js +++ b/src/sections/Comments/index.js @@ -1,6 +1,7 @@ import React from "react"; import { Container } from "../../reusecore/Layout"; import comments_svg from "../../assets/images/comments/comment.svg"; +import Partners from "../Home/Partners-home"; import SeeYou from "../SeeYou"; import FeatureHero from "../FeatureHero"; import FeatureUseCard from "../../components/FeatureUseCard"; @@ -50,6 +51,7 @@ const Comments = () => { + diff --git a/src/sections/Community/Handbook/repository.js b/src/sections/Community/Handbook/repository.js index 0f96392a6a6c..353a8eff9716 100644 --- a/src/sections/Community/Handbook/repository.js +++ b/src/sections/Community/Handbook/repository.js @@ -179,7 +179,7 @@ const Repository = () => { > github-icon -
{ accessRequired != "" ? accessRequired : ""}
+
{ accessRequired != "" ? accessRequired : ""}
diff --git a/src/sections/Community/Handbook/writing-program/content-form.js b/src/sections/Community/Handbook/writing-program/content-form.js index 8c4858540e85..7f3229a14988 100644 --- a/src/sections/Community/Handbook/writing-program/content-form.js +++ b/src/sections/Community/Handbook/writing-program/content-form.js @@ -24,7 +24,7 @@ const ContentForm = () => { useEffect(() => { if (submit) { - axios.post("https://hook.us1.make.com/r5qgpjel5tlhtyndcgjvkrdkoc65417y", { + axios.post("https://hook.us1.make.com/x4crqi16j8wfhctosk8y47fj6gknyvvh", { memberFormOne, }); } diff --git a/src/sections/FeatureHero/featureHero.style.js b/src/sections/FeatureHero/featureHero.style.js index 1ff379a55fdd..4afa7c6856e1 100644 --- a/src/sections/FeatureHero/featureHero.style.js +++ b/src/sections/FeatureHero/featureHero.style.js @@ -4,9 +4,8 @@ const FeatureHeroWrapper = styled.div` .heading-container { z-index: 3; width: 100%; - overflow: hidden; position: relative; - padding: 100px 50px 0 50px ; + padding: 100px 0 70px; .section-title { text-align: left; @@ -14,27 +13,29 @@ const FeatureHeroWrapper = styled.div` .whiteboard-image{ perspective: 1000px; + padding: 0 1rem; + &>img { + width: 100%; + margin: 2rem auto; + } } #whiteboard-svg { transition: transform 0.3s ease-out; transform-origin: top center; - min-width: 400px; - } - - h2 { - margin: 0 0 10px 0; } .whiteboard-heading { color: ${props => props.theme.whiteToBlack} !important; + text-align: center; + font-size: 4rem; + font-weight: 600; + max-width: 768px; + margin: 0 auto; + padding: 0 1rem; } .heading-image { - display: flex; - flex-direction: row; - align-items: flex-start; - justify-content: center; margin: 0 auto; } @@ -55,24 +56,40 @@ const FeatureHeroWrapper = styled.div` } .whiteboard-text { - color: ${props => props.theme.greyA0AAAAToGrey666666} + color: ${props => props.theme.greyA0AAAAToGrey666666}; + text-align: center; + font-size: 1.75rem; + line-height: 2.4rem; + max-width: 600px; + margin: 1rem auto; + padding: 0 1rem } - @media (max-width: 500px) { - .heading-image { - align-items: center; - justify-content: center; - flex-wrap: wrap; + @media (max-width: 768px) { + .whiteboard-heading{ + font-size: 2.75rem !important; } + .whiteboard-text { + font-size: 1.25rem; + line-height: 1.5rem; + } + } + @media (max-width: 500px) { .section-title { margin-bottom: 1rem; text-align: center !important; } .whiteboard-heading{ - font-size: 2rem; + font-size: 2rem !important; } + + .whiteboard-text { + font-size: 1rem; + line-height: 1.2rem; + } + } `; diff --git a/src/sections/FeatureHero/index.js b/src/sections/FeatureHero/index.js index 220528fbbccc..92c2da23174d 100644 --- a/src/sections/FeatureHero/index.js +++ b/src/sections/FeatureHero/index.js @@ -1,6 +1,4 @@ import React, { useEffect } from "react"; -import SectionTitle from "../../reusecore/SectionTitle"; -import whiteboard_svg from "../../assets/images/whiteboard/whiteboard.svg"; import FeatureHeroWrapper from "./featureHero.style"; import { Container } from "../../reusecore/Layout"; @@ -11,7 +9,7 @@ const FeatureHero = (props) => { const handleScroll = () => { const scrollPosition = window.scrollY; - const translateY = -scrollPosition / 2.5; + const translateY = -scrollPosition / 16; scrollingImage.style.transform = `rotateX(${translateY}deg)`; }; @@ -26,16 +24,14 @@ const FeatureHero = (props) => { return ( -
- -

- {props.data.heading} -

- {props.data.sub_heading} -
-
- {""}/ -
+
+

+ {props.data.heading} +

+

{props.data.sub_heading}

+
+
+ {""}
diff --git a/src/sections/Home/FeaturesContainer/images/commenting-white.svg b/src/sections/Home/FeaturesContainer/images/commenting-white.svg new file mode 100644 index 000000000000..615633b60a47 --- /dev/null +++ b/src/sections/Home/FeaturesContainer/images/commenting-white.svg @@ -0,0 +1,479 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/sections/Home/FeaturesContainer/images/commenting.svg b/src/sections/Home/FeaturesContainer/images/commenting.svg index 85804e764c97..30657bed4a2f 100644 --- a/src/sections/Home/FeaturesContainer/images/commenting.svg +++ b/src/sections/Home/FeaturesContainer/images/commenting.svg @@ -1,133 +1,352 @@ - + - - - + + + - - + + - - - + + + - - + + - + - + - - + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - - + + - + @@ -135,9 +354,9 @@ - + - + @@ -145,9 +364,9 @@ - + - + @@ -155,54 +374,106 @@ - + - - - - + - - + + - - + + - + + + + + + + + + + + + + + + - + - + - + - + - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - + + - - + + - - + + - - + diff --git a/src/sections/Home/FeaturesContainer/images/whiteboarding-light.svg b/src/sections/Home/FeaturesContainer/images/whiteboarding-light.svg index 1d3034209278..1bb9df3d4314 100644 --- a/src/sections/Home/FeaturesContainer/images/whiteboarding-light.svg +++ b/src/sections/Home/FeaturesContainer/images/whiteboarding-light.svg @@ -1,197 +1,200 @@ - + - - - - - - + + + + + + - - - + + + - - + + - + - + - - - - + + + + - + - - - - - - - - + + + + + + + + - - + + - - - + + + - - + + - - - + + + - - - - + + + + - - - - - - - - - + + + + + + + + + - - - - - - - - + + + + + + + + - - - - - - - - - + + + + + + + + + - - - - - - - - + + + + + + + + - - + + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + - - - - - - - - - - - + + + + + + - - - - - - + + - - + + + + + + + + - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - + + - + @@ -199,9 +202,9 @@ - + - + @@ -209,9 +212,9 @@ - + - + @@ -219,84 +222,84 @@ - + - + - + - - + + - + - - + + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - + diff --git a/src/sections/Home/FeaturesContainer/images/whiteboarding.svg b/src/sections/Home/FeaturesContainer/images/whiteboarding.svg index 1d3034209278..a4f879ba02d0 100644 --- a/src/sections/Home/FeaturesContainer/images/whiteboarding.svg +++ b/src/sections/Home/FeaturesContainer/images/whiteboarding.svg @@ -32,156 +32,159 @@ - - + + - - - + + + - + - - + + - - + + - - + + - - + + - - + + - + - - - - - - - - - + + + + + + + + + - - + + - - - + + + - - - - - - + + + + + + - - + + - - - - - - + + + + + + - + - + - + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + - - - + + + - + - - - - - - - - + + + + + + + + - - + + - - - + + + - + - - - - - - - - + + + + + + + + + + + @@ -224,7 +227,7 @@ - + @@ -234,7 +237,7 @@ - + @@ -262,40 +265,40 @@ - + - + - + - + - + - + - + - + - + - + - + - + diff --git a/src/sections/Home/FeaturesContainer/index.js b/src/sections/Home/FeaturesContainer/index.js index 4c019281f7e3..4ddb93827090 100644 --- a/src/sections/Home/FeaturesContainer/index.js +++ b/src/sections/Home/FeaturesContainer/index.js @@ -4,7 +4,8 @@ import React from "react"; import Features from "../../../components/Features/index.js"; import WhiteboardingImage from "./images/whiteboarding.svg"; import WhiteboardingImageLight from "./images/whiteboarding-light.svg"; -import CommentingImage from "./images/commenting.svg"; +import CommentingImageDark from "./images/commenting.svg"; +import CommentingImageLight from "./images/commenting-white.svg"; // Named imports import { Container } from "./style.js"; import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode.js"; @@ -16,17 +17,35 @@ const FeaturesContainer = () => { return ( <> -

Deploy faster together with complete Confidence

-

Give your team full application visibility at every layer so the team can ship, refactor and onboard faster.

+

+ Deploy faster together with Confidence +

+

+ Give your team full application visibility at every layer so the team + can ship, refactor and onboard faster. +

{/* Tools to help you scale your cloud native infrastructure */} - + {/* Elevate teamwork with integrated communication channels, ensuring efficient and secure project success. */} - +
{/* a suite of annotation and visualization tools, allowing users to draw, annotate, and collaborate in real-time on their cloud native designs. */} ); }; - -export default FeaturesContainer; \ No newline at end of file +export default FeaturesContainer; diff --git a/src/sections/Home/FeaturesContainer/style.js b/src/sections/Home/FeaturesContainer/style.js index 1ada9423a6d9..89ac1acede37 100644 --- a/src/sections/Home/FeaturesContainer/style.js +++ b/src/sections/Home/FeaturesContainer/style.js @@ -7,9 +7,12 @@ export const Container = styled.div` .title { text-transform: capitalize; text-align: center; - /* span { - background-color: ${(props) => props.theme.secondaryColor}; - } */ + font-weight: 400; + color: ${props => props.theme.greyDEE3DEToGreen3C494F}; + span { + color: ${(props) => props.theme.text}; + font-weight: 700; + } } .subtitle { diff --git a/src/sections/Home/Partners-home/index.js b/src/sections/Home/Partners-home/index.js index d4149d50fa83..3dd2b0183d19 100644 --- a/src/sections/Home/Partners-home/index.js +++ b/src/sections/Home/Partners-home/index.js @@ -9,6 +9,8 @@ import "slick-carousel/slick/slick.css"; import "slick-carousel/slick/slick-theme.css"; const settings = { + initialSlide: 1, + lazyLoad: true, arrows: false, dots: true, infinite: true, diff --git a/src/sections/Home/So-Special-Section/index.js b/src/sections/Home/So-Special-Section/index.js index 52bcdafd65b3..a3d9b4d14a35 100644 --- a/src/sections/Home/So-Special-Section/index.js +++ b/src/sections/Home/So-Special-Section/index.js @@ -113,8 +113,15 @@ const SoSpecial = () => {
@@ -100,7 +100,7 @@ const PlaygroundFeatures = () => {

Brainstorm with Comments

Playground’s Designer Mode offers a powerful collaboration feature through comments.
-
diff --git a/src/sections/Whiteboard/index.js b/src/sections/Whiteboard/index.js index c69a67fb7b30..18478c5f48c0 100644 --- a/src/sections/Whiteboard/index.js +++ b/src/sections/Whiteboard/index.js @@ -1,7 +1,7 @@ import React from "react"; import WhiteboardWrapper from "./whiteboard.style"; import { Container } from "../../reusecore/Layout"; -import whiteboard_svg from "../../assets/images/whiteboard/whiteboard.svg"; +import whiteboard_svg from "../../assets/images/whiteboard/whiteboard.png"; import Partners from "../Home/Partners-home"; import SeeYou from "../SeeYou"; import FeatureHero from "../FeatureHero"; @@ -11,7 +11,7 @@ import use_case_2 from "../../assets/images/whiteboard/use-case-2.png"; import use_case_3 from "../../assets/images/whiteboard/use-case-3.png"; let data = { - heading: "Whiteboarding", + heading: "Beautify your infra with Whiteboarding", sub_heading: "All-in-one markdown editor, collaborative canvas, and diagram-as-code builder", image: whiteboard_svg }; @@ -23,12 +23,12 @@ let card_data = [ image: use_case_1 }, { - heading: "Text Annotation", + heading: "Add notes for colleagues", subtitle: "Text annotations come with various options. Customize fonts, sizes, alignments, and styles easily", image: use_case_2 }, { - heading: "Interactive Tooltip Interface", + heading: "Direct customization from canvas", subtitle: "The tooltip serves as your gateway to customization, providing a simple and intuitive experience by offering a range of editing options upon selection.", image: use_case_3 }, @@ -38,8 +38,7 @@ let card_data = [ const Whiteboard = () => { return ( - - +
@@ -48,12 +47,13 @@ const Whiteboard = () => {
{card_data.map((x) => ( - + ))}
- + +
); }; diff --git a/src/theme/app/themeStyles.js b/src/theme/app/themeStyles.js index 851543f9b102..cf22c314a768 100644 --- a/src/theme/app/themeStyles.js +++ b/src/theme/app/themeStyles.js @@ -128,6 +128,7 @@ const lighttheme = { grey141714ToGreenEBFCF8: "#EBFCF8", grey151515OneToWhiteOne: "rgb(255 255 255 / 0.1)", grey191919ToGreyFAFAFA: "#FAFAFA", + grey191919ToGreyF2F5F7: "#F2F5F7", grey1D1817ToGreyE6E6E6: "#E6E6E6", grey1D1D1DToGreyFAFAFA: "#FAFAFA", grey1D1D1DToLinear2: "linear-gradient(123deg, white 60%, white 100%)", @@ -358,6 +359,7 @@ export const darktheme = { grey141714ToGreenEBFCF8: "#141714", grey151515OneToWhiteOne: "rgb(21 21 21 / 0.1)", grey191919ToGreyFAFAFA: "#191919", + grey191919ToGreyF2F5F7: "#191919", grey1D1817ToGreyE6E6E6: "#1D1817", grey1D1D1DToGreyFAFAFA: "#1D1D1D", grey1D1D1DToLinear2: "#1D1D1D",