From 45ea6f493674fd36726f067b17713b25ce2b8732 Mon Sep 17 00:00:00 2001
From: Jeff Feng <jeffreyf@spotify.com>
Date: Wed, 29 Jan 2025 12:57:01 -0500
Subject: [PATCH 1/4] styling: Matching text alignment of other pages

Changing to left-aligned text on the Community page to match how text is aligned on other microsite pages.

Signed-off-by: Jeff Feng <jeffreyf@spotify.com>
---
 microsite/src/pages/community/community.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/microsite/src/pages/community/community.module.scss b/microsite/src/pages/community/community.module.scss
index 3f829b0100..14ff66db37 100644
--- a/microsite/src/pages/community/community.module.scss
+++ b/microsite/src/pages/community/community.module.scss
@@ -10,7 +10,7 @@
   }
 
   p {
-    text-align: justify;
+    text-align: left;
   }
 }
 

From 61fef5f18a90251a41645bf224a81aa8a75f6486 Mon Sep 17 00:00:00 2001
From: Jeff Feng <jeffreyf@spotify.com>
Date: Wed, 29 Jan 2025 13:17:45 -0500
Subject: [PATCH 2/4] styling: Matching text alignment

Changing to left-aligned text on the Demo page to match how text is aligned on other microsite pages.

Signed-off-by: Jeff Feng <jeffreyf@spotify.com>
---
 microsite/src/pages/demos/demos.module.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/microsite/src/pages/demos/demos.module.scss b/microsite/src/pages/demos/demos.module.scss
index b99874297e..c8caedbeac 100644
--- a/microsite/src/pages/demos/demos.module.scss
+++ b/microsite/src/pages/demos/demos.module.scss
@@ -13,7 +13,7 @@
 .banner {
   p {
     flex: 1;
-    text-align: justify;
+    text-align: left;
   }
 
   iframe {

From a78d52d1c852b3a147613cb3e91a1a3d272517b6 Mon Sep 17 00:00:00 2001
From: Jeff Feng <jeffreyf@spotify.com>
Date: Wed, 29 Jan 2025 13:24:31 -0500
Subject: [PATCH 3/4] Adding CBA info and styling tweaks

Adding description/link to the Certified Backstage Associate (CBA) certification.

Also, miscellaneous styling tweaks.

Signed-off-by: Jeff Feng <jeffreyf@spotify.com>
---
 microsite/src/pages/community/index.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/microsite/src/pages/community/index.tsx b/microsite/src/pages/community/index.tsx
index 171a5efcdf..0ab29520e7 100644
--- a/microsite/src/pages/community/index.tsx
+++ b/microsite/src/pages/community/index.tsx
@@ -33,14 +33,14 @@ const Community = () => {
     },
     {
       content: 'Subscribe to the',
-      label: 'Community newsletter',
+      label: 'Community Newsletter',
       link: 'https://info.backstage.spotify.com/newsletter_subscribe',
     },
   ];
 
   const officialInitiatives: ICollectionItem[] = [
     {
-      title: 'Community sessions',
+      title: 'Community Sessions',
       content:
         'Maintainers and adopters meet monthly to share updates, demos, and ideas. You can find recorded session on our YouTube channel!',
       link: 'https://github.com/backstage/community/tree/main/backstage-community-sessions#backstage-community-sessions',
@@ -63,6 +63,13 @@ const Community = () => {
       link: 'https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/',
       label: 'Learn more',
     },
+    {
+      title: 'Certified Backstage Associate (CBA)',
+      content:
+        'Designed for IT engineers, developers, platform engineers, and other IT professionals, the CBA proves you have the skills and the mindset to work with Backstage.',
+      link: 'https://www.cncf.io/training/certification/cba/',
+      label: 'Learn more',
+    },
   ];
 
   const partners: { name: string; url: string; logo: string }[] = [
@@ -125,11 +132,11 @@ const Community = () => {
             >
               Join the vibrant community around Backstage through social media
               and different meetups. To ensure that you have a welcoming
-              environment, we follow the
+              environment, we follow the{' '}
               <Link to="https://github.com/cncf/foundation/blob/master/code-of-conduct.md">
-                {' '}
-                CNCF Code of Conduct{' '}
+              CNCF Code of Conduct
               </Link>
+              {' '}
               in everything we do.
             </ContentBlock>
 
@@ -159,7 +166,7 @@ const Community = () => {
           <BannerSectionGrid
             header={
               <>
-                <h2 className="text--primary">Offical Backstage initiatives</h2>
+                <h2 className="text--primary">Offical Backstage Initiatives</h2>
 
                 <h1>Stay tuned to the latest developments</h1>
               </>

From 930fc3c4aa8d3643fe6b4828a2ca2e7c4ad1d303 Mon Sep 17 00:00:00 2001
From: Jeff Feng <jeffreyf@spotify.com>
Date: Thu, 30 Jan 2025 13:08:44 -0500
Subject: [PATCH 4/4] Fixed prettier issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Got my prettier working again😅.

Signed-off-by: Jeff Feng <jeffreyf@spotify.com>
---
 microsite/src/pages/community/index.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/microsite/src/pages/community/index.tsx b/microsite/src/pages/community/index.tsx
index 0ab29520e7..1e31edeedc 100644
--- a/microsite/src/pages/community/index.tsx
+++ b/microsite/src/pages/community/index.tsx
@@ -134,9 +134,8 @@ const Community = () => {
               and different meetups. To ensure that you have a welcoming
               environment, we follow the{' '}
               <Link to="https://github.com/cncf/foundation/blob/master/code-of-conduct.md">
-              CNCF Code of Conduct
-              </Link>
-              {' '}
+                CNCF Code of Conduct
+              </Link>{' '}
               in everything we do.
             </ContentBlock>