diff --git a/src/components/NavigationItems.js b/src/components/NavigationItems.js index 506e2a9f2..458a745c9 100644 --- a/src/components/NavigationItems.js +++ b/src/components/NavigationItems.js @@ -15,6 +15,7 @@ const iconLibrary = { 'Automate workflows': 'automation', 'Explore docs': 'developerDocs', 'Developer champions': 'developerChampions', + Podcasts: 'podcasts', 'Try our APIs': 'tryOurAPIs', }; diff --git a/src/components/NewRelicIcon.js b/src/components/NewRelicIcon.js index 5d354bc46..51d6f9b8e 100644 --- a/src/components/NewRelicIcon.js +++ b/src/components/NewRelicIcon.js @@ -83,6 +83,15 @@ const NEWRELIC_ICONS = { ), + podcasts: ( + <> + + + + + + + ), }; NewRelicIcon.propTypes = { diff --git a/src/data/sidenav.json b/src/data/sidenav.json index 7477271ce..1910763fb 100644 --- a/src/data/sidenav.json +++ b/src/data/sidenav.json @@ -485,5 +485,9 @@ { "displayName": "Developer champions", "url": "/developer-champion" + }, + { + "displayName": "Podcasts", + "url": "/podcasts" } ] diff --git a/src/images/podcasts/podcasts-badge.png b/src/images/podcasts/podcasts-badge.png new file mode 100644 index 000000000..d0fee6d2a Binary files /dev/null and b/src/images/podcasts/podcasts-badge.png differ diff --git a/src/images/podcasts/podcasts.jpg b/src/images/podcasts/podcasts.jpg new file mode 100644 index 000000000..2710fa4cc Binary files /dev/null and b/src/images/podcasts/podcasts.jpg differ diff --git a/src/pages/index.js b/src/pages/index.js index ad2270fd1..2c8cbf32a 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -15,6 +15,7 @@ import { PageContext } from '../components/PageContext'; import { pageContext } from '../types'; import styles from './index.module.scss'; import devChampionBadge from '../images/developer-champion/dev-champion-badge.png'; +import podcastBadge from '../images/podcasts/podcasts-badge.png'; const getStartedGuides = [ { @@ -213,6 +214,28 @@ const IndexPage = ({ data, pageContext }) => { alt="developer champion badge" /> + +
+
+

New Relic Podcasts

+

+ We like to talk, especially to developers about developer things. + Join us for conversations on open source, observability, software + design and industry news. +

+ +
+ podcast badge +
); diff --git a/src/pages/podcasts.js b/src/pages/podcasts.js new file mode 100644 index 000000000..7db1d63ac --- /dev/null +++ b/src/pages/podcasts.js @@ -0,0 +1,67 @@ +import React from 'react'; +import cx from 'classnames'; +import SEO from '../components/Seo'; +import PageTitle from '../components/PageTitle'; +import podcastsHeader from '../images/podcasts/podcasts.jpg'; +import styles from './podcasts.module.scss'; + +const PodcastsPage = () => { + return ( + <> + + New Relic Podcasts +
+
+

+ 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. +

+

+ 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. +

+

+ For the time being we have one podcast, so we're including it here + for your listening enjoyment. +

+

+ 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. +

+

+

+

+ "Omnium rerum principia parva sunt" (All things have small + beginnings) +

+
- Marcus Tullius Cicero (106 BC - 43 BC)
+
+

+

+ We hope you enjoy it. If you don't please feel free to{' '} + send us mean emails. It's + internet tradition. +

+
+ podcasts header +
+
+
+