FIX: Fixed the UI of the Community page

Signed-off-by: Rupsnigdha <rupsnigdhakashyap@gmail.com>
Signed-off-by: Rupsnigdha <83987752+Rupsnigdha@users.noreply.github.com>
This commit is contained in:
Rupsnigdha
2022-10-31 19:48:42 +05:30
parent a8cf285b8f
commit 4da6352742
+50 -35
View File
@@ -103,64 +103,79 @@ const Background = props => {
Stay tuned to the latest developments
</Block.Title>
</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.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
<Block.Container column>
<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.Container>
<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.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
<Block.Container column>
<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.Container>
<Block.LinkButton href="https://info.backstage.spotify.com/newsletter_subscribe">
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.TextBox style={{ flexShrink: '1', alignSelf: 'stretch' }}>
<Block.Container column>
<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.Container>
<Block.LinkButton href="/nominate">Nominate now</Block.LinkButton>
</Block.TextBox>
</Block.Container>
</Block.Container>
</Block>
<Block className="stripe-top bg-black">
<Block.Container wrapped style={{ justifyContent: 'flex-start' }}>
<Block.TextBox wide>
<Block.Subtitle>Community initiatives</Block.Subtitle>
</Block.TextBox>
<Block.TextBox small>
<Block.SmallTitle>Open Mic Meetup</Block.SmallTitle>
<Block.Paragraph>
A 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>.
</Block.Paragraph>
<Block.TextBox small style={{ alignSelf: 'stretch' }}>
<Block.Container column>
<Block.SmallTitle>Open Mic Meetup</Block.SmallTitle>
<Block.Paragraph>
A 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>.
</Block.Paragraph>
</Block.Container>
<Block.LinkButton href="https://backstage-openmic.com/">
Learn more
</Block.LinkButton>
</Block.TextBox>
<Block.TextBox small>
<Block.SmallTitle>Backstage Weekly Newsletter</Block.SmallTitle>
<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.TextBox small style={{ alignSelf: 'stretch' }}>
<Block.Container column>
<Block.SmallTitle>Backstage Weekly Newsletter</Block.SmallTitle>
<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.Container>
<Block.LinkButton href="https://roadie.io/backstage-weekly/">
Learn more
</Block.LinkButton>