Merge branch 'master' into leecalcote/fix-mdx-styles

leecalcote · web-flow · commit 12e593bb82fe · 2025-11-30T16:21:50.000-06:00
diff --git a/src/collections/blog/2024/01-07-contributing-as-a-designer/index.mdx b/src/collections/blog/2024/01-07-contributing-as-a-designer/index.mdx
@@ -16,6 +16,7 @@ published: true
 ---
 
 import { BlogWrapper } from "../../Blog.style.js";
+import { Link } from "gatsby";
 
 <BlogWrapper>
 
diff --git a/src/collections/blog/2024/05-12-cost-of-observability/index.mdx b/src/collections/blog/2024/05-12-cost-of-observability/index.mdx
@@ -30,7 +30,7 @@ All signals have different ways to be collected/instrumented. They also have dif
 
 Remember that single log statement you sprinkled in development?  Imagine it bombarded with millions of hits daily in production.  The cost implications are staggering.  Are we clinging to outdated habits, drowning in a sea of irrelevant data?
 
-<BlockQuote quote="Log levels area a Band-Aid, not a cure." person="Lee Calcote" />
+<Blockquote quote="Log levels area a Band-Aid, not a cure." person="Lee Calcote" />
 
 Log levels offer some relief, silencing the noise in production.  But what if that critical error gets buried under an avalanche of info logs?  Is there a risk of sacrificing valuable insights for a false sense of cost control?
 
diff --git a/src/collections/blog/2024/07-01-meet-the-maintainer-xin-huang/post.mdx b/src/collections/blog/2024/07-01-meet-the-maintainer-xin-huang/post.mdx
@@ -121,7 +121,7 @@ import ForkLift from "../../../../assets/images/app/hero/forklift.svg";
     </div>
 
     <div className="note">
-      <ForkLift style={{ height: "100px", marginBottom: "1rem" }} />
+      <img src={ForkLift} style={{ height: "100px", marginBottom: "1rem" }} alt="Forklift" />
       The Meshery project moves at an impressive pace thanks to maintainers like Xin.  
       **Be like Xin.** Join the <a href="https://slack.layer5.io">Layer5 Slack</a> and say “hi”!
     </div>
diff --git a/src/collections/events/2020/istiocon2020/index.mdx b/src/collections/events/2020/istiocon2020/index.mdx
@@ -42,6 +42,6 @@ See link for self-paced study.
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/T1Kwh3SRAXQ" loading="lazy" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/T1Kwh3SRAXQ" loading="lazy" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/events/2024/enlightening/index.mdx b/src/collections/events/2024/enlightening/index.mdx
@@ -15,5 +15,5 @@ Join host Whitney Lee and guest Lee Calcote to learn more!
 
 Meshery is a self-service engineering platform that enables the collaborative design and operation of cloud and cloud native infrastructure. With over 320 built-in integrations, Meshery seamlessly integrates with every CNCF project and your existing tools, across multiple clouds and Kubernetes clusters.
 <div style={{ position: "relative", width: "100%", maxWidth: "800px", margin: "0 auto", overflow: "hidden", paddingTop: "40%", minHeight: "260px" }}>
-<iframe style={{ position: "absolute", top: "0", left: "0", bottom: "0", right: "0", width: "100%", height: "100%", border: none }} src="https://www.youtube.com/embed/JqZ4UZrHdw4" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+<iframe style={{ position: "absolute", top: "0", left: "0", bottom: "0", right: "0", width: "100%", height: "100%", border: "none" }} src="https://www.youtube.com/embed/JqZ4UZrHdw4" title="YouTube video player" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerPolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
 </div>
diff --git a/src/collections/members/Naman-Verma/index.mdx b/src/collections/members/Naman-Verma/index.mdx
@@ -8,6 +8,6 @@ linkedin: naman-verma-6948a72a5/
 layer5: f6bedf26-411c-474b-89cb-3d7cf9f97ef2
 location: Diu, India
 bio: Hey everyone, I'm Naman Verma, a student at the Indian Institute of Information Technology, Jabalpur. I'm passionate about diving into all things tech, always eager to explore new ideas. Currently leveling up myself and contributing to the community to make a positive impact.
-status: Active
+status: Inactive
 published: true
 ---
diff --git a/src/collections/news/2022/2022-05-18-meshmark-the-cloud-native-value-measurement/meshmark-the-cloud-native-value-measurement.md b/src/collections/news/2022/2022-05-18-meshmark-the-cloud-native-value-measurement/meshmark-the-cloud-native-value-measurement.md
@@ -57,7 +57,7 @@ With project maintainers from Layer5, Intel, HashiCorp, and Red Hat, and collabo
   />
 
 With the project’s <Link to="/company/news/analyzing-service-mesh-performance">approach to performance analysis</Link> published in IEEE The Bridge, ongoing analysis of nearly 40,000 performance test results will comprise the initial release of the <a href="https://smp-spec.io/dashboard">Service Mesh Performance Dashboard</a>, also unveiling at KubeCon EU. <Link to="/cloud-native-management/meshery">Meshery</Link>, the cloud native manager, orchestrates the provisioning and configuration of Kubernetes and each service mesh. With <Link to="/projects/nighthawk">Nighthawk</Link> embedded, Meshery’s performance management functions are what drives the tests run within the CNCF Lab.
-<Blockquote style="display:block;"
+<Blockquote style={{ display: "block" }}
   quote="The precision by which performance measurements are generated and analyzed is a pinnacle focus of Nighthawk. Mesh performance characterization should be distilled from a set of value measurements, and that is where MeshMark compliments to create the ultimate comprehensive efficiency calculation."
   person="Otto van der Schaaf"
   title="Principal Engineer at Red Hat" 
diff --git a/src/collections/programs/lfx-2023/lfx-2023.mdx b/src/collections/programs/lfx-2023/lfx-2023.mdx
@@ -15,7 +15,7 @@ import { Link } from "gatsby";
 
 <ProgramsWrapper>
 
-<LfxLogo alt="lfx_logo" className="lfx_logo"/>
+<img src={LfxLogo} alt="lfx_logo" className="lfx_logo"/>
 <h3>Linux Foundation 2023 Program Timeline</h3>
 
 <div>
diff --git a/src/collections/programs/lfx-2024/lfx-2024.mdx b/src/collections/programs/lfx-2024/lfx-2024.mdx
@@ -15,7 +15,7 @@ import { Link } from "gatsby";
 
 <ProgramsWrapper>
 
-<LfxLogo alt="lfx_logo" className="lfx_logo"/>
+<img src={LfxLogo} alt="lfx_logo" className="lfx_logo"/>
 <h3>Linux Foundation 2024 Program Timeline</h3>
 
 <div>
diff --git a/src/collections/programs/lfx-2025/lfx-2025.mdx b/src/collections/programs/lfx-2025/lfx-2025.mdx
@@ -15,7 +15,7 @@ import { Link } from "gatsby";
 
 <ProgramsWrapper>
 
-<LfxLogo alt="lfx_logo" className="lfx_logo"/>
+<img src={LfxLogo} alt="lfx_logo" className="lfx_logo"/>
 <h3>Linux Foundation 2025 Program Timeline</h3>
 
 <div>
diff --git a/src/collections/programs/mlh-2020/index.mdx b/src/collections/programs/mlh-2020/index.mdx
@@ -13,7 +13,7 @@ import Button from "../../../reusecore/Button";
 import MlhLogo from "./mlh.svg";
 
 <ProgramsWrapper>
-<MlhLogo alt="mlh_logo" className="mlh_logo"/>
+<img src={MlhLogo} alt="mlh_logo" className="mlh_logo"/>
 <h2><b>MLH Fellowship Program</b></h2>
 <div>
 The Major League Hacking’s <a href="https://fellowship.mlh.io/">MLH Fellowship</a> is an internship alternative for software engineers. Instead of working on a project for just one company, you’ll contribute to Open Source projects that are used by companies around the world. You’ll collaborate with a group of 10 students under the guidance of a professional mentor whose only job is to help you successfully contribute.<br/>
diff --git a/src/collections/programs/sca-contributhon/index.mdx b/src/collections/programs/sca-contributhon/index.mdx
@@ -13,7 +13,8 @@ import Button from "../../../reusecore/Button";
 import ScaLogo from "./sca.svg";
 
 <ProgramsWrapper>
-<ScaLogo alt="sca_logo" className="sca_logo"/>
+
+<img src={ScaLogo} alt="sca_logo" className="sca_logo" />
 
 [She Code Africa](https://www.shecodeafrica.org/) is a non-profit organization focused on celebrating and empowering young girls and women in tech across Africa.
 
diff --git a/src/collections/service-mesh-books/service-mesh-patterns/index.mdx b/src/collections/service-mesh-books/service-mesh-patterns/index.mdx
@@ -14,6 +14,7 @@ redirect_from:
 import { BookWrapper } from "../Book.style.js";
 import Table from "../../../components/service-mesh-patterns-Table/Table.js";
 import { Link } from "gatsby";
+import Button from "../../../reusecore/Button";
 import service_mesh_pattern_book from "./service-mesh-patterns.webp";
 
 <BookWrapper>
diff --git a/src/collections/service-mesh-workshops/2021_02_22-istiocon/index.mdx b/src/collections/service-mesh-workshops/2021_02_22-istiocon/index.mdx
@@ -40,6 +40,6 @@ See link for self-paced study.
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/T1Kwh3SRAXQ" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/T1Kwh3SRAXQ" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_04_10_meshery_docs/index.mdx b/src/collections/workshops/2025_04_10_meshery_docs/index.mdx
@@ -20,6 +20,6 @@ You will learn to:
 <h4 style={{ marginBottom: "1.25rem" }}><a href="https://docs.meshery.io/project/contributing/contributing-docs" target="_blank">Contributing to Docs Guide</a></h4>
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
-<iframe width="50%" src="https://www.youtube.com/embed/7wRbbOSwrtI" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/7wRbbOSwrtI" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_04_17_meshery_cli_e2e/index.mdx b/src/collections/workshops/2025_04_17_meshery_cli_e2e/index.mdx
@@ -35,6 +35,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/mRQAvR9-P1o" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/mRQAvR9-P1o" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_04_24_meshery_build_and_release/index.mdx b/src/collections/workshops/2025_04_24_meshery_build_and_release/index.mdx
@@ -40,6 +40,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/dlr_nzJV16Q" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/dlr_nzJV16Q" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_04_30_meshery_cli/index.mdx b/src/collections/workshops/2025_04_30_meshery_cli/index.mdx
@@ -37,6 +37,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/ijunTqSqSbg" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/ijunTqSqSbg" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_05_08_meshery_ui_e2e/index.mdx b/src/collections/workshops/2025_05_08_meshery_ui_e2e/index.mdx
@@ -41,6 +41,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/9d0n37eTSkI" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/9d0n37eTSkI" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_05_15_meshery_ui/index.mdx b/src/collections/workshops/2025_05_15_meshery_ui/index.mdx
@@ -40,6 +40,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/ia7kvnHCurs" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/ia7kvnHCurs" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_05_29_meshery_server/index.mdx b/src/collections/workshops/2025_05_29_meshery_server/index.mdx
@@ -40,6 +40,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/9iRRd4RJOXE" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/9iRRd4RJOXE" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/collections/workshops/2025_07_19_meshery_models/index.mdx b/src/collections/workshops/2025_07_19_meshery_models/index.mdx
@@ -41,6 +41,6 @@ You will learn to:
 <br />
 <h4 style={{ marginBottom: "1.25rem" }}>Workshop Recording</h4>
 
-<iframe width="50%" src="https://www.youtube.com/embed/K2gmdIlGXNo" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: auto, textAlign: "center" }} allowfullscreen></iframe>
+<iframe width="50%" src="https://www.youtube.com/embed/K2gmdIlGXNo" loading="lazy" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" style={{ minHeight: "315px", minWidth: "280px", margin: "auto", textAlign: "center" }} allowfullscreen></iframe>
 <br />
 <br />
diff --git a/src/templates/learn-chapter.js b/src/templates/learn-chapter.js
@@ -34,9 +34,6 @@ export const query = graphql`
             imagepath {
               extension
               publicURL
-              childImageSharp {
-                gatsbyImageData(width: 50, layout: CONSTRAINED)
-              }
             }
             name
           }
@@ -62,15 +59,7 @@ export const query = graphql`
         }
     }
 
-  serviceMeshesList: allMdx(
-    filter: {fields: {course: {eq: $course}, pageType: {eq: "chapter"}}}
-  ){
-      nodes {
-        fields {
-          section
-        }
-      }
-    }
+
 }
 `;
 
@@ -89,7 +78,7 @@ const SingleChapter = ({ data, location, children }) => {
 
 
       <SimpleReactLightbox>
-        <Chapters chapterData={data.chapter} TOCData={sortedTOCData} courseData={data.course.nodes[0]} location={location} serviceMeshesList={data.serviceMeshesList.nodes} >
+        <Chapters chapterData={data.chapter} TOCData={sortedTOCData} courseData={data.course.nodes[0]} location={location} serviceMeshesList={data.TOC.nodes} >
           {children}
         </Chapters>
       </SimpleReactLightbox>
