-
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.
feat: use PageLayout for podcasts page
- Loading branch information
1 parent
37b7d0b
commit 3f706f1
Showing
1 changed file
with
54 additions
and
50 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
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,65 +1,69 @@ | ||
| import React from 'react'; | ||
| import cx from 'classnames'; | ||
| import SEO from '../components/Seo'; | ||
| import PageTitle from '../components/PageTitle'; | ||
| import PageLayout from '../components/PageLayout'; | ||
| import podcastsHeader from '../images/podcasts/podcasts.jpg'; | ||
| import styles from './podcasts.module.scss'; | ||
|
|
||
| const PodcastsPage = () => { | ||
| return ( | ||
| <> | ||
| <SEO /> | ||
| <PageTitle>New Relic Podcasts</PageTitle> | ||
| <section className={cx(styles.section, styles.twoColumn)}> | ||
| <div> | ||
| <p> | ||
| Sometimes we talk on the internet about some things. You probably | ||
| listen to some things on the internet sometimes. We're perfect for | ||
| each other. | ||
| </p> | ||
| <p> | ||
| We're in the process of spinning up a few podcasts to bring you all | ||
| the news, code and pontification that's fit for publication, and | ||
| rather a lot that isn't as well. | ||
| </p> | ||
| <p> | ||
| For the time being we have one podcast, so we're including it here | ||
| for your listening enjoyment. | ||
| </p> | ||
| <p> | ||
| While it may seem silly to start an entire page for podcasts when we | ||
| only have the one (we should really have called it 'podcast' page), | ||
| we had to start somewhere. | ||
| </p> | ||
| <p> | ||
| <blockquote> | ||
| <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}> | ||
| <PageLayout.Header title="New Relic Podcasts" /> | ||
| <PageLayout.Content> | ||
| <section className={cx(styles.section, styles.twoColumn)}> | ||
| <div> | ||
| <p> | ||
| "Omnium rerum principia parva sunt" (All things have small | ||
| beginnings) | ||
| Sometimes we talk on the internet about some things. You | ||
| probably listen to some things on the internet sometimes. We're | ||
| perfect for each other. | ||
| </p> | ||
| <footer>- Marcus Tullius Cicero (106 BC - 43 BC)</footer> | ||
| </blockquote> | ||
| </p> | ||
| <p> | ||
| We hope you enjoy it. If you don't please feel free to{' '} | ||
| <a href="mailto:[email protected]">send us mean emails.</a> It's | ||
| internet tradition. | ||
| </p> | ||
| </div> | ||
| <img | ||
| className={styles.img} | ||
| src={podcastsHeader} | ||
| alt="podcasts header" | ||
| /> | ||
| </section> | ||
| <section className={cx(styles.section, styles.player)}> | ||
| <div id="buzzsprout-player"> | ||
| <iframe | ||
| title="buzzsprout" | ||
| src="https://www.buzzsprout.com/1225223?client_source=large_player&iframe=true&referrer=https://www.buzzsprout.com/1225223.js?container_id=buzzsprout-large-player-1225223&player=large" | ||
| /> | ||
| </div> | ||
| </section> | ||
| <p> | ||
| We're in the process of spinning up a few podcasts to bring you | ||
| all the news, code and pontification that's fit for publication, | ||
| and rather a lot that isn't as well. | ||
| </p> | ||
| <p> | ||
| For the time being we have one podcast, so we're including it | ||
| here for your listening enjoyment. | ||
| </p> | ||
| <p> | ||
| While it may seem silly to start an entire page for podcasts | ||
| when we only have the one (we should really have called it | ||
| 'podcast' page), we had to start somewhere. | ||
| </p> | ||
| <p> | ||
| <blockquote> | ||
| <p> | ||
| "Omnium rerum principia parva sunt" (All things have small | ||
| beginnings) | ||
| </p> | ||
| <footer>- Marcus Tullius Cicero (106 BC - 43 BC)</footer> | ||
| </blockquote> | ||
| </p> | ||
| <p> | ||
| We hope you enjoy it. If you don't please feel free to{' '} | ||
| <a href="mailto:[email protected]">send us mean emails.</a>{' '} | ||
| It's internet tradition. | ||
| </p> | ||
| </div> | ||
| <img | ||
| className={styles.img} | ||
| src={podcastsHeader} | ||
| alt="podcasts header" | ||
| /> | ||
| </section> | ||
| <section className={cx(styles.section, styles.player)}> | ||
| <div id="buzzsprout-player"> | ||
| <iframe | ||
| title="buzzsprout" | ||
| src="https://www.buzzsprout.com/1225223?client_source=large_player&iframe=true&referrer=https://www.buzzsprout.com/1225223.js?container_id=buzzsprout-large-player-1225223&player=large" | ||
| /> | ||
| </div> | ||
| </section> | ||
| </PageLayout.Content> | ||
| </PageLayout> | ||
| </> | ||
| ); | ||
| }; | ||
|
|
||