diff --git a/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.png b/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.png new file mode 100644 index 000000000000..10cdb8654e11 Binary files /dev/null and b/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.png differ diff --git a/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.webp b/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.webp deleted file mode 100644 index 4699135615cd..000000000000 Binary files a/src/collections/blog/2023/2023-08-14-layer5-badge-program/badges-modal.webp and /dev/null differ diff --git a/src/collections/blog/2023/2023-08-14-layer5-badge-program/blog.style.js b/src/collections/blog/2023/2023-08-14-layer5-badge-program/blog.style.js index 21ed1978db35..d4534b9a76e4 100644 --- a/src/collections/blog/2023/2023-08-14-layer5-badge-program/blog.style.js +++ b/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; diff --git a/src/collections/blog/2023/2023-08-14-layer5-badge-program/index.mdx b/src/collections/blog/2023/2023-08-14-layer5-badge-program/index.mdx index 9e0e6b02cedc..b037125f0263 100644 --- a/src/collections/blog/2023/2023-08-14-layer5-badge-program/index.mdx +++ b/src/collections/blog/2023/2023-08-14-layer5-badge-program/index.mdx @@ -19,7 +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.webp" +import BadgesGH from "./badges-modal.png" @@ -53,7 +53,7 @@ It does not matter if you are an experienced developer, a newbie figuring out yo

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.

- +

Layer5 Badges

@@ -173,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' and 'Project' +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. @@ -182,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.