Cleans up page code

Signed-off-by: Jorge Lainfiesta <jorge@roadie.io>
This commit is contained in:
Jorge Lainfiesta
2022-06-21 17:39:38 +02:00
parent 6e948bc6ac
commit f8b90e45b8
+45 -90
View File
@@ -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>
);
};