update-badges

Signed-off-by: Gaurav Chadha <[email protected]>

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

@@ -19,6 +19,7 @@ import { Link } from "gatsby";
 import Button from "../../../../reusecore/Button";
 import Blockquote from "../../../../reusecore/Blockquote";
 import { Blog } from "./blog.style";
+import BadgesGH from "./badges-modal.png"
 import { Playfield } from "./layer5-community-playfield.webp";
 
 <BlogWrapper>
@@ -44,25 +45,16 @@ 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
 
-https://meshery.layer5.io/users
+### How can I Share My Badge On My Profile
 
-### Your Layer5 Community Member Card
+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.
 
-https://layer5.io/community/members
+<img src={BadgesGH} /> 
 
 <h2 align="center">Layer5 Badges</h2>
 
@@ -72,19 +64,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/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 +83,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</h3>
 
 <div class="badge-grid">
 <div>
@@ -160,6 +144,15 @@ https://layer5.io/community/members
 </div>
 </div>
 
+<h3>Certification Badges</h3>
+
+<div class="badge-grid">
+<div>
+  <img src="https://badges.layer5.io/assets/badges/ui-ux/ui-ux.svg" />
+  <span>UI/UX</span> <p>This badge is awarded to the community members who create or improve designs for visual aspects or user flow for any of the websites, flyers, promotions, Meshery UI, and so on in recognition and appreciation of their efforts.</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 +170,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 22 in total and is divided into two subcategories: 'Achievement Badges' and 'Project'
 
 **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.