diff --git a/src/components/FeatherIcon.js b/src/components/FeatherIcon.js index 2cedb52b6..dbf50892a 100644 --- a/src/components/FeatherIcon.js +++ b/src/components/FeatherIcon.js @@ -60,6 +60,13 @@ const ICONS = { ), + 'external-link': ( + <> + + + + + ), copy: ( <> diff --git a/src/pages/index.js b/src/pages/index.js index d6eb30599..63da6e19b 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -8,6 +8,7 @@ import GuideTile from '../components/GuideTile'; import PageTitle from '../components/PageTitle'; import Section from '../components/Section'; import Video from '../components/Video'; +import FeatherIcon from '../components/FeatherIcon'; import ExternalLink from '../components/ExternalLink'; import { PageContext } from '../components/PageContext'; import { pageContext } from '../types'; @@ -119,6 +120,21 @@ const IndexPage = ({ pageContext }) => ( ))} + +

+ Looking for inspiration? Check out the{' '} + + open source projects + + {' '} + built by the New Relic community. +

); diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss index ccbb3c40f..439969fcc 100644 --- a/src/pages/index.module.scss +++ b/src/pages/index.module.scss @@ -55,3 +55,17 @@ display: none; } } + +.inspiration { + text-align: center; + margin-top: 2rem; +} + +.externalLink { + display: inline-flex; + align-items: center; +} + +.externalLinkIcon { + margin-left: 0.25rem; +}