From f8b90e45b8b6398ba27f859e8694d70e66563804 Mon Sep 17 00:00:00 2001
From: Jorge Lainfiesta <jorge@roadie.io>
Date: Tue, 21 Jun 2022 17:39:38 +0200
Subject: [PATCH] Cleans up page code

Signed-off-by: Jorge Lainfiesta <jorge@roadie.io>
---
 microsite/pages/en/community.js | 135 +++++++++++---------------------
 1 file changed, 45 insertions(+), 90 deletions(-)

diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 3d32226c60..15db10e420 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -8,8 +8,6 @@
 const React = require('react');
 const Components = require(`${process.cwd()}/core/Components.js`);
 const Block = Components.Block;
-const Breakpoint = Components.Breakpoint;
-const ActionBlock = Components.ActionBlock;
 const BulletLine = Components.BulletLine;
 
 const PARTNERS = [{
@@ -41,7 +39,7 @@ const Background = props => {
             <Block.Title main>Backstage Community</Block.Title>
             <Block.Paragraph>
               Join
-              the vibrant community around the Backstage project through social media and different meetups. To ensure you have a welcoming environment, we follow {' '}
+              the vibrant community around Backstage through social media and different meetups. To ensure you have a welcoming environment, we follow {' '}
               <a href="https://github.com/cncf/foundation/blob/master/code-of-conduct.md">
                 {' '}
                 CNCF Code of Conduct
@@ -49,20 +47,20 @@ const Background = props => {
               in everything we do.
             </Block.Paragraph>
           </Block.TextBox>
-          <Block.TextBox style={{margin: 'auto' }}>
+          <Block.TextBox style={{ margin: 'auto' }}>
             <Block.Paragraph>
-            <Block.SmallTitle small>
-              Get started in our community!
+              <Block.SmallTitle small>
+                Get started in our community!
               </Block.SmallTitle>
               <ul>
                 <li>
-                  <Block.Paragraph style={{marginBottom: '0' }}>
+                  <Block.Paragraph style={{ marginBottom: '0' }}>
                     Chat and get support on our{' '}
                     <a href="https://discord.gg/MUpMjP2">Discord</a>
                   </Block.Paragraph>
                 </li>
                 <li>
-                  <Block.Paragraph style={{marginBottom: '0' }}>
+                  <Block.Paragraph style={{ marginBottom: '0' }}>
                     Get into contributing with the{' '}
                     <a href="https://github.com/backstage/backstage/contribute">
                       Good First Issues
@@ -70,7 +68,7 @@ const Background = props => {
                   </Block.Paragraph>
                 </li>
                 <li>
-                  <Block.Paragraph style={{marginBottom: '0' }}>
+                  <Block.Paragraph style={{ marginBottom: '0' }}>
                     Subscribe to the{' '}
                     <a href="https://mailchi.mp/spotify/backstage-community">
                       Community newsletter
@@ -78,7 +76,7 @@ const Background = props => {
                   </Block.Paragraph>
                 </li>
                 <li>
-                  <Block.Paragraph style={{marginBottom: '0' }}>
+                  <Block.Paragraph style={{ marginBottom: '0' }}>
                     Join the{' '}
                     <a href="https://twitter.com/i/communities/1494019781716062215">
                       Twitter community
@@ -91,51 +89,47 @@ const Background = props => {
         </Block.Container>
       </Block>
 
-      <Block className="stripe-top" style={{ paddingBottom: '0' }}>
-        <Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
+      <Block className="stripe-top stripe-bottom bg-teal-bottom">
+        <Block.Container style={{ flexFlow: 'column nowrap' }}>
           <Block.TextBox wide>
             <Block.Subtitle>Offical Backstage initiatives</Block.Subtitle>
             <Block.Title small>Stay tuned to the latest developments</Block.Title>
           </Block.TextBox>
-        </Block.Container>
-      </Block>
-
-      <Block className="stripe-top stripe-bottom bg-teal-bottom" style={{ paddingTop: '0' }}>
-        <Block.Container style={{ justifyContent: 'flex-start' }}>
-          <Block.TextBox style={{ flexShrink: '1' }}>
-            <BulletLine />
-            <Block.SmallTitle small>
-              Community sessions
-            </Block.SmallTitle>
-            <Block.Paragraph>
-              Maintainers and adopters meet monthly to share updates,
-              demos, and ideas. Yep, all sessions are recorded!
-            </Block.Paragraph>
-            <Block.LinkButton href="/on-demand">Join a session</Block.LinkButton>
-          </Block.TextBox>
-          <Block.TextBox style={{ flexShrink: '1' }}>
-            <BulletLine />
-            <Block.SmallTitle small>
-              Newsletter
-            </Block.SmallTitle>
-            <Block.Paragraph>
-              The official monthly Backstage newsletter. Don't miss
-              the latest news from your favorite project!
-            </Block.Paragraph>
-            <Block.LinkButton href="/on-demand">Subscribe</Block.LinkButton>
-          </Block.TextBox>
-          <Block.TextBox style={{ flexShrink: '1' }}>
-            <BulletLine />
-            <Block.SmallTitle small>
-              Contributor Spotlight
-            </Block.SmallTitle>
-            <Block.Paragraph>
-              A recognition for valuable community work. Nominate contributing members for
-              their efforts! We'll put them in the spotlight ❤️
-            </Block.Paragraph>
-            <Block.LinkButton href="nominate ">Nominate now</Block.LinkButton>
-          </Block.TextBox>
-
+          <Block.Container>
+            <Block.TextBox style={{ flexShrink: '1' }}>
+              <BulletLine />
+              <Block.SmallTitle small>
+                Community sessions
+              </Block.SmallTitle>
+              <Block.Paragraph>
+                Maintainers and adopters meet monthly to share updates,
+                demos, and ideas. Yep, all sessions are recorded!
+              </Block.Paragraph>
+              <Block.LinkButton href="/on-demand">Join a session</Block.LinkButton>
+            </Block.TextBox>
+            <Block.TextBox style={{ flexShrink: '1' }}>
+              <BulletLine />
+              <Block.SmallTitle small>
+                Newsletter
+              </Block.SmallTitle>
+              <Block.Paragraph>
+                The official monthly Backstage newsletter. Don't miss
+                the latest news from your favorite project!
+              </Block.Paragraph>
+              <Block.LinkButton href="/on-demand">Subscribe</Block.LinkButton>
+            </Block.TextBox>
+            <Block.TextBox style={{ flexShrink: '1' }}>
+              <BulletLine />
+              <Block.SmallTitle small>
+                Contributor Spotlight
+              </Block.SmallTitle>
+              <Block.Paragraph>
+                A recognition for valuable community work. Nominate contributing members for
+                their efforts! We'll put them in the spotlight ❤️
+              </Block.Paragraph>
+              <Block.LinkButton href="nominate ">Nominate now</Block.LinkButton>
+            </Block.TextBox>
+          </Block.Container>
         </Block.Container>
       </Block>
       <Block className="stripe-top bg-black" >
@@ -186,45 +180,6 @@ const Background = props => {
           ))}
         </Block.Container>
       </Block>
-
-
-      {/* <Block className="stripe bg-black">
-        <Block.Container style={{ justifyContent: 'flex-start' }}>
-          <Block.TextBox>
-            <Block.Title>Spotlight</Block.Title>
-            <Block.Paragraph>
-              A recognition for valuable community work, the{' '}
-              <b>Contributor Spotlight</b>. Nominate contributing members for
-              their efforts! We'll put them in the spotlight ❤️.
-              <br />
-            </Block.Paragraph>
-            <Block.LinkButton href="nominate ">Nominate now</Block.LinkButton>
-          </Block.TextBox>
-          <Block.TextBox>
-            <Block.Title>Open Mic Meetup</Block.Title>
-            <Block.Paragraph>
-              A monthly casual get together of Backstage users sharing their
-              experiences and helping each other. Hosted by{' '}
-              <a href="https://roadie.io/">Roadie.io</a> and{' '}
-              <a href="https://frontside.com/">Frontside Software</a>.
-              <br />
-            </Block.Paragraph>
-            <Block.LinkButton href="https://backstage-openmic.com/">
-              Learn more
-            </Block.LinkButton>
-          </Block.TextBox>
-          <Block.TextBox>
-            <Block.Title>Backstage Weekly</Block.Title>
-            <Block.Paragraph>
-              A weekly newsletter with news, updates and things community from
-              your friends at <a href="https://roadie.io/">Roadie.io</a>.
-            </Block.Paragraph>
-            <Block.LinkButton href="https://roadie.io/backstage-weekly/">
-              Learn more
-            </Block.LinkButton>
-          </Block.TextBox>
-        </Block.Container>
-      </Block> */}
     </main>
   );
 };