Merge pull request #255 from layer5labs/ritiksaxena124/new-section

[Badges Site] A section for special edition badges
layer5labs · Apr 8, 2024 · ff87b45 · ff87b45
2 parents 22ffd3b + a1fe114
commit ff87b45
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 8 deletions.
diff --git a/site/src/badgesInfo.json b/site/src/badgesInfo.json
@@ -1,17 +1,25 @@
 {
-    "achievementBadges": [
+    "specialEditionBadges": [
         {
             "slug": "docker-captain",
             "location": "assets/badges/docker-captain/docker-captain.png",
             "title": "Docker Captain",
-            "description": "This is a special edition badge and it is awarded to Docker Captains." 
+            "description": "This is a special sedition badge and it is awarded to Docker Captains." 
         },
         {
             "slug": "cncf-ambassador",
             "location": "assets/badges/cncf-ambassador/cncf-ambassador.png",
             "title": "CNCF Ambassador",
             "description": "This is a special edition badge and it is awarded to CNCF Ambassadors." 
         },
+        {
+            "slug": "hacktoberfest-contributor",
+            "location": "assets/badges/hacktoberfest-contributor/hacktoberfest-contributor.png",
+            "title": "Hacktoberfest Contributor",
+            "description": "This badge is awarded to the contributors who contribute to any Layer5 project during Hacktoberfest."
+        }
+    ],
+    "achievementBadges": [
         {
             "slug": "code-cleanup-crew",
             "location": "assets/badges/code-cleanup-crew/code-cleanup-crew.png",
@@ -30,12 +38,6 @@
             "title": "Longevity Legend",
             "description": "This badge is awarded for long-term, sustained contributions to the project over the years."
         },
-        {
-            "slug": "hacktoberfest-contributor",
-            "location": "assets/badges/hacktoberfest-contributor/hacktoberfest-contributor.png",
-            "title": "Hacktoberfest Contributor",
-            "description": "This badge is awarded to the contributors who contribute to any Layer5 project during Hacktoberfest."
-        },
         {
             "slug": "review-rockstar",
             "location": "assets/badges/review-rockstar/review-rockstar.png",

diff --git a/site/src/sitecomponents/BadgeGrid/index.js b/site/src/sitecomponents/BadgeGrid/index.js
@@ -8,6 +8,19 @@ const jsonData = require('../../badgesInfo.json');
 const Footer = () => {
   return (
     <BadgesWrapper>
+      <h2>Special Edition Badges</h2>
+      <div className="badge-grid">
+        {jsonData.specialEditionBadges.map((badge) => {
+          return (
+            <div key={badge.slug}>
+              <img src={badge.location} alt="Layer5 badges" />
+              <span>{badge.title}</span>
+              <p>{badge.description}</p>
+            </div>
+          );
+        })}
+      </div>
+
       <h2>Achievement Badges</h2>
       <div className="badge-grid">
         {jsonData.achievementBadges.map((badge) => {