Merge branch 'master' into enhancement/6444-kanvas-page-popup

Author: saurabhraghuvanshii

src/collections/integrations/k8s-config-connector/icons/components/iam-deny-policy/icons/color/iam-deny-policy-color.svg

@@ -2678,6 +2678,12 @@ components: [
 "colorIcon": "icons/components/billing-account/icons/color/billing-account-color.svg",
 "whiteIcon": "icons/components/billing-account/icons/white/billing-account-white.svg",
 "description": "",
+},
+{
+"name": "iam-deny-policy",
+"colorIcon": "icons/components/iam-deny-policy/icons/color/iam-deny-policy-color.svg",
+"whiteIcon": "icons/components/iam-deny-policy/icons/white/iam-deny-policy-white.svg",
+"description": "",
 }]
 featureList: [
   "Provides a wide range of cloud services",

src/collections/integrations/k8s-config-connector/icons/components/iam-deny-policy/icons/white/iam-deny-policy-white.svg

@@ -11,6 +11,7 @@ badges:
   - community
 emeritus: yes
 blurb: Mesh Head
+meshmate: yes
 status: Inactive
 published: true
 ---

src/collections/integrations/k8s-config-connector/index.mdx

@@ -11,7 +11,7 @@ const Footer = ({ location }) => {
   var currentYear = new Date().getFullYear();
 
   const getUrl = (pathname) => {
-    //remove ".html" that results in live production build
+    // remove ".html" that results in live production build
     if (pathname.endsWith(".html")) {
       pathname = pathname.replace(".html", "");
     }
@@ -28,6 +28,7 @@ const Footer = ({ location }) => {
       "/resources",
       "/learn",
     ];
+
     const test = {
       mdx: function (path) {
         let returnPath = "";
@@ -50,22 +51,36 @@ const Footer = ({ location }) => {
           }) && `src/collections${returnPath}`
         );
       },
+
       learningPath: function (path) {
         return (
           path.startsWith("/learn/learning-paths/") &&
           `content-learn${pathname.replace("learn/learning-paths/", "")}`
         );
       },
+
+      communityMember: function (path) {
+        if (path.startsWith("/community/members/")) {
+          const memberId = path.replace("/community/members/", "");
+          return `src/collections/members/${memberId}/index.mdx`;
+        }
+        return null;
+      },
     };
 
+    if (pathname.startsWith("/community/handbook/")) {
+      const page = pathname.replace("/community/handbook/", "");
+      return `https://github.com/layer5io/layer5/blob/master/src/pages/community/handbook/${page}.js`;
+    }
+
     return test.mdx(pathname)
       ? `https://github.com/layer5io/layer5/tree/master/${test.mdx(pathname)}`
       : test.learningPath(pathname)
-        ? `https://github.com/layer5io/layer5/tree/master/${test.learningPath(
-          pathname
-        )}`
-        : `https://github.com/layer5io/layer5/blob/master/src/pages${pathname == "/" ? "" : pathname
-        }${indexUrl.some((str) => pathname.endsWith(str)) ? "/index" : ""}.js`;
+        ? `https://github.com/layer5io/layer5/tree/master/${test.learningPath(pathname)}`
+        : test.communityMember(pathname)
+          ? `https://github.com/layer5io/layer5/blob/master/${test.communityMember(pathname)}`
+          : `https://github.com/layer5io/layer5/blob/master/src/pages${pathname == "/" ? "" : pathname
+          }${indexUrl.some((str) => pathname.endsWith(str)) ? "/index" : ""}.js`;
   };
 
   return (

src/collections/members/kelechi-nwachukwu/index.mdx

@@ -142,7 +142,15 @@ const Banner1SectionWrapper = styled.section`
         } 
      }
      @media only screen and (max-width: 760px) {
-        padding: 2rem 0;
+        min-height: 320px;
+        padding: 1.2rem 0 1.5rem 0;
+        .background-svg {
+            width: 7.2rem;
+            min-height: 9.6rem;
+            top: 10px;
+            right: -1.6rem;
+            opacity: 0.7;
+        }
         .section-title-wrapper {
             min-width: 100%;
         }
@@ -167,7 +175,15 @@ const Banner1SectionWrapper = styled.section`
         }
     }
     @media only screen and (max-width: 480px) {
-        padding: 2rem 0;
+        min-height: 220px;
+        padding: 0.7rem 0 1rem 0;
+        .background-svg {
+            width: 9.6rem;
+            min-height: 6.4rem;
+            top: 30px;
+            right: -2.88rem;
+            opacity: 0.5;
+        }
         .vintage-box{
             &:before{
                 content: none;

src/sections/General/Footer/index.js

@@ -107,10 +107,10 @@ const Banner2SectionWrapper = styled.section`
         } 
      }
      @media only screen and (max-width: 760px) {
-        padding: 2rem 0;
-        background-position: bottom 100px right 10px, bottom right;
-        background-size: 25%;
- 
+        min-height: 320px;
+        padding: 1.2rem 0 1.5rem 0;
+        background-position: bottom 60px right 5px, bottom right;
+        background-size: 2.88rem, 2.4rem;
         .section-title { 
             h1 { margin: 0rem; }
         }
@@ -127,10 +127,10 @@ const Banner2SectionWrapper = styled.section`
         
      }
      @media only screen and (max-width: 480px) {
-        padding: 2rem 0;
-        background-position: bottom 230px right 20px, bottom 180px right;
-        background-size: 20%;
-
+        min-height: 180px;
+        padding: 0.7rem 0 1rem 0;
+        background-position: bottom 30px right 2px, bottom 10px right;
+        background-size: 2.08rem, 1.6rem;
         .section-title{
             h1 {
                 font-size: 35px;
@@ -143,7 +143,7 @@ const Banner2SectionWrapper = styled.section`
                  content: none;
              }
          }
-		 }
+         }
 		 @media screen and (max-width: 402px) {
 			.banner-btn.one, .banner-btn.two 
 			{

src/sections/Home/Banner-1/banner1.style.js

@@ -221,6 +221,12 @@ const Banner1SectionWrapper = styled.section`
         }
     }
     @media only screen and (max-width: 767px) {
+        min-height: 320px;
+        padding: 1.2rem 0 1.5rem 0;
+        .video-wrapper {
+            width: 100%;
+            padding-bottom: 56.25%; /* Maintain 16:9 aspect ratio */
+        }
         .section-title-wrapper {
             min-width: 100%;
         }
@@ -251,6 +257,12 @@ const Banner1SectionWrapper = styled.section`
     }
     }
     @media only screen and (max-width: 480px) {
+        min-height: 180px;
+        padding: 0.7rem 0 1rem 0;
+        .video-wrapper {
+            width: 100%;
+            padding-bottom: 60%;
+        }
         padding: 2rem 0;
         .vintage-box{
             &:before{

src/sections/Home/Banner-2/banner2.style.js

@@ -107,7 +107,7 @@ const Pricing = () => {
       <div className="headers">
         <h1 className="header-heading">Plans For Every Team Size</h1>
 
-        <div style={{ display: "flex", "gap": "1rem", alignItems: "center", "justifyContent": "flex-end", width: "85%" }} >
+        <div className="header-controls" style={{ display: "flex", "gap": "1rem", alignItems: "center", "justifyContent": "flex-end", width: "85%" }} >
           <CurrencySelect currency={currency} setCurrency={setCurrency} />
 
           <Box sx={customToggleButtonStyles.container}>

src/sections/Home/Banner-4/banner4.style.js

@@ -20,10 +20,12 @@ const PricingWrapper = styled.section`
   @media (min-width: 2048px) {
     height: 30rem;
   }
+
   h1{
     margin-top: -2rem;
   }
 
+
  .header-svg {
     position: absolute;
     bottom: 0;
@@ -35,7 +37,21 @@ const PricingWrapper = styled.section`
     color: white;
     text-align: center;
   }
-}
+
+  @media (max-width: 383px){
+  height:27rem;
+
+  .header-controls{
+  flex-direction: column;
+  gap: 0rem;
+  } 
+
+  h1 {
+    margin-bottom: 1rem;
+  }
+ }
+
+} 
 
 .toggle-container {
   display: flex;
@@ -45,6 +61,11 @@ const PricingWrapper = styled.section`
   font-size: .9rem;
   gap: 10px;
   width: auto;
+
+  @media (max-width: 383px){
+  margin-top: 0rem;
+  }
+
 }
 
 .toggle {