Merge branch 'master' of https://github.com/layer5io/layer5 into hire…

…ntimbadiya2323

.desktop-lighthouserc.js

@@ -0,0 +1,39 @@
+module.exports = {
+  "ci": {
+    "collect": {
+      "settings": {
+        "preset": "desktop"
+        },
+      "staticDistDir": "./public",
+      "url": [
+        "http://localhost/404/index.html?desktop",
+        "http://localhost/?desktop",
+        "http://localhost/company/about/index.html?desktop",
+         "http://localhost/cloud-native-management/meshery/index.html?desktop",
+         "http://localhost/cloud-native-management/meshmap/index.html?desktop",
+         "http://localhost/learn/learning-paths/index.html?desktop",
+         "http://localhost/learn/service-mesh-books/index.html?desktop",
+         "http://localhost/learn/service-mesh-workshops/index.html?desktop",
+         "http://localhost/learn/index.html?desktop",
+         "http://localhost/blog/index.html?desktop",
+         "http://localhost/resources/index.html?desktop",
+         "http://localhost/careers/index.html?desktop",
+         "http://localhost/community/members/index.html?desktop",
+         "http://localhost/community/meshmates/index.html?desktop",
+         "http://localhost/community/events/index.html?desktop",
+         "http://localhost/community/newcomers/index.html?desktop",
+      ],
+    },
+    "assert": {
+          "assertions": {
+            "categories:performance": ["warn", {"minScore": .90}],
+            "categories:accessibility": ["warn", {"minScore": .90}],
+            "categories:best-practices": ["warn", {"minScore": .90}],
+            "categories:seo": ["warn", {"minScore": .90}],
+            }
+          },
+    "upload": {
+          "target": "temporary-public-storage",
+        },
+      }
+    };

.github/workflows/lighthouseci.yml

@@ -16,4 +16,7 @@ jobs:
           node-version: 19
       - run: npm install && npm install -g @lhci/[email protected]
       - run: CI=false npm run build
+      - run: lhci collect --config=.desktop-lighthouserc.js
+      - run: lhci assert --config=.desktop-lighthouserc.js
+      - run: lhci upload
       - run: lhci autorun

package.json

@@ -61,7 +61,7 @@
     "gatsby-plugin-sitemap": "^5.25.0",
     "gatsby-plugin-styled-components": "^5.25.0",
     "gatsby-plugin-svgr": "^3.0.0-beta.0",
-    "gatsby-redirect-from": "^0.5.0",
+    "gatsby-redirect-from": "^1.0.4",
     "gatsby-source-filesystem": "^4.25.0",
     "gatsby-transformer-sharp": "^4.25.0",
     "gbimage-bridge": "^0.2.2",
@@ -103,7 +103,7 @@
   "devDependencies": {
     "@babel/cli": "^7.18.10",
     "@babel/core": "^7.22.9",
-    "@babel/eslint-parser": "^7.21.3",
+    "@babel/eslint-parser": "^7.22.9",
     "babel-plugin-module-resolver": "^5.0.0",
     "cpx": "^1.5.0",
     "cross-env": "^7.0.0",

src/collections/blog/2023/2023-08-11-layer5-hashicorp-open-source/index.mdx

@@ -30,7 +30,7 @@ Yesterday, [HashiCorp announced a change in their source code license](https://w
 
 Layer5's sprawling [portfolio of projects](/projects) [are open source](/blog/community/meshery-surpasses-1000-contributors), pervasively using the Apache 2.0 license. Layer5 is a [community-first organization](/company/about).
 
-Under an open core model, we look forward to continuing to serve our customers with opeen source and our amazing, fast-growing [community](/community) at the center of our focus.
+Under an open core model, we look forward to continuing to serve our customers with open source and our amazing, fast-growing [community](/community) at the center of our focus.
 
 </BlogWrapper>
 

src/collections/blog/2023/2023-08-14-layer5-badge-program/blog.style.js

@@ -1,5 +1,10 @@
 import styled from "styled-components";
 export const Blog = styled.div`
+  img.badge-modal{
+    display: block;
+    margin: 0 auto;
+    max-width: 625px
+  }
   div.badge-grid {
     display: flex;
     flex-wrap: wrap;
@@ -18,7 +23,7 @@ export const Blog = styled.div`
         padding-top: 0.8rem;
       }
       > img {
-        max-width: 150px;
+        max-width: 225px;
       }
     }
 

src/collections/blog/2023/2023-08-14-layer5-badge-program/index.mdx

@@ -3,8 +3,8 @@ title: Layer5 Recognition Program
 subtitle: Showcasing Your Achievements as a User and a Contributor
 date: 2023-08-14 08:00:00 -0530
 author: Layer5 Team
-thumbnail: ./recognition-banner.png
-darkthumbnail: ./recognition-banner.png
+thumbnail: ./recognition-banner.webp
+darkthumbnail: ./recognition-banner.webp
 description: "Showcasing Your Achievements as a User and a Contributor"
 type: Blog
 category: Community
@@ -19,7 +19,7 @@ import { Link } from "gatsby";
 import Button from "../../../../reusecore/Button";
 import Blockquote from "../../../../reusecore/Blockquote";
 import { Blog } from "./blog.style";
-import { Playfield } from "./layer5-community-playfield.webp";
+import BadgesGH from "./badges-modal.png"
 
 <BlogWrapper>
 <Blog>
@@ -44,26 +44,17 @@ It does not matter if you are an experienced developer, a newbie figuring out yo
   - **Resume Boost**: Your Layer5 badges can help you stand out in your resume, LinkedIn profile, and other professional platforms. They serve as concrete evidence of your expertise and your dedication to open source hence helping your personal growth.
  - **Social Media Showcase**: These badges can be shared on several social media platforms! Let your friends, family, colleagues and your bosses know about your contributions, your journey, and your passion for cloud native technology.
 
-<img src={Playfield} />
-
 ### How Can You Earn Badges?
 
-Layer5 badges are divided into two categories, namely <i>Project Badges</i> and <i>Achievement Badges</i>.
-
-<i>Project Badges</i> are assigned by the admin to the user when a user contributes to a particular project. Achievement Badges are the badges that are assigned automatically when a user completes a task like sharing a design, creating a design for the first time, etc.
-
-### Can I Share My Badge On My Profile
-
-Use the badge embed codes.
-
-### Your Layer5 Profile
+<p><i>Project Badges</i> are assigned by the admin to the user when a user contributes to a particular project. Achievement Badges are the badges that are assigned automatically when a user completes a task like sharing a design, creating a design for the first time, etc.</p>
 
-https://meshery.layer5.io/users
 
-### Your Layer5 Community Member Card
+### How can I Share My Badge On My Profile
 
-https://layer5.io/community/members
+<p>To share your badges on other social profiles, utilize the provided embedded code and direct share functionality. Access your badges from the Layer5 Cloud profile badges section, and then use it to seamlessly post your achievements on social media platforms. This enables you to showcase your Layer5 contributions and milestones to a wider audience.</p>
 
+<img  class="badge-modal" src={BadgesGH} /> 
+<p />
 <h2 align="center">Layer5 Badges</h2>
 
 <h3>Achievement Badges</h3>
@@ -72,19 +63,11 @@ https://layer5.io/community/members
   <img src="https://badges.layer5.io/assets/badges/bring-a-buddy/bring-a-buddy.svg" /><span>Bring a Buddy</span> <p>This badge is awarded to the users who invite someone to Layer5 cloud.</p>
 </div>
 <div>
-  <img src="https://github.com/layer5labs/meshery-extensions-packages/raw/master/assets/badges/first-application/first-application.svg" />
-  <span>Application Pioneer</span> <p>This badge is awarded to the Layer5 cloud users when they create their first application.</p>
-</div>
-<div>
-  <img src="https://badges.layer5.io/assets/badges/first-design/first-design.svg" />
-  <span>Design Pioneer</span> <p>This badge is awarded to the Layer5 cloud users when they create their first design.</p>
-</div>
-<div>
-    <img src="https://github.com/layer5labs/meshery-extensions-packages/raw/master/assets/badges/first-share/first-share.svg" />
+    <img src="https://badges.layer5.io/assets/badges/first-share/first-share.svg" />
     <span>Sharing is Caring</span> <p>This badge is awarded upon first-time sharing one of your designs.</p>
 </div>
 <div>
-    <img src="https://github.com/layer5labs/meshery-extensions-packages/raw/master/assets/badges/first-deployment/first-deployment.svg" /> 
+    <img src="https://badges.layer5.io/assets/badges/first-deployment/first-deployment.svg" /> 
     <span>Shipped</span> <p>This badge is awarded upon the success of your first design deployment.</p>
 </div>
 <div>
@@ -99,12 +82,12 @@ https://layer5.io/community/members
     <img src="https://badges.layer5.io/assets/badges/first-log-streaming-session/first-log-streaming-session.svg" /> <span>Log Streamer</span> <p>This badge is awarded the first time that you stream logs from a Kubernetes Pod.</p>
 </div>
 <div>
-    <img src="https://github.com/layer5labs/meshery-extensions-packages/raw/master/assets/badges/first-collaborator/first-collaborator.svg" />
+    <img src="https://badges.layer5.io/assets/badges/first-collaborator/first-collaborator.svg" />
     <span>GitOps with Friends</span> <p>This badge is awarded the first time a collaborator saves changes to one of your designs.</p>
 </div>
 </div>
 
-<h3>Project and Contribution Badges</h3>
+<h3>Project Badges</h3>
 
 <div class="badge-grid">
 <div>
@@ -160,6 +143,19 @@ https://layer5.io/community/members
 </div>
 </div>
 
+<h3>Certification Badges</h3>
+
+<div class="badge-grid">
+<div>
+  <img src="https://badges.layer5.io/assets/badges/meshmaster-certified/meshmaster-certified.png" />
+  <span>MeshMaster</span> <p>This badge is awarded to individuals who have demonstrated a clear and holistic understanding of cloud native infrastructure management.</p>
+</div>
+<div>
+  <img src="https://badges.layer5.io/assets/badges/certification-program/certification-program.png" />
+  <span>Coming Soon</span> <p>Additional certications are coming soon!</p>
+</div>
+</div>
+
 <h3>Earn your first badge today</h3>
 
 Are you ready to start earning badges? Join the [Layer5](http://layer5.io/) community platform and start making your contributions! By earning badges, you don't just highlight your accomplishments - you contribute to the growth and success of Layer5. Let's celebrate your milestones, your dedication, and your passion for open source together. By obtaining a Layer5 Badge, you have the opportunity to inspire others on their journey and shine.
@@ -177,7 +173,7 @@ There is no set limit to the number of badges you can earn within the Layer5 Rec
 To share your badges on other social profiles, utilize the provided embedded code and direct share functionality. Access your badges from the Layer5 Cloud profile badges section, and then use it to seamlessly post your achievements on social media platforms. This enables you to showcase your Layer5 contributions and milestones to a wider audience. 
 
 **How many badges are there?**
-Our collection of badges consists of 22 in total and is divided into two subcategories: 'Achievement Badges (9)' and 'Project and Contribution Badges (13)'
+Our collection of badges consists of the set that you see posted on this site. New badges are developed on occassion, so keep your eyes peeled for their emergence... or help us design a new one!
 
 **Will there be other categories in the future?**
 Yes, we aim to expand badge categories to recognize a broader range of achievements and contributions, fostering a more inclusive and diverse community.
@@ -186,8 +182,7 @@ Yes, we aim to expand badge categories to recognize a broader range of achieveme
 Yes, incorporating Layer5 recognition badges into your résumé showcases your technical proficiency, commitment, and collaborative spirit, adding credibility to your open source contributions and skills.
 
 **Can I design a badge?**
-No, but Layer5 encourages collaboration and welcomes your ideas to enhance the badge design process and community engagement.
-
+Yes, Layer5 encourages collaboration and welcomes your ideas to enhance the badge design process and community engagement.
 
 </Blog>
 </BlogWrapper>

src/collections/blog/2023/2023-12-05-k8s-nodeports/index.mdx

@@ -22,7 +22,7 @@ import Blockquote from "../../../../reusecore/Blockquote";
 
 <BlogWrapper>
 
-Kubernetes provides a Service to offer a unified traffic endpoint for the Pods. While it offers a VIP to the clients for access and Kubernetes ensures traffic balancing for the accessing back-end Pods, it has a limitation of routing traffic from outside the cluster. To overcome this issue, a new feature called "NodePort" has been introduced. 
+Kubernetes provides a Service to offer a unified traffic endpoint for the Pods. While it offers a VIP to the clients for access and Kubernetes ensures traffic balancing for the accessing back-end Pods, it has a limitation of routing traffic from outside the cluster. The Kubernetes Service setting of "NodePort" was created to overcome this issue. 
 
 By setting up a mapping to a specific port of all nodes in the cluster, a NodePort Service redirects traffic from the outside to the inside of the cluster. When a NodePort Service is created, Kubernetes control plane allocates its corresponding ports in two ways. The first is dynamic, where Kubernetes control plane automatically assigns an unused port at the creation time. The second is static, which assigns a port within the nodeport port range configuration. It is crucial to assign a unique nodePort across the entire cluster while manually assigning nodePort, or it will result in an error if a service of type NodePort already uses that port. 
 

src/collections/events/kickstarting-open-source-with-layer5-2023/index.mdx

@@ -0,0 +1,18 @@
+---
+title: "Kickstarting Open Source with Layer5"
+date: 2023-08-19
+thumbnail: ./kickstarting_your_open_source_with_layer5.webp
+darkthumbnail: ./kickstarting_your_open_source_with_layer5.webp
+eurl: https://lu.ma/z5sjbqws
+type: Event
+published: true
+product: MeshMap, Meshery
+resource: true
+upcoming: true
+speakers: ["Yash Sharma", "Samyak Shah"]
+---
+
+
+<h2>Kickstarting Open Source with Layer5</h2>
+<p>Embark on your Open Source journey with an insightful session led by Layer5's community member Samyak . Joining him is  Yash, our Intern, MeshMate and a valued member of the community. This dynamic duo will guide you through the realms of open-source, while providing valuable insights about Layer5's projects. Don't let this opportunity pass you by – seize the chance to embark on your open source adventure with us and explore the world of Layer5.</p>
+<p><a href=" https://lu.ma/z5sjbqws">Register</a> for the event and join us in a live session on August 19th at 7 PM IST on  <a href="https://discord.gg/newton-school-862937560359108609"> Newton's school  discord</a> channel</p>

src/collections/members/ananya-gautam/index.mdx

@@ -0,0 +1,13 @@
+---
+name: Ananya Gautam
+position: Contributor
+image_path: ./ananya.webp
+github: Boombag0607
+twitter: boombagtwt
+linkedin: ananya-gautam-7342b4201
+layer5: 04079145-d65d-4d0f-a40e-533d358bea83
+location: Bikaner, Rajasthan.
+bio: I am a Birla Institute of Technology and Science, Pilani University senior. My journey involves hands-on learning and practical application of technology. With active contributions to Layer5, I'm committed to advancing its projects. Feel free to connect with me for tech discussions—I'm always eager to connect with fellow enthusiasts and contribute meaningfully.
+status: Active
+published: true
+---

src/collections/members/gopi-vaibhav/index.mdx

@@ -0,0 +1,13 @@
+---
+name: Gopi Vaibhav
+position: Contributor
+image_path: ./gopi-vaibhav.webp
+github: gopivaibhav
+twitter: gopi_vaibhav
+linkedin: gopivaibhav
+layer5: 85339de7-8ca2-4543-8793-1ebb1e76bf99
+location: Lucknow, India
+bio: "I am a Final year CSE student from IIIT Lucknow. I am an experienced MERN Stack Developer with a solid background in Python web frameworks, notably Django. My journey in the tech world has led me to actively contribute to prominent open-source projects like Layer5 and Oppia, through which I started learning to use Golang, Gatsby, GraphQL, Docker, k8s, etc. Aside from coding, I am a passionate student who is continuously pursuing new hobbies, such as trying new video games and participating in outdoor activities. I am constantly open to new and intriguing possibilities and look forward to meeting like-minded professionals. If you have a passion for web development, open-source contributions, or technology in general, let's connect and discuss how we might collaborate to create extraordinary digital solutions! 🚀"
+status: Active
+published: true
+---

src/collections/members/hiren-timbadiya/index.mdx

@@ -0,0 +1,13 @@
+---
+name: Hiren Timbadiya
+position: Contributor
+image_path: ./hiren-timbadiya1.webp
+github: hirentimbadiya
+twitter: heyhiru
+linkedin: hirentimbadiya74
+layer5: 01da757f-4fee-448e-9ba1-1bb655b2b05a
+location: Surat, India
+bio: "I am Hiren Timbadiya, I consider myself an inquisitive developer, constantly seeking to expand my knowledge in various technologies and delve into the boundless possibilities they offer. I am interested in DevOps technologies like kubernates, docker, service meshes, ci/cd, cloud and also enthusiastic about opensource. I am a highly motivated individual who is continuously learning and during my spare time, I love playing cricket and preparing a meal for myself."
+status: Active
+published: true
+---