Merge branch 'master' into button-scroll

Author: Namanv0509

fonts.css

@@ -145,4 +145,27 @@
     font-weight: 100;
     font-style: italic;
     font-display: swap;
+}
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-Regular.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-SemiBold.ttf") format("truetype");
+}
+
+@font-face {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./static/fonts/open-sans/OpenSans-Bold.ttf") format("truetype");
 }

package-lock.json

@@ -98,7 +98,7 @@
     "react-honeycomb": "^0.1.3",
     "react-intersection-observer": "^9.5.2",
     "react-loadable": "^5.5.0",
-    "react-modal": "^3.16.1",
+    "react-modal": "^3.16.3",
     "react-player": "^2.12.0",
     "react-scroll": "^1.9.0",
     "react-select": "^5.10.0",

package.json

@@ -0,0 +1,33 @@
+---
+title: Knative Eventing
+subtitle: Collaborative and visual infrastructure as design for Knative Eventing
+integrationIcon: icons/color/knative-eventing-color.svg
+darkModeIntegrationIcon: icons/white/knative-eventing-white.svg
+docURL: https://docs.meshery.io/extensibility/integrations/knative-eventing
+description: 
+category: Serverless
+subcategory: App Integration
+registrant: GitHub
+components: []
+featureList: [
+  "Provides building blocks for serverless",
+  "Simplifies event-driven architecture",
+  "Integrates with Kubernetes resources"
+]
+workingSlides: [
+  ../_images/kanvas-visualizer.png,
+  ../_images/kanvas-designer.png
+]
+howItWorks: "Integrates Knative components"
+howItWorksDetails: "Streamlined serverless development on Kubernetes"
+published: TRUE
+---
+<p>
+
+</p>
+<p>
+    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.
+</p>
+<p>
+    Looking for best practice cloud native design and deployment best practices? Choose from thousands of pre-built components in Kanvas. Choose from hundreds of ready-made design patterns by importing templates from Meshery Catalog or use our low code designer, Kanvas, to create and deploy your own cloud native infrastructure designs.
+</p>

src/collections/integrations/knative-eventing/icons/color/knative-eventing-color.svg

@@ -7,80 +7,8 @@ docURL: https://docs.meshery.io/extensibility/integrations/knative-serving
 description: 
 category: Serverless
 subcategory: Installable Platform
-registrant: Artifact Hub
-components: [
-{
-"name": "certificate",
-"colorIcon": "icons/components/certificate/icons/color/certificate-color.svg",
-"whiteIcon": "icons/components/certificate/icons/white/certificate-white.svg",
-"description": "",
-},
-{
-"name": "configuration",
-"colorIcon": "icons/components/configuration/icons/color/configuration-color.svg",
-"whiteIcon": "icons/components/configuration/icons/white/configuration-white.svg",
-"description": "",
-},
-{
-"name": "cluster-domain-claim",
-"colorIcon": "icons/components/cluster-domain-claim/icons/color/cluster-domain-claim-color.svg",
-"whiteIcon": "icons/components/cluster-domain-claim/icons/white/cluster-domain-claim-white.svg",
-"description": "",
-},
-{
-"name": "domain-mapping",
-"colorIcon": "icons/components/domain-mapping/icons/color/domain-mapping-color.svg",
-"whiteIcon": "icons/components/domain-mapping/icons/white/domain-mapping-white.svg",
-"description": "",
-},
-{
-"name": "ingress",
-"colorIcon": "icons/components/ingress/icons/color/ingress-color.svg",
-"whiteIcon": "icons/components/ingress/icons/white/ingress-white.svg",
-"description": "",
-},
-{
-"name": "metric",
-"colorIcon": "icons/components/metric/icons/color/metric-color.svg",
-"whiteIcon": "icons/components/metric/icons/white/metric-white.svg",
-"description": "",
-},
-{
-"name": "pod-autoscaler",
-"colorIcon": "icons/components/pod-autoscaler/icons/color/pod-autoscaler-color.svg",
-"whiteIcon": "icons/components/pod-autoscaler/icons/white/pod-autoscaler-white.svg",
-"description": "",
-},
-{
-"name": "revision",
-"colorIcon": "icons/components/revision/icons/color/revision-color.svg",
-"whiteIcon": "icons/components/revision/icons/white/revision-white.svg",
-"description": "",
-},
-{
-"name": "route",
-"colorIcon": "icons/components/route/icons/color/route-color.svg",
-"whiteIcon": "icons/components/route/icons/white/route-white.svg",
-"description": "",
-},
-{
-"name": "serverless-service",
-"colorIcon": "icons/components/serverless-service/icons/color/serverless-service-color.svg",
-"whiteIcon": "icons/components/serverless-service/icons/white/serverless-service-white.svg",
-"description": "",
-},
-{
-"name": "service",
-"colorIcon": "icons/components/service/icons/color/service-color.svg",
-"whiteIcon": "icons/components/service/icons/white/service-white.svg",
-"description": "",
-},
-{
-"name": "image",
-"colorIcon": "icons/components/image/icons/color/image-color.svg",
-"whiteIcon": "icons/components/image/icons/white/image-white.svg",
-"description": "",
-}]
+registrant: GitHub
+components: []
 featureList: [
   "Auto-scaling based on demand",
   "Request-based routing",

src/collections/integrations/knative-eventing/icons/white/knative-eventing-white.svg

@@ -0,0 +1,17 @@
+import React from "react";
+
+import SEO from "../../../components/seo";
+
+import Solutions from "../../../sections/Solutions/index";
+
+const SolutionsPage = () => {
+  return (
+    <>
+      <Solutions/>
+    </>
+  );
+};
+export default SolutionsPage;
+export const Head = () => {
+  return <SEO title="Solutions" description="Collaboratively design and manage your Kubernetes workloads and Cloud services, infrastructure, and cloud native apps. Confidently configure your systems with Kanvas's visual topology and built-in design patterns." />;
+};

src/collections/integrations/knative-eventing/index.mdx

@@ -37,7 +37,7 @@ const TutorialsTable = () => {
               {value}
               {isNew && (
                 <img
-                  src="/images/new-badge.webp"
+                  src="/images/new-badge.png"
                   alt="New"
                 />
               )}

src/collections/integrations/knative-serving/index.mdx

@@ -215,7 +215,7 @@ const Footer = ({ location }) => {
               </div>
               <div className="footer-sections odd-col">
                 <h3 className="section-title">
-                  <Link className="title-link" to="/kanvas">
+                  <Link className="title-link" to="/cloud-native-management/solutions">
                     SOLUTIONS
                   </Link>
                 </h3>