Merge branch 'master' into renameOSM

src/collections/members/deepak-reddy/index.mdx

@@ -0,0 +1,12 @@
+---
+name: Deepak Reddy
+position: Contributor
+image_path: ./deepak-reddy.jpg
+github: deepak4566 
+twitter: DeepakR95448261
+linkedin: deepak4566
+bio: Deepak is an tech enthusiast who loves to solve real world enginnering problems , he is an freelancer in ML and cloud enginnering where he solves problems like reducing latency ,downtime and designing backend architecture for organisations , he is also passionate about cloud native technologies and active contributor for kubernetes , layer5 . He is also tech youtuber where he discuss about production grade cloud projects which include cloud native ecosystem.
+badges:
+status: Active
+published: true
+---

src/collections/members/uzair-shaikh/index.mdx

@@ -13,6 +13,6 @@ badges:
   - meshery-operator
   - nighthawk
   - meshmap
-status: Active
+status: Inactive
 published: true
 ---

src/components/SistentNavigation/index.js

@@ -59,7 +59,7 @@ const TOC = () => {
                 className="toc-sub-heading identity"
                 onClick={() => setExpandIdentity((prev) => !prev)}
               >
-                Idenitity
+                Identity
                 {expandIdenity ? <IoIosArrowUp /> : <IoIosArrowDown />}
               </li>
               {expandIdenity && (

src/sections/Community/community.style.js

@@ -136,6 +136,11 @@ const CommunitySectionWrapper = styled.div`
             background-color: ${props => props.theme.secondaryLightColorTwo};
             transition: 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
         }
+
+        .meshmate-img-transparent {
+            background-color: transparent;
+        }
+
         svg {
             max-width: 25rem;
             .meshmate-stack-colorMode_svg__colorMode1 {
@@ -193,6 +198,10 @@ const CommunitySectionWrapper = styled.div`
                 }
             }
         }
+
+        .meshmate-link-transparent {
+            background-color: transparent;
+        }
     }
 
     .newcomers-section {

src/sections/Community/index.js

@@ -122,8 +122,8 @@ const CommunityPage = () => {
               </p>
             </Col>
             <Col sm={12} lg={6}>
-              <MeshmateIcon className="meshmate-img" />
-              <Link className="meshmate-link" to="/community/meshmates">
+              <MeshmateIcon className="meshmate-img meshmate-img-transparent" />
+              <Link className="meshmate-link meshmate-link-transparent" to="/community/meshmates">
                 <h2>Open Source Mentorship Program</h2>
                 <button className="icon" aria-label="mentorship-program">
                   <FaArrowRight />

src/sections/Projects/Sistent/about.js

@@ -20,7 +20,28 @@ const SistentAbout = () => {
             <a id="About Sistent">
               <h2>About Sistent</h2>
             </a>
-            <p>Sorry, this page is still under work</p>
+            <p>
+              We have several different React apps that heavily uses the
+              Material UI v4 and v5 libraries, and this discrepancies led up to
+              setting up the Sistent Design System.
+            </p>
+            <p>
+              <b>
+                We want to be able to have the source of truth of what Layer5.io
+                and Meshery looks like.
+              </b>
+            </p>
+            <p>
+              'Sistent' is a play on word to ensure that we have a consistent
+              theme, components, design tokens, etc across all of the apps that
+              will be using this library. Sistent is a design system that uses
+              the <b>MUI v5 components</b> and a <b>custom theme provider </b>
+              instead of using the default theme from MUI v5.
+            </p>
+            <p>
+              If you’re interested in joining, please let us know, and we can
+              help you get started on contributing to the Sistent Design System.
+            </p>
           </div>
           <SistentPagination />
         </Container>