mdx compatibility

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

content-learn/mastering-meshery/index.mdx

@@ -4,7 +4,7 @@ title: "Mastering Meshery"
 description: "Learn all about Meshery"
 order: 1
 themeColor: "#00D3A9"
-cardImage: '../../src/assets/images/meshery/meshery-logo.svg'
+cardImage: '../../src/assets/images/academy/academy-layer5-light.png'
 courses: 1
 technologyList: ["all"]
 prominentStyling: true

content-learn/mastering-service-meshes-for-developers/index.mdx

@@ -3,7 +3,7 @@ title: 'Mastering Service Meshes for Developers'
 description: 'Learn how to setup a service mesh and build an application'
 order: 4
 themeColor: '#3C494F'
-cardImage: '../../src/assets/images/service-mesh-icons/service-mesh.svg'
+cardImage: '../../src/assets/images/academy/academy-layer5-light.png'
 courses: 4
 ---
 

src/collections/blog/2022/2022-01-22-the-story-of-meshery-1000-stars/index.mdx

@@ -22,94 +22,134 @@ import Stars from "./stars-forks.webp";
 import Slack from "./meshery-star-notifications.webp";
 
 <BlogWrapper>
-  <Link to="/cloud-native-management/meshery">Meshery</Link> took its first steps into the cloud native world in July of 2019 with the goal to ease the adoption and operation of cloud native infrastructure with a focus on Kubernetes as ubiquitous a layer within modern infrastructure deployments. Since then, Meshery as a project and Layer5 as an open source community have <img src={Slack} alt="Slack notification of GitHub stars applied to Meshery" style={{width: "60%", float: "right"}} /> grown by leaps and bounds. Now, we are bursting with pride in announcing that Meshery has reached yet another milestone: 1,000 stars on the Meshery repository on GitHub.
+
+<p>
+  <Link to="/cloud-native-management/meshery">Meshery</Link> took its first
+  steps into the cloud native world in July of 2019 with the goal to ease the
+  adoption and operation of cloud native infrastructure with a focus on
+  Kubernetes as ubiquitous a layer within modern infrastructure deployments.
+  Since then, Meshery as a project and Layer5 as an open source community have
+  grown by leaps and bounds.
+  <img
+    src={Slack}
+    alt="Slack notification of GitHub stars applied to Meshery"
+    style={{ width: "60%", float: "right" }}
+  />
+  Now, we are bursting with pride in announcing that Meshery has reached yet
+  another milestone: 1,000 stars on the Meshery repository on GitHub.
+</p>
+
+<p>
   As a project, Meshery is comprised of about 30 repositories, and so, in total,
   the project has many more than a thousand stars. The rate by which Meshery is
   accumulating stars only continues to accelerate and is a small moment of pride
   recognized in the community Slack each time a star is added. As we hit the
   1,000+ stars milestone, let's pause to reflect on the project's incredible
   journey since its inception.
+</p>
 
 ### Why was Meshery created?
 
+<p>
   Meshery is an open source, vendor-neutral, extensible management plane that
   enables your organization to overcome the challenges of complex virtual
-  infrastructure,{" "}
-  <Blockquote
-    style={{float: "left", width: "60%"}}
-    quote="Meshery is the perfect tool for ensuring that your applications are optimally configured and performing well; it also gives you a fantastic visual insight into what can be a large amount of textual configuration."
-    person="Nic Jackson, Principal Developer Advocate at HashiCorp"
-  />{" "}
-  empowers them to design and apply patterns containing tried and true best
-  practices, and enables developers, operators, and product managers to
+  infrastructure.
+</p>
+
+<Blockquote
+  style={{ float: "left", width: "60%" }}
+  quote="Meshery is the perfect tool for ensuring that your applications are optimally configured and performing well; it also gives you a fantastic visual insight into what can be a large amount of textual configuration."
+  person="Nic Jackson, Principal Developer Advocate at HashiCorp"
+/>
+
+<p>
+  Meshery empowers teams to design and apply patterns containing tried and true
+  best practices, and enables developers, operators, and product managers to
   understand and manage their cloud native services with confidence. Meshery is
   the only openly-governed infrastructure manager. Given its ability to deeply
-  manage Kubernetes, its workloads, and any Cloud infrastructure, and the highly
+  manage Kubernetes, its workloads, and any cloud infrastructure, and the highly
   configurable way in which users can load a variety of plugins, the project has
-  certainly earned its title as the *extensible* infrastructure manager.
+  certainly earned its title as the <em>extensible</em> infrastructure manager.
+</p>
 
-<div className="intro" style={{textAlign: "center"}}>
+<div className="intro" style={{ textAlign: "center" }}>
   Within just a year of its creation,{" "}
-  <Link to="/company/news/meshery-accepted-into-the-cncf-landscape">Meshery lands in the CNCF Landscape</Link>.
+  <Link to="/company/news/meshery-accepted-into-the-cncf-landscape">
+    Meshery lands in the CNCF Landscape
+  </Link>.
 </div>
 
 <Blockquote
-  style={{width: "40%", float: "right"}}
+  style={{ width: "40%", float: "right" }}
   quote="Open source contributions are a must-do for becoming a true cloud native hero. Cloud native is all about the community and one can't be a part of a community by only taking and never giving back. So, if you were looking for a promising and welcoming project to join - look no further!"
   person="Anton Weiss, Founder and CEO, Otomato"
 />
 
+<p>
   Not long after, Meshery was{" "}
   <Link to="/company/news/cncf-adopts-service-mesh-performance-standard-established-by-layer5">
     adopted by the CNCF
   </Link>{" "}
   in October 2021. With its natural step into the Cloud Native Computing
-  Foundation, the contributor community and Meshery's functionality maintains
+  Foundation, the contributor community and Meshery's functionality maintain
   steadfast in their rate of growth and use. With continuous improvements in the
   architecture, user experience and in other features regulated by inclusive
-  monitoring, the project is gaining traction *very quickly*.
+  monitoring, the project is gaining traction <em>very quickly</em>.
+</p>
 
 ### Engagement in the community is on the rise!
 
+<p>
   It isn't just the number of stars that has grown. We've seen a surge of new
   contributors, maintainers, new features, commits, PRs, releases, and so much
   more! How do we assess the impact of Meshery? Here are some statistics on how
   we track our engagement:
+</p>
 
-- Stargazers: **105.4795%** annual growth from 584 to 1200
-- Forks: **103.2491%** annual growth from 277 to 563
-- Code Commits: **250%** annual growth from 3.25k to 11.375k
-- In the last 12 months, we had 341 contributors with 291 new.
-- Number of PR's merged in the last 12 months is 2108. Our count of PR's merged is more than that of 106 CNCF hosted projects.
+- **Stargazers:** 105.4795% annual growth from 584 to 1200  
+- **Forks:** 103.2491% annual growth from 277 to 563  
+- **Code Commits:** 250% annual growth from 3.25k to 11.375k  
+- **Contributors:** 341 in the last 12 months (291 new)  
+- **PRs Merged:** 2108 in the last 12 months — more than 106 CNCF-hosted projects  
 
 <img
   src={Stars}
-  style={{width: "75%", display: "block", margin: "auto"}}
+  style={{ width: "75%", display: "block", margin: "auto" }}
   alt="Meshery Stars and Forks Graph"
 />
 
-  Note: These metrics and reports were obtained from DevStats, a CNCF-created
-  tool for analyzing and graphing developer contributions.
+<p>
+  <strong>Note:</strong> These metrics and reports were obtained from DevStats, a
+  CNCF-created tool for analyzing and graphing developer contributions.
+</p>
 
 <Blockquote
-  style={{float: "right", width: "50%", fontSize: ".5rem"}}
+  style={{ float: "right", width: "50%", fontSize: ".5rem" }}
   quote="Layer5 has been instrumental in helping us understand the patterns, best practices, and strategies in our approach to the cloud native ecosystem. Meshery has simplified the process of configuring and operating meshes. Meshery's technology neutrality, open source governance, and defining of industry standards like SMP, SMI, and now cloud native patterns will ensure that Meshery helps any organization adopt meshes with utmost clarity curated to their needs."
   person="Yogi Porla, Customer Success Manager at HPE"
 />
 
 ### Latest Meshery Features
 
-  Meshery v0.6.0 will release soon, jam-packed full of major new features. Final
-  release candidate, Meshery v0.6.0-rc-4, available today, so you can take
-  advantage of Meshery's new functionality now:
-
-- Manage Kubernetes Workloads (Applications)
-- Manage WASM filters
-- Manage <Link to="/learn/service-mesh-books/service-mesh-patterns">Service Mesh Patterns</Link>
-- <Link to="/cloud-native-management/kanvas">Kanvas</Link>: Visualize infrastructure deployments
-- Enhanced infrastructure discovery in <Link to="/cloud-native-management/meshery/meshery-operator">Meshery Operator and Meshsync</Link>
-
+<p>
+  Meshery v0.6.0 will release soon, jam-packed with major new features. The
+  final release candidate, Meshery v0.6.0-rc-4, is available today, so you can
+  take advantage of Meshery's new functionality now:
+</p>
+
+- Manage Kubernetes Workloads (Applications)  
+- Manage WASM filters  
+- Manage <Link to="/learn/service-mesh-books/service-mesh-patterns">Service Mesh Patterns</Link>  
+- <Link to="/cloud-native-management/kanvas">Kanvas</Link>: Visualize infrastructure deployments  
+- Enhanced infrastructure discovery in{" "}
+  <Link to="/cloud-native-management/meshery/meshery-operator">
+    Meshery Operator and MeshSync
+  </Link>
+
+<p>
   Last, but not least is the announcement of Kanvas's beta release! The waiting
   list is filling up fast, so I recommend{" "}
   <Link to="/cloud-native-management/kanvas">signing up for access now</Link>!
+</p>
+
 </BlogWrapper>