From cba57dfd0110e122a874301d6f7e7c6535557277 Mon Sep 17 00:00:00 2001
From: thisisobate <obasiuche62@gmail.com>
Date: Tue, 8 Nov 2022 21:59:43 +0100
Subject: [PATCH 1/3] Feat: add training section to backstage.io

Signed-off-by: thisisobate <obasiuche62@gmail.com>
---
 microsite/pages/en/community.js | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 0580ec045a..63d5e04d20 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -149,7 +149,7 @@ const Background = props => {
         </Block.Container>
       </Block>
 
-      <Block className="stripe-top bg-black">
+      <Block className="stripe-top bg-teal-bottom">
         <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
           <Block.TextBox wide>
             <Block.Subtitle>Community initiatives</Block.Subtitle>
@@ -183,6 +183,29 @@ const Background = props => {
         </Block.Container>
       </Block>
 
+      <Block className="stripe-top stripe-bottom">
+        <Block.Container style={{ flexFlow: 'column nowrap' }}>
+          <Block.TextBox wide>
+            <Block.Subtitle>Trainings and Certifications</Block.Subtitle>
+          </Block.TextBox>
+
+          <Block.Container>
+            <Block.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
+              <Block.Container column>
+                <BulletLine />
+                <Block.SmallTitle small>Introduction to Backstage: Developer Portals Made Easy (LFS142x)</Block.SmallTitle>
+                <Block.Paragraph>
+                  This is a course produced and curated by the Linux Foundation. This course introduces you to Backstage and how to get started with the project. 
+                </Block.Paragraph>
+              </Block.Container>
+              <Block.LinkButton href="https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/">
+              Learn more
+              </Block.LinkButton>
+            </Block.TextBox>
+          </Block.Container>
+        </Block.Container>
+      </Block>
+
       <Block className="stripe-top bg-black-grey">
         <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
           <Block.TextBox wide>

From 70a06dd3fc1e1c0e677fc7a6c6df45d8b0ef9235 Mon Sep 17 00:00:00 2001
From: thisisobate <obasiuche62@gmail.com>
Date: Tue, 8 Nov 2022 23:02:31 +0100
Subject: [PATCH 2/3] chore: fix prettier error

Signed-off-by: thisisobate <obasiuche62@gmail.com>
---
 microsite/pages/en/community.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 63d5e04d20..2742784fbf 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -188,18 +188,23 @@ const Background = props => {
           <Block.TextBox wide>
             <Block.Subtitle>Trainings and Certifications</Block.Subtitle>
           </Block.TextBox>
-
           <Block.Container>
             <Block.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
               <Block.Container column>
                 <BulletLine />
-                <Block.SmallTitle small>Introduction to Backstage: Developer Portals Made Easy (LFS142x)</Block.SmallTitle>
+                <Block.SmallTitle small>
+                  Introduction to Backstage: Developer Portals Made Easy
+                  (LFS142x)
+                </Block.SmallTitle>
                 <Block.Paragraph>
-                  This is a course produced and curated by the Linux Foundation. This course introduces you to Backstage and how to get started with the project. 
+                  This is a course produced and curated by the Linux Foundation.
+                  This course introduces you to Backstage and how to get started
+                  with the project.
                 </Block.Paragraph>
               </Block.Container>
+
               <Block.LinkButton href="https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/">
-              Learn more
+                Learn more
               </Block.LinkButton>
             </Block.TextBox>
           </Block.Container>

From 5e14b067ecfe99553edc48df950cca244b54248e Mon Sep 17 00:00:00 2001
From: thisisobate <obasiuche62@gmail.com>
Date: Tue, 8 Nov 2022 23:14:09 +0100
Subject: [PATCH 3/3] chore: set background colors to blend well

Signed-off-by: thisisobate <obasiuche62@gmail.com>
---
 microsite/pages/en/community.js | 35 ++++++++++++++-------------------
 1 file changed, 15 insertions(+), 20 deletions(-)

diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 2742784fbf..a5fd5353e0 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -149,7 +149,7 @@ const Background = props => {
         </Block.Container>
       </Block>
 
-      <Block className="stripe-top bg-teal-bottom">
+      <Block className="stripe-bottom bg-black-grey">
         <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
           <Block.TextBox wide>
             <Block.Subtitle>Community initiatives</Block.Subtitle>
@@ -188,26 +188,21 @@ const Background = props => {
           <Block.TextBox wide>
             <Block.Subtitle>Trainings and Certifications</Block.Subtitle>
           </Block.TextBox>
-          <Block.Container>
-            <Block.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
-              <Block.Container column>
-                <BulletLine />
-                <Block.SmallTitle small>
-                  Introduction to Backstage: Developer Portals Made Easy
-                  (LFS142x)
-                </Block.SmallTitle>
-                <Block.Paragraph>
-                  This is a course produced and curated by the Linux Foundation.
-                  This course introduces you to Backstage and how to get started
-                  with the project.
-                </Block.Paragraph>
-              </Block.Container>
+          <Block.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
+            <BulletLine />
+            <Block.SmallTitle small>
+              Introduction to Backstage: Developer Portals Made Easy (LFS142x)
+            </Block.SmallTitle>
+            <Block.Paragraph>
+              This is a course produced and curated by the Linux Foundation.
+              This course introduces you to Backstage and how to get started
+              with the project.
+            </Block.Paragraph>
 
-              <Block.LinkButton href="https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/">
-                Learn more
-              </Block.LinkButton>
-            </Block.TextBox>
-          </Block.Container>
+            <Block.LinkButton href="https://training.linuxfoundation.org/training/introduction-to-backstage-developer-portals-made-easy-lfs142x/">
+              Learn more
+            </Block.LinkButton>
+          </Block.TextBox>
         </Block.Container>
       </Block>