Merge branch 'master' into feat/add-academy-repos

SDev6699 · web-flow · commit 90c3ae9deb03 · 2025-08-19T08:48:01.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -42,7 +42,7 @@
     "@mui/icons-material": "^6.4.6",
     "@mui/material": "^5.15.11",
     "@react-icons/all-files": "^4.1.0",
-    "@sistent/sistent": "^0.15.3",
+    "@sistent/sistent": "^0.15.4",
     "@svgr/webpack": "^8.0.1",
     "@types/mui-datatables": "^4.3.12",
     "ajv": "^8.17.1",
diff --git a/src/collections/blog/2023/05-24-meet-the-meshmate-yash-sharma/index.mdx b/src/collections/blog/2023/05-24-meet-the-meshmate-yash-sharma/index.mdx
@@ -2,7 +2,7 @@
 title: "Meet the MeshMate: Yash Sharma"
 subtitle: "An interview series with Layer5 MeshMates"
 date: 2023-05-29 10:30:05 -0530
-author: Vivek Vishal
+author: Layer5 Team
 thumbnail: "./yash-sharma-layer5-meshmate.png"
 darkthumbnail: "./yash-sharma-layer5-meshmate.png"
 category: Community
diff --git a/src/collections/blog/2024/09-08-meet-the-maintainer-hussaina-begum/post.mdx b/src/collections/blog/2024/09-08-meet-the-maintainer-hussaina-begum/post.mdx
@@ -2,7 +2,7 @@
 title: "Meet the Maintainer: Hussaina Begum"
 subtitle: "An interview series with open source maintainers"
 date: 2024-09-08 10:30:05 -0530
-author: Vivek Vishal
+author: Layer5 Team
 thumbnail: ./hussaina-begum-meshery-maintainer.png
 darkthumbnail: ./hussaina-begum-meshery-maintainer.png
 description: Meet the Maintainer series with open source maintainer, Hussaina Begum
diff --git a/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/post.mdx b/src/collections/blog/2024/10-22-meet-the-maintainer-aadhitya-amarendiran/post.mdx
@@ -2,7 +2,7 @@
 title: "Meet the Maintainer: Aadhitya Amarendiran"
 subtitle: "An interview series with open source maintainers"
 date: 2024-09-08 10:30:05 -0530
-author: Vivek Vishal
+author: Layer5 Team
 thumbnail: ./aadhitya-amarendiran-layer5-maintainer.png
 darkthumbnail: ./aadhitya-amarendiran-layer5-maintainer.png
 description: Meet the Maintainer series with open source maintainer, Aadhitya Amarendiran
diff --git a/src/collections/blog/2025/05-28-meet-the-maintainer-ian-whitney/post.mdx b/src/collections/blog/2025/05-28-meet-the-maintainer-ian-whitney/post.mdx
@@ -2,7 +2,7 @@
 title: "Meet the Maintainer: Ian Whitney"
 subtitle: "An interview series with open source maintainers"
 date: 2025-05-29 10:30:05 -0530
-author: Vivek Vishal
+author: Layer5 Team
 thumbnail: ./ian-whitney-meshery-maintainer.png
 darkthumbnail: ./ian-whitney-meshery-maintainer.png
 description: Meet the Maintainer series with open source maintainer, Ian Whitney
diff --git a/src/collections/resources/articles/layer5-academy-vs-moocit/index.mdx b/src/collections/resources/articles/layer5-academy-vs-moocit/index.mdx
diff --git a/src/components/Animated-steps-list/Steps-list/StepsList.style.js b/src/components/Animated-steps-list/Steps-list/StepsList.style.js
@@ -8,7 +8,7 @@ export const StepsListWrapper = styled.div`
         
         & > li {
             &:not(:last-of-type) {
-                margin-bottom: 600px;
+                margin-bottom: 150px;
                 
                 @media (max-width: 850px) {
                     margin-bottom: 88px;
diff --git a/src/components/Animated-steps-list/hero/hero.style.js b/src/components/Animated-steps-list/hero/hero.style.js
@@ -7,10 +7,10 @@ export const HeroWrapper = styled.div`
     font-weight: 600;
   }
 
-  padding: 12rem 0 20rem 0;
+  padding: 4rem 0 4rem 0;
 
   @media (max-width: 800px) {
-    padding: 2rem 0 10rem 0;
+    padding: 1rem 0 2rem 0;
   }
 
    .content {
diff --git a/src/components/Animated-steps-list/index.js b/src/components/Animated-steps-list/index.js
@@ -7,10 +7,10 @@ import FramedTerminal from "../Animated-terminal/Framed-terminal";
 import { AnimatedStepsListWrapper } from "./AnimatedStepsList.style";
 
 // The breakpoints where the next step of each animation triggers
-const breakpoints = [0, 350, 1400, 2450, 2680];
+const breakpoints = [0, 300, 800, 1300, 1700];
 
 // The number of pixels before the next breakpoint that the animation should complete
-const animationBottomPadding = [0, 620, 575, -50];
+const animationBottomPadding = [0, 180, 180, 50];
 
 const calculateCurrentFrame = (terminalSteps, currentIndex, scrollPosition) => {
   const percentage = Math.min(
@@ -37,7 +37,7 @@ const AnimatedStepsList = ({ terminalHeroState, steps }) => {
   const scrollPosition = useScrollPosition();
   const [indicatorIndex, setIndicatorIndex] = useState(0);
   const activeTerminalStateIndex =
-        scrollPosition <= 350 ? 0 : indicatorIndex + 1;
+        scrollPosition <= 300 ? 0 : indicatorIndex + 1;
   const terminalSteps = [terminalHeroState].concat(
     steps.map((step) => step.terminal)
   );
diff --git a/src/components/SistentNavigation/content.js b/src/components/SistentNavigation/content.js
@@ -62,16 +62,20 @@ export const content = [
   { id: 43, link: "/projects/sistent/components/select", text: "Select" },
   { id: 44, link: "/projects/sistent/components/select/guidance", text: "Select" },
   { id: 45, link: "/projects/sistent/components/select/code", text: "Select" },
-
-  { id: 46, link: "/projects/sistent/components/text-field", text: "Text Field" },
-  { id: 47, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
-  { id: 48, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
-
-  { id: 49, link: "/projects/sistent/components/text-input", text: "Text Input" },
-  { id: 50, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
-  { id: 51, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
-
-  { id: 52, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
-  { id: 53, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
-  { id: 54, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
+  
+  { id: 46, link: "/projects/sistent/components/switch", text: "Switch" },
+  { id: 47, link: "/projects/sistent/components/switch/guidance", text: "Switch" },
+  { id: 48, link: "/projects/sistent/components/switch/code", text: "Switch" },
+
+  { id: 49, link: "/projects/sistent/components/text-field", text: "Text Field" },
+  { id: 50, link: "/projects/sistent/components/text-field/guidance", text: "Text Field" },
+  { id: 51, link: "/projects/sistent/components/text-field/code", text: "Text Field" },
+
+  { id: 52, link: "/projects/sistent/components/text-input", text: "Text Input" },
+  { id: 53, link: "/projects/sistent/components/text-input/guidance", text: "Text Input" },
+  { id: 54, link: "/projects/sistent/components/text-input/code", text: "Text Input" },
+
+  { id: 55, link: "/projects/sistent/components/tooltip", text: "Tooltip" },
+  { id: 56, link: "/projects/sistent/components/tooltip/guidance", text: "Tooltip" },
+  { id: 57, link: "/projects/sistent/components/tooltip/code", text: "Tooltip" },
 ];
diff --git a/src/sections/Community/Handbook/repo-data.js b/src/sections/Community/Handbook/repo-data.js
@@ -40,17 +40,17 @@ export const repo_data = [
         image: meshery,
         site: "https://meshery.io",
         language: "Jekyll",
-        maintainers_name: ["Vivek Vishal"],
-        link: ["https://layer5.io/community/members/vivek-vishal"],
+        maintainers_name: ["Vacant"],
+        link: [""],
         repository: "https://github.com/meshery/meshery.io",
       },
       {
         project: "Meshery Documentation",
         image: meshery,
         site: "http://docs.meshery.io",
         language: "Jekyll",
-        maintainers_name: ["Vivek Vishal"],
-        link: ["https://layer5.io/community/members/vivek-vishal"],
+        maintainers_name: ["Vacant"],
+        link: [""],
         repository: "https://github.com/meshery/meshery/tree/master/docs",
       },
       {
@@ -102,8 +102,8 @@ export const repo_data = [
         image: five,
         site: "https://discuss.layer5.io",
         language: "Discourse",
-        maintainers_name: ["Vivek Vishal"],
-        link: ["https://layer5.io/community/members/vivek-vishal"],
+        maintainers_name: ["Vacant"],
+        link: [""],
         repository: " https://discuss.layer5.io",
       },
       {
diff --git a/src/sections/Devrel-platform/content.js b/src/sections/Devrel-platform/content.js
@@ -10,6 +10,8 @@ import InlineQuotes from "../../components/Inline-quotes";
 import YashSharmaIMg from "../../collections/members/yash-sharma/yash-sharma.webp";
 import NicJacksonImg from "../../collections/members/nicholas-jackson/nic-jackson.webp";
 import RutkIkegahImg from "../../collections/members/ruth-ikegah/ruth-ikegah.jpg";
+
+
 const DevrelContentWrapper = styled.div`
   min-height: fit-content;
   border-width: 2px 2px 2px 2px;
@@ -181,6 +183,9 @@ const DevrelContentWrapper = styled.div`
                 top: 10.75rem;
                 left: calc(50% + 2rem);
               }
+            .meshmate-badge {
+              width: 90%;
+            }  
           }
         }
       }
@@ -210,6 +215,11 @@ const DevrelContentWrapper = styled.div`
                 top: 8.75rem;
                 left: calc(50% + 0rem);
               }
+              .meshmate-badge {
+                width: 90%;
+                height: 105%;
+                margin-left: 1rem;
+                margin-top: 0.6rem;
             }
           }
         }
@@ -334,8 +344,9 @@ const DevrelContent = () => {
                   </div>
                   <div className="badge-item">
                     <img
-                      src="https://badges.layer5.io/assets/badges/meshery/meshery.png"
-                      alt="Meshery Badge"
+                      src="https://badges.layer5.io/assets/badges/meshmate/meshmate.png"
+                      alt="Meshmate Badge"
+                      className="meshmate-badge"
                     />
                   </div>
                 </div>
diff --git a/src/sections/Projects/Sistent/components/content.js b/src/sections/Projects/Sistent/components/content.js
@@ -141,6 +141,13 @@ const componentsData = [
     url: "/projects/sistent/components/circularprogress",
     src: "/circularprogress",
   },
+  {
+    id: 19,
+    name: "Switch",
+    description: "The Switch component allows users to toggle the state of a single setting on or off.",
+    url: "/projects/sistent/components/switch",
+    src: "/switch"
+  },
 
 ];
 
diff --git a/src/sections/Projects/Sistent/components/dialog/code.js b/src/sections/Projects/Sistent/components/dialog/code.js
diff --git a/src/sections/Projects/Sistent/components/switch/code.js b/src/sections/Projects/Sistent/components/switch/code.js
diff --git a/src/sections/Projects/Sistent/components/switch/guidance.js b/src/sections/Projects/Sistent/components/switch/guidance.js
diff --git a/src/sections/Projects/Sistent/components/switch/index.js b/src/sections/Projects/Sistent/components/switch/index.js

Original file line number	Diff line number	Diff line change
@@ -7,10 +7,10 @@ export const HeroWrapper = styled.div`
`7`	`7`	`font-weight: 600;`
`8`	`8`	`}`
`9`	`9`
`10`		`- padding: 12rem 0 20rem 0;`
	`10`	`+ padding: 4rem 0 4rem 0;`
`11`	`11`
`12`	`12`	`@media (max-width: 800px) {`
`13`		`- padding: 2rem 0 10rem 0;`
	`13`	`+ padding: 1rem 0 2rem 0;`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`.content {`