fix(www): update banner children in layout-with-heading (#9794)

gatsbyjs · Nov 7, 2018 · af92d2d · af92d2d
1 parent 983b970
commit af92d2d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/www/src/components/layout.js b/www/src/components/layout.js
@@ -150,6 +150,7 @@ class DefaultLayout extends React.Component {
         <SiteMetadata pathname={this.props.location.pathname} />
         <SkipNavLink css={styles.skipLink}>Skip to main content</SkipNavLink>
         <Banner background={isHomepage ? `#402060` : false}>
+          {/* !!! If you change the children of Banner remember to do the same in layout/layout-with-heading.js */}
           <a
             href="https://www.gatsbyjs.com/content-mesh-contentful"
             css={{

diff --git a/www/src/components/layout/layout-with-heading.js b/www/src/components/layout/layout-with-heading.js
@@ -78,7 +78,20 @@ const LayoutWithHeading = props => {
 
       <StyledSkipNavLink>Skip to main content</StyledSkipNavLink>
 
-      <Banner />
+      <Banner>
+        <a
+          href="https://www.gatsbyjs.com/content-mesh-contentful"
+          css={{
+            color: `#fff`,
+            "&:hover": {
+              color: `#fff`,
+            },
+          }}
+        >
+          Register now
+        </a>
+        {` for “Rise of the Content Mesh: Webcast with Contentful and Gatsby”.`}
+      </Banner>
 
       <Navigation pathname={props.location.pathname} />