Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Relocate developer champion badge on landing page #390

Merged
merged 4 commits into from
Jul 1, 2020
Merged

Relocate developer champion badge on landing page #390

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ff9f944
Relocate developer champion badge within its box on the landing page
Jul 1, 2020
419354b
Make eslint happy
Jul 1, 2020
7e13e62
Make eslint moar happy
Jul 1, 2020
07cd683
MOAR HAPPINESS
Jul 1, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 31 additions & 27 deletions src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -179,33 +179,37 @@ const IndexPage = ({ data, pageContext }) => {
built by the New Relic community.
</p>

<section className={cx(styles.section, styles.stripedSection)}>
<h1>
<img
className={styles.img}
src={devChampionBadge}
alt="developer champion badge"
width="5%"
/>{' '}
New Relic developer champions
</h1>

<p>
New Relic Champions are solving big problems using New Relic as
their linchpin and are recognized as experts and leaders in the New
Relic technical community.
</p>
<Button
as={ExternalLink}
variant={Button.VARIANT.PRIMARY}
href="https://forms.gle/Zkdub5e1x4MNqSKW9"
>
Nominate a Developer Champion
<FeatherIcon
className={styles.externalLinkIcon}
name="external-link"
/>
</Button>
<section
className={cx(
styles.section,
styles.stripedSection,
styles.developerChampions
)}
>
<div>
<h1>New Relic developer champions</h1>
<p>
New Relic Champions are solving big problems using New Relic as
their linchpin and are recognized as experts and leaders in the
New Relic technical community.
</p>
<Button
as={ExternalLink}
variant={Button.VARIANT.PRIMARY}
href="https://forms.gle/Zkdub5e1x4MNqSKW9"
>
Nominate a Developer Champion
<FeatherIcon
className={styles.externalLinkIcon}
name="external-link"
/>
</Button>
</div>
<img
className={styles.img}
src={devChampionBadge}
alt="developer champion badge"
/>
</section>
</Layout>
</PageContext.Provider>
Expand Down
8 changes: 8 additions & 0 deletions src/pages/index.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,3 +106,11 @@
border-color: inherit;
}
}

.developerChampions {
display: flex;

img {
height: 9rem;
}
}