-
Notifications
You must be signed in to change notification settings - Fork 114
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #684 from newrelic/attend-events-1
Developer events landing page
- Loading branch information
Showing
2 changed files
with
124 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,123 @@ | ||
| import React from 'react'; | ||
| import { css } from '@emotion/core'; | ||
| import cx from 'classnames'; | ||
| import SEO from '../components/Seo'; | ||
| import { Button } from '@newrelic/gatsby-theme-newrelic'; | ||
| import { Link } from 'gatsby'; | ||
| import PageLayout from '../components/PageLayout'; | ||
| import FeatherIcon from '../components/FeatherIcon'; | ||
| import nerdDays from '../images/nerd-days/nerd-days.png'; | ||
| import styles from './nerd-days.module.scss'; | ||
|
|
||
| const EventLandingPage = () => { | ||
| return ( | ||
| <> | ||
| <SEO /> | ||
| <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}> | ||
| <PageLayout.Header title="Developer Events" /> | ||
| <PageLayout.Content> | ||
| <section | ||
| className={cx(styles.section, styles.twoColumn)} | ||
| css={css` | ||
| @media screen and (max-width: 1180px) { | ||
| grid-template-columns: 1fr; | ||
| } | ||
| `} | ||
| > | ||
| <div> | ||
| <p | ||
| className="intro-text" | ||
| css={css` | ||
| margin-bottom: 2rem; | ||
| `} | ||
| > | ||
| There are a lot of developer events out there, so we've curated | ||
| a list of events we're hosting or sponsoring that are dedicated | ||
| to developers, engineers, problem solvers, and builders like | ||
| you. | ||
| </p> | ||
| <h2>Featured event</h2> | ||
| <h3>Nerd Days 1.0: Return of the Data Nerd</h3> | ||
| <p> | ||
| Nerd Days is a FREE engineering conference that kicks off | ||
| October 13 (Dates vary by region). Focused on building more | ||
| perfect software, our goal is to spend less time looking at | ||
| slides that tell you what software can do and more time on | ||
| getting your hands on the software to solve problems | ||
| efficiently. | ||
| </p> | ||
| <Button | ||
| as={Link} | ||
| variant={Button.VARIANT.PRIMARY} | ||
| href="/nerd-days" | ||
| > | ||
| Register here | ||
| <FeatherIcon | ||
| className={styles.externalLinkIcon} | ||
| name="external-link" | ||
| /> | ||
| </Button> | ||
| </div> | ||
| <img | ||
| src={nerdDays} | ||
| alt="Nerd Days 1.0: Return of the Data Nerd" | ||
| css={css` | ||
| width: 100%; | ||
| margin: 0 auto; | ||
| `} | ||
| /> | ||
| </section> | ||
| <h2>Upcoming Events</h2> | ||
| <section className={styles.section}> | ||
| <div | ||
| css={css` | ||
| margin-bottom: 2rem; | ||
| `} | ||
| > | ||
| <h3>Nerd Days 1.0: Return of the Data Nerd</h3> | ||
| <p> | ||
| <strong>US:</strong> October 13, 2020 | ||
| <br /> | ||
| <strong>EMEA:</strong> October 21, 2020 | ||
| <br /> | ||
| <strong>APJ:</strong> October 22, 2020 | ||
| <br /> | ||
| </p> | ||
| <p> | ||
| Nerd Days is a FREE engineering conference that kicks off | ||
| October 13 (Dates vary by region). Focused on building more | ||
| perfect software, our goal is to spend less time looking at | ||
| slides that tell you what software can do and more time on | ||
| getting your hands on the software to solve problems | ||
| efficiently. | ||
| </p> | ||
| </div> | ||
| <div> | ||
| <h3>KubeCon and CloudNativeCon North America 2020</h3> | ||
| <p>November 17-20</p> | ||
| <p> | ||
| The Cloud Native Computing Foundation’s flagship conference | ||
| gathers adopters and technologists from leading open source and | ||
| cloud native communities. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| <h2>Past Events</h2> | ||
| <section className={styles.section}> | ||
| <div> | ||
| <h3>KubeCon and CloudNativeCon Europe 2020</h3> | ||
| <p>August 17 – 20</p> | ||
| <p> | ||
| The Cloud Native Computing Foundation’s flagship conference | ||
| gathers adopters and technologists from leading open source and | ||
| cloud native communities. | ||
| </p> | ||
| </div> | ||
| </section> | ||
| </PageLayout.Content> | ||
| </PageLayout> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||
| export default EventLandingPage; |