Merge pull request #940 from oceanprotocol/feature/immunify

Added Immunify bug bounty link to the docs

config.js

@@ -2,6 +2,8 @@ module.exports = {
   siteTitle: 'Ocean Developer Documentation',
   siteShortTitle: 'Docs',
   siteDescription: 'Tools to Build Data Markets, and Manage ERC20 Data Assets',
+  siteTagline: 'Ocean Protocol V4 public testing kicks off on ',
+  siteTaglineURL: 'https://immunefi.com/bounty/oceanprotocol/',
   siteUrl: process.env.SITE_URL || 'https://docs.oceanprotocol.com',
   siteIcon: 'node_modules/@oceanprotocol/art/logo/favicon-black.png',
   siteCompany: 'Ocean Protocol Foundation Ltd.',

src/components/HeaderHome.jsx

@@ -14,16 +14,23 @@ const HeaderHome = () => (
           siteMetadata {
             siteTitle
             siteDescription
+            siteTagline
+            siteTaglineURL
           }
         }
       }
     `}
     render={(data) => {
-      const { siteTitle, siteDescription } = data.site.siteMetadata
+      const { siteTitle, siteDescription, siteTagline, siteTaglineURL } =
+        data.site.siteMetadata
 
       return (
         <header className={styles.header}>
           <Content>
+            <div className={styles.tagline}>
+              {siteTagline}
+              <a href={siteTaglineURL}>Immunify</a>
+            </div>
             <Logo className={styles.headerLogo} />
             <h1 className={styles.headerTitle}>{siteTitle}</h1>
             <p className={styles.headerDescription}>

src/components/HeaderHome.module.scss

@@ -51,3 +51,10 @@
   margin-top: $spacer * 0.5;
   align-items: 'center';
 }
+
+.tagline {
+  margin-top: $spacer * 0.5;
+  align-items: 'center';
+  font-size: $font-size-h2;
+  margin-bottom: $spacer;
+}