Merge branch 'gatsby-v5-migration' of https://github.com/Aviral0702/l…

…ayer5 into gatsby-v5-migration

Signed-off-by: Aviral Asthana <[email protected]>

.github/workflows/meshmap.yml

@@ -38,7 +38,7 @@ jobs:
           path: action
           repository: layer5labs/meshmap-snapshot
       - id: test_result
-        uses: ${GITHUB_REF/refs/tags//}
+        uses: layer5labs/[email protected]
         with:
           githubToken: ${{ secrets.GITHUB_TOKEN }}
           mesheryToken: ${{ secrets.MESHERY_TOKEN }}

content-learn/mastering-service-meshes-for-developers/introduction-to-service-meshes/istio/getting-started.mdx

@@ -45,7 +45,6 @@ In the Istio management page:
 
 3. Click the `Deploy` button on the confirmation modal.
 
-   {" "}
    <a href={IstioDeploy}>
      <img src={IstioDeploy} width="70%" align="center" />
    </a>

gatsby-node.js

@@ -935,8 +935,7 @@ exports.createSchemaCustomization = ({ actions }) => {
        slack: String,
        video: String,
        community_manager: String,
-       docURL: String, 
-
+       docURL: String,
      }
    `;
   createTypes(typeDefs);

package.json

@@ -70,7 +70,7 @@
     "gatsby-plugin-sitemap": "^6.11.0",
     "gatsby-plugin-styled-components": "^6.11.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
-    "gatsby-redirect-from": "^1.0.5",
+    "gatsby-redirect-from": "^1.0.4",
     "gatsby-source-filesystem": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gbimage-bridge": "^0.2.2",
@@ -105,7 +105,7 @@
     "react-tsparticles": "^2.11.0",
     "react-vertical-timeline-component": "^3.5.2",
     "react-visibility-sensor": "^5.1.1",
-    "sharp": "^0.33.2",
+    "sharp": "^0.33.5",
     "simple-react-cytoscape": "^1.0.4",
     "simple-react-lightbox": "^3.6.9-0",
     "slick-carousel": "^1.8.1",

src/collections/blog/2024/09-07-ways-to-contribute/post.mdx

@@ -0,0 +1,116 @@
+---
+title: Ways to Contribute at Layer5
+subtitle: it's not all about the code
+date: 2024-09-07
+author: Lee Calcote
+thumbnail: ../../../../assets/images/layer5/layer5-only/svg/layer5-black.svg
+darkthumbnail: ../../../../assets/images/layer5/layer5-only/svg/layer5-light-bg.svg
+description: The State of Open Source
+type: Blog
+category: Open Source
+tags:
+  - Open Source
+featured: false
+published: true
+---
+
+import { BlogWrapper } from "../../Blog.style.js";
+import { Link } from "gatsby";
+import popularProject from "./number-one-most-popular-project.png";
+
+<BlogWrapper>
+
+<p><Link to="/community/members">Community members</Link> often inquired about how they can be a part of and contribute to Layer5 and its open source projects. Good news. There are many ways. The following is a list of ways depending upon the manner in which you would like to participate (any and all of these ways are encouraged).</p>
+
+### Community Engagement & Management
+
+**As a <Link to="/community/community-managers">Community Manager</Link>**
+* Foster discussions and interactions on community platforms (Slack, forums, social media).
+* <Link to="/newcomers">Onboard new members</Link>, answer queries, and organize community events.
+* Curate and share community-generated content, news, and project updates. Help draft and send newsletters, announcements, and other community updates.
+* **[Recognize Contributors](https://badges.layer5.io):** Assign badges, recognize achievements, and celebrate milestones.
+* **Moderate social media:** Monitor and respond to comments and messages on Layer5's or it's project's social media channels [@layer5](https://x.com/layer5), [@meshery](https://x.com/mesheryio), [@smp_spec](https://x.com/smp_spec), [Layer5](https://www.linkedin.com/company/layer5), [Meshery](https://www.linkedin.com/showcase/meshery), [Performance](https://www.linkedin.com/showcase/service-mesh-performance), [YouTube](https://www.youtube.com/channel/UCFL1af7_wdnhHXL1InzaMvA?sub_confirmation=1)
+* **Curate content:** Share relevant <Link to="/company/news">news</Link>, <Link to="/resources">articles</Link>, and <Link to="/projects">project</Link> updates on social media.
+
+**As a [Discussion Forum](https://discuss.layer5.io) Moderator:**
+* Ensure that discussions remain constructive, respectful, and on-topic.
+* Moderate comments and posts, addressing any inappropriate or offensive content.
+* Encourage participation and create a welcoming environment for all users.
+* Guide discussions and help resolve conflicts if they arise.
+
+**<Link to="/community/calendar">Meeting Host</Link> or <Link to="/communiity/events">Event Organizer</Link>:**
+* Plan, schedule, and facilitate community meetings, workshops, or webinars.
+* Prepare agendas, moderate discussions, and ensure smooth execution.
+* Record and share meeting notes or summaries for those unable to attend.
+* Help organize and coordinate Layer5 events, whether online or in-person.
+
+**As a [MeshMate](https://layer5.io/community/meshmates) (a mentor):**
+* **Mentor new contributors:**  Guide newcomers through the contribution process, answer their questions, and help them get started.
+* **Review code contributions:**  Provide constructive feedback on pull requests, ensuring code quality and adherence to project guidelines.
+* **Triage issues:**  Help identify and prioritize issues in the project's issue tracker.
+
+### Technical Contributions
+
+**As a Maintainer:**
+* Take ownership of specific projects or components.
+* Review and merge code contributions, ensuring quality and adherence to standards.
+* Triage and address issues promptly.
+* Guide and mentor other contributors.
+
+**As a <Link to="/community/handbook/repository-overview">Code Contributor</Link>:**
+* **Fix bugs:** Address reported issues and bugs in the codebase.
+* **Implement new features:**  Contribute code to add new functionalities or enhancements.
+* **Triage Issues**: Ensure timely validation of new issues, ongoing assignment, and removal of incidental issue squatters.
+* **Offer Peer Review**: Review and comment on pull requests. Collaborate with other contributors to improve the project.
+
+**As a Performance or [Test Engineer](https://docs.meshery.io/project/contributing/contributing-ui-tests):**
+**Optimize performance:** Identify and implement optimizations to improve the performance of the projects, like [layer5.io performance issues](https://github.com/layer5io/layer5/issues?q=is%3Aopen+is%3Aissue+label%3Atype%2Fperformance).
+* **End-to-End Testing: Write, review, and test code contributions, following project guidelines and best practices.
+
+**As a [Build and Release Lead](https://docs.meshery.io/project/contributing/build-and-release):**
+  * Manage the build and release processes, including versioning, packaging, and deployment.
+  * Ensure smooth and timely releases, addressing any build or dependency issues.
+
+**As a [Bug Hunter](https://github.com/issues?q=is%3Aopen+is%3Aissue+archived%3Afalse+org%3Alayer5io+org%3Ameshery+org%3Aservice-mesh-performance+org%3Aservice-mesh-patterns+org%3Alayer5labs):**
+* Actively identify and report bugs or issues in the software.
+* Provide detailed information to help developers reproduce and fix the problems.
+
+**As a Technical Writer:**
+* Create clear and comprehensive documentation, tutorials, and guides.
+* **[Improve documentation](https://docs.layer5.io):** Update and enhance project documentation to make it easier for others to understand and use.
+* **Translate** project documentation or user interfaces into different languages, broadening the project's reach.
+
+### Project Engagement and Advocacy
+
+**As a User Ambassador:**
+
+* [Showcase your achievements](https://badges.layer5.io): As a user, this is how you demonstrate your prowess, milestones, and meaningful engagement.
+* **Share your enthusiasm:** Share your Layer5 project experiences on social media platforms like Twitter, LinkedIn, Reddit, or relevant forums. Highlight your favorite features, use cases, or success stories.
+* **Create content:** Write blog posts, record videos, or create tutorials about Layer5 projects.  Share them on your personal channels and within the Layer5 community.
+* **<Link to="/community/events">Attend and present</Link>** Participate in conferences, meetups, or webinars related to cloud-native technologies. Represent Layer5 and share your knowledge.
+* **Engage in online communities:**  Answer questions on Stack Overflow, participate in discussions on GitHub, or contribute to relevant online forums.
+
+**As a <Link to="/community/handbook/writing-program">Writer</Link>:**
+* **<Link to="/community/adventures-of-five-and-friends">Craft Five's Adventures</Link>:** Contribute to the ongoing story of Five, the Layer5 mascot, by writing engaging short stories.
+* **<a href="https://docs.meshery.io/guides/tutorials">Develop tutorials</a> and <Link to="/learn/learning-paths">Learning Paths</Link>:** Create clear and concise written tutorials or guides to help users understand and use Layer5 projects.
+* **<Link to="/blog">Write blog posts</Link>:**  Share your insights, experiences, and knowledge about Layer5 projects through informative blog posts. Have an idea? Pitch it by opening [a writing issue](https://github.com/layer5io/layer5/issues/new?assignees=&labels=area%2Fwriting%2C+help+wanted%2C+language%2Fenglish&projects=&template=writing.md&title=%5BWriting%5D). 
+
+**As a Designer:**
+* **<Link to="/company/brand">Design brand materials</Link>:**  Contribute to the design of project logos, website layouts, social media graphics, or presentation slides.
+* Create wireframes and mockups for any of our <Link to="/community/handbook/repository-overview">frontend projects</Link>.
+* **Improve user interfaces:** Leave your UX mark and help refine the user interfaces of Layer5 projects to make them more intuitive and user-friendly [(open Figma invite)](https://www.figma.com/team_invite/redeem/qJy1c95qirjgWQODApilR9).
+* **<Link to="/community/adventures-of-five-and-friends">Illustrate Five's World</Link>:** Create captivating visuals for the Five's Adventures stories.
+
+**As an <Link to="/careers/programs">Intern</Link> or <Link to="/careers">Employee</Link>:**
+* Meshery is the #1 most popular Linux Foundation internship, offering invaluable hands-on experience in the cloud native space.
+* Layer5 is continuously offering internships, providing opportunities to learn and grow alongside a passionate community.
+
+<img src={popularProject} alt="Meshery is the most popular LFX project" className="image-center-shadow" />
+
+**Remember:**
+
+All contributions are valuable and every skill set has a place in open source.  Don't hesitate to ask questions or reach out for help.  Most importantly, have fun and enjoy being part of the community!
+
+*Every contribution, big or small, is valuable and helps strengthen the Layer5 community and its projects.*
+
+</BlogWrapper>

src/collections/blog/Blog.style.js

@@ -61,6 +61,9 @@ export const BlogWrapper = styled.div`
       margin-right: 0rem;
     }
   }
+  h3 {
+      margin-bottom: .75rem;
+    }
   .to-uppercase {
     text-transform: uppercase;
   }

src/collections/events/2024/enlightening/index.mdx

@@ -16,6 +16,6 @@ Join host Whitney Lee and guest Lee Calcote to learn more!
 <p>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.
 </p>
 
-<div style="position: relative; width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; padding-top: 40%;">
+<div style="position: relative; width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; padding-top: 40%; min-height: 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>
 </div>

src/collections/events/2024/you-choose/index.mdx

@@ -0,0 +1,18 @@
+---
+title: "You Choose"
+date: 2024-09-03
+thumbnail: ./you-choose.jpeg
+eurl: https://www.youtube.com/watch?v=GhfRu3l4F8U
+type: Event
+published: true
+upcoming: true
+feature: true
+speakers: ["Whitney Lee", "Viktor Farcic"]
+
+---
+
+Join hosts Whitney Lee and Viktor Farcic, along with guests Lee Calcote, Marc Boorshtein and René D to learn more!
+
+<p>Explore and learn about three CNCF projects that offer intuitive dashboards: Meshery, Headlamp and Kubernetes Dashboard. Cast your VOTE to decide which one you'd like to see implemented in the demo!
+</p>
+

src/collections/integrations/accurate/index.mdx

@@ -7,7 +7,7 @@ docURL: https://docs.meshery.io/extensibility/integrations/accurate
 description: 
 category: Provisioning
 subcategory: Security & Compliance
-registrant: Artifact Hub
+registrant: GitHub
 components: [
 {
 "name": "sub-namespace",