Skip to content

Commit

Permalink
added spaces between the badges
Browse files Browse the repository at this point in the history
  • Loading branch information
@bunnyDasari
bunnyDasari committed Jul 7, 2024
1 parent 8fc074c commit d90f33c
Showing 1 changed file with 27 additions and 23 deletions.
50 changes: 27 additions & 23 deletions src/sections/Community/Handbook/recognition.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,10 @@ const recognitionsstyle = {
marginBottom: "0.5rem",
};

const badgeSpace = {
marginBottom: "1rem",
}

const RecognitionPage = () => {
return (
<HandbookWrapper>
Expand Down Expand Up @@ -104,96 +108,96 @@ const RecognitionPage = () => {
</p>
<ul style={badgeListStyle}>
<p><b>Activity badges:</b></p>
<li>
<li style = {badgeSpace}>
<img src={DesignPioneerLogo} style={badgeStyle} />
<b>Design Pioneer</b> - awarded to the Layer5 cloud users when they create their first design.
</li>
<li>
<li style = {badgeSpace}>
<img src={ApplicationPioneerLogo} style={badgeStyle} />
<b>Application Pioneer</b> - awarded to the Layer5 cloud users when they create their first application.
</li>
<li>
<li style = {badgeSpace}>
<img src={SharingIsCaringLogo} style={badgeStyle} />
<b>Sharing is Caring</b> - This badge is awarded upon first-time sharing one of your designs.
</li>
<li>
<li style = {badgeSpace}>
<img src={ShippedLogo} style={badgeStyle} />
<b>Shipped</b> - This badge is awarded upon the success of your first design deployment.
</li>
<li>
<li style = {badgeSpace}>
<img src={NeedForSpeedLogo} style={badgeStyle} />
<b>Need for Speed</b> - This badge is awarded upon successful execution of your first performance test.
</li>
<li>
<li style = {badgeSpace}>
<img src={HipHackerLogo} style={badgeStyle} />
<b>Hip Hacker</b> - First Interactive Terminal Session - awarded the first time that you establish an interactive terminal session with a Kubernetes Pod.
</li>
<li>
<li style = {badgeSpace}>
<img src={StreamerLogo} style={badgeStyle} />
<b>Streamer</b> - First Log Streaming Session - awarded the first time that you stream logs from a Kubernetes Pod.
</li>
<li>
<li style = {badgeSpace}>
<img src={GitOPsWithFriendsLogo} style={badgeStyle} />
<b>GitOps with Friends</b> - First Collaborator - awarded the first time a collaborator saves changes to one of your designs.
</li>
<li>
<li style = {badgeSpace}>
<img src={BringABuddyLogo} style={badgeStyle} />
<b>Bring a Buddy</b> - awarded to the users who invite someone to Layer5 cloud.
</li>
<p><b>Projects:</b></p>
<li>
<li style = {badgeSpace}>
<img src={ImageHubLogo} style={badgeStyle} />
<b>Image Hub</b> - awarded to the community members who make consistent and impactful contributions to the Image Hub project in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={meshmapLogo} style={badgeStyle} />
<b>MeshMap</b> - awarded to the community members who make consistent and impactful contributions to the <Link to="/cloud-native-management/meshmap">MeshMap</Link> project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
</li>
<li>
<li style = {badgeSpace}>
<img src={ServiceMeshPerformance} style={badgeStyle} />
<b>Cloud Native Performance</b> - awarded to the community members who make consistent and impactful contributions to the Cloud Native Performance project. Community members who earn this badge occasionally become a project maintainer.
</li>
<li>
<li style = {badgeSpace}>
<img src={CommunityLogo} style={badgeStyle} />
<b>Community</b> - awarded to the community members who repeatedly engage in welcoming, encouraging, and supporting other Layer5 community members. Community members who earn this badge occasionally graduate to undertaking the Community Manager role.
</li>
<li>
<li style = {badgeSpace}>
<img src={MesheryLogo} style={badgeStyle} />
<b>Meshery</b> - awarded to the community members who make consistent and impactful contributions to the Meshery project. Community members who earn this badge occasionally become a project maintainer.
</li>
<li>
<li style = {badgeSpace}>
<img src={MesheryOperator} style={badgeStyle} />
<b>Meshery Operator</b> - awarded to the community members who make consistent and impactful contributions to Meshery Operator of the Meshery project in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={PatternsLogo} style={badgeStyle} />
<b>Patterns</b> - awarded to the community members who make consistent and impactful contributions to the <Link to="/learn/service-mesh-books/service-mesh-patterns">Cloud Native Patterns</Link> project in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={LandscapeGreen} style={badgeStyle} />
<b>Landscape</b> - awarded to the community members who make consistent and impactful contributions to the layer5.io website.
</li>
<li>
<li style = {badgeSpace}>
<img src={writersLogo} style={badgeStyle} />
<b>Writer's Program</b> - awarded to the community members who make with two or more published writings whether in article, blog post, project documentation or other form in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={NightHawkLogo} style={badgeStyle} />
<b>Nighthawk</b> - awarded to the community members who make consistent and impactful contributions to the NightHawk project in recognition and appreciation of their efforts. Community members who earn this badge occasionally become a project maintainer.
</li>
<li>
<li style = {badgeSpace}>
<img src={uiuxrLogo} style={badgeStyle} />
<b>UI/UX</b> - 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.
</li>
<li>
<li style = {badgeSpace}>
<img src={MesheryCatalogLogo} style={badgeStyle} />
<b>Meshery Catalog</b> - awarded to the community members who make consistent and impactful contributions to the <a href="https://meshery.io/catalog">Meshery Catalog</a> of Meshery project in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={DockerExtension} style={badgeStyle} />
<b>Docker Extension</b> - awarded to the community members who make consistent and impactful contributions to the Docker Extension of meshery project in recognition and appreciation of their efforts.
</li>
<li>
<li style = {badgeSpace}>
<img src={DocsLogo} style={badgeStyle} />
<b>Docs</b> - awarded to the community members who make consistent and impactful contributions to the <a href="https://docs.meshery.io/">Meshery docs</a> in recognition and appreciation of their efforts.
</li>
Expand Down

0 comments on commit d90f33c

Please sign in to comment.