Merge branch 'layer5io:master' into internships-brand-responsive#5997

src/collections/integrations/crossplane/index.mdx

@@ -98,6 +98,12 @@ components: [
 "colorIcon": "icons/components/store-config/icons/color/store-config-color.svg",
 "whiteIcon": "icons/components/store-config/icons/white/store-config-white.svg",
 "description": "",
+},
+{
+"name": "image-config",
+"colorIcon": "icons/components/image-config/icons/color/image-config-color.svg",
+"whiteIcon": "icons/components/image-config/icons/white/image-config-white.svg",
+"description": "",
 }]
 featureList: [
   "Highly extensible backend that enables you to orchestrate applications and infrastructure no matter where they run.",

src/pages/projects/sistent/components/container/code.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { ContainerCode } from "../../../../../sections/Projects/Sistent/components/container/code";
+
+const ContainerCodePage = () => {
+  return <ContainerCode />;
+};
+
+export default ContainerCodePage;

src/pages/projects/sistent/components/container/guidance.js

@@ -0,0 +1,8 @@
+import React from "react";
+import { ContainerGuidancePage } from "../../../../../sections/Projects/Sistent/components/container/guidance";
+
+const LinkGuidance = () => {
+  return <ContainerGuidancePage />;
+};
+
+export default LinkGuidance;

src/pages/projects/sistent/components/container/index.js

@@ -0,0 +1,8 @@
+import React from "react";
+import SistentContainer from "../../../../../sections/Projects/Sistent/components/container/index";
+
+const SistentContainerPage = () => {
+  return <SistentContainer />;
+};
+
+export default SistentContainerPage;

src/sections/Community/Handbook/repo-data.js

@@ -19,7 +19,7 @@ import appmeshLogo from "../../../assets/images/service-mesh-icons/aws-app-mesh.
 import ciliumLogo from "../../../assets/images/service-mesh-icons/cilium.svg";
 import wasm from "../../../assets/images/webassembly/webssembly_icon.svg";
 import recognitionLogo from "../../../assets/images/recognition-program/recognition-program.png";
-import kanvasLogo from "../../../assets/images/kanvas-snapshot/kanvas-snapshot.svg";
+import kanvasLogo from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 
 export const repo_data = [
   {
@@ -85,7 +85,7 @@ export const repo_data = [
       },
       {
         project: "Kanvas",
-        image: meshery,
+        image: kanvasLogo,
         site: "/cloud-native-management/kanvas",
         language: "React.js, Cytoscape.js",
         maintainers_name: ["Aabid Sofi"],
@@ -324,7 +324,7 @@ export const repo_data = [
       },
       {
         project: "Helm Kanvas Snapshot",
-        image: meshery,
+        image: kanvasLogo,
         language: "Golang",
         maintainers_name: ["Vacant"],
         link: [""],

src/sections/Community/Web-based-from/index.js

@@ -66,7 +66,7 @@ const WebBasedForm = () => {
 
   useEffect(() => {
     if (submit) {
-      axios.post("https://hook.us1.make.com/bmmi8btg3xb2fmx6kcavxmtf0a3uame2", {
+      axios.post("https://hook.us1.make.com/v66ana9yf3w11k4a1rf3epwquur1s9rd", {
         memberFormOne,
         MemberFormThirdValue,
         MemberFormFourValue,

src/sections/Company/News-grid/NewsGrid.style.js

@@ -96,13 +96,5 @@ export const NewsPageWrapper = styled.div`
         }
         
     }
-    .search-box {
-        margin: auto;
-        input {
-            background-color: ${props => props.theme.shadowDarkColor}!important;
-            color: ${props => props.theme.text};
-            transition: all 450ms ease 0s;
-        }
-    }
 
 `;

src/sections/General/Navigation/index.js

@@ -9,7 +9,7 @@ import { useStyledDarkMode } from "../../../theme/app/useStyledDarkMode";
 import axios from "axios";
 // import smp_dark_text from "../../../assets/images/service-mesh-performance/stacked/smp-dark-text.svg";
 // import smp_light_text from "../../../assets/images/service-mesh-performance/stacked/smp-light-text.svg";
-import kanvas_dark from "../../../assets/images/kanvas/icon-only/kanvas-icon-white.svg";
+import kanvas_color from "../../../assets/images/kanvas/icon-only/kanvas-icon-color.svg";
 import meshery from "../../../assets/images/meshery/icon-only/meshery-logo-light.svg";
 import Data from "./utility/menu-items.js";
 import ScrollspyMenu from "./utility/ScrollspyMenu.js";
@@ -144,7 +144,7 @@ const Navigation = () => {
       {
         frontmatter: {
           thumbnail: {
-            img: kanvas_dark,
+            img: kanvas_color,
           },
           title: "Kanvas, collaborative infrastructure management",
         },

src/sections/Kanvas/kanvas-cta/index.js

@@ -3,7 +3,6 @@ import styled from "styled-components";
 
 import { Container } from "../../../reusecore/Layout";
 import Locator from "./locator.svg";
-import MesherySurface from "./meshery-surface.svg";
 import Button from "../../../reusecore/Button";
 
 const KanvasCTAWrapper = styled.div`
@@ -17,10 +16,6 @@ const KanvasCTAWrapper = styled.div`
   margin: 2rem auto;
   align-items: center;
   
-  .surface {
-    width: 60%;
-    min-width: 160px;
-  }
   .rotate{
     animation: coin-rotate 4s ease-in-out infinite alternate;
     /* animation-fill-mode: both; */
@@ -59,9 +54,7 @@ const KanvasCTAWrapper = styled.div`
 
   @media screen and (max-width:767px) {
     display: block;
-    .surface {
-      width: 30%;
-    }
+  
     .rotate {
       margin: 0 auto 0.25rem;
       height: 12rem;
@@ -97,7 +90,6 @@ const KanvasCTA = () => {
         <div className="CTAbody">
           <div>
             <img className="rotate" src={Locator} />
-            <img className="surface" src={MesherySurface} />
           </div>
           <div className="text">
             <h2><span>Kanvas</span> is here!</h2>

src/sections/Meshery/Meshery-integrations/Integration.style.js

@@ -16,6 +16,17 @@ export const HoneycombGrid = styled.div`
     }
   }
 
+  .search-box {
+        input {
+        border: 1px solid ${props => props.theme.headingColor} !important;
+        
+        &:focus {
+            border-color: #fff !important;
+            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
+        }
+    }
+  }
+  
   .category {
     display: flex;
     flex-wrap: wrap;