Update integrations to v2. Add beta alert. Align footer copyright. Fix integration sidebar links.

Author: zzzFelix

gatsby-config.js

@@ -7,40 +7,40 @@
 const scannerRepos = [
   {
     name: 'Amass',
-    url: 'https://github.com/secureCodeBox/scanner-infrastructure-amass',
+    directory: 'scanners/amass'
   },
   {
-    name: 'Arachni',
-    url: 'https://github.com/secureCodeBox/scanner-webapplication-arachni',
+    name: 'kube-hunter',
+    directory: 'scanners/kube-hunter'
   },
   {
     name: 'Nikto',
-    url: 'https://github.com/secureCodeBox/scanner-webserver-nikto',
+    directory: 'scanners/nikto'
   },
   {
     name: 'Nmap',
-    url: 'https://github.com/secureCodeBox/scanner-infrastructure-nmap',
+    directory: 'scanners/nmap'
   },
   {
     name: 'SSH',
-    url: 'https://github.com/secureCodeBox/scanner-infrastructure-ssh',
+    directory: 'scanners/ssh_scan'
   },
   {
     name: 'SSLyze',
-    url: 'https://github.com/secureCodeBox/scanner-infrastructure-sslyze',
+    directory: 'scanners/sslyze'
   },
   {
-    name: 'Zap',
-    url: 'https://github.com/secureCodeBox/scanner-webapplication-zap',
+    name: 'Trivy',
+    directory: 'scanners/trivy'
   },
   {
     name: 'WPScan',
-    url: 'https://github.com/secureCodeBox/scanner-cms-wpscan',
+    directory: 'scanners/wpscan'
   },
   {
-    name: 'Ncrack',
-    url: 'https://github.com/secureCodeBox/scanner-infrastructure-ncrack',
-  },
+    name: 'ZAP',
+    directory: 'scanners/zap'
+  }
 ];
 
 module.exports = {
@@ -59,14 +59,14 @@ module.exports = {
         name: 'Get Started',
         external: true,
         // link: '/getStarted',
-        link: 'https://github.com/secureCodeBox/secureCodeBox',
+        link: 'https://github.com/secureCodeBox/secureCodeBox-v2-alpha',
       },
       {
         name: 'Docs',
         external: true,
         // link: '/docs',
         link:
-          'https://github.com/secureCodeBox/secureCodeBox/tree/master/docs/index.md',
+          'https://github.com/secureCodeBox/secureCodeBox-v2-alpha/blob/master/docs/index.md',
       },
       {
         name: 'Integrations',
@@ -133,14 +133,14 @@ module.exports = {
         name: 'images',
       },
     },
-    ...scannerRepos.map(({ name, url }) => {
+    ...scannerRepos.map(({ name, directory }) => {
       return {
         resolve: `gatsby-source-git`,
         options: {
           name: name,
-          remote: url,
+          remote: `https://github.com/secureCodeBox/secureCodeBox-v2-alpha`,
           branch: `master`,
-          patterns: `README.md`,
+          patterns: `${directory}/README.md`,
         },
       };
     }),

src/components/Footer.js

@@ -23,8 +23,10 @@ const Footer = props => (
                 </a>
               </li>
               <li className="copyright">
-                © {new Date().getFullYear()}{' '}
-                {props.data.site.siteMetadata.company}
+                <a href="https://www.iteratec.de">
+                  © {new Date().getFullYear()}{' '}
+                  {props.data.site.siteMetadata.company}
+                </a>
               </li>
             </ul>
           </div>

src/components/Layout.js

@@ -2,15 +2,17 @@ import React from 'react';
 import SEO from './SEO';
 import Header from './Header';
 import Footer from './Footer';
+import BetaAlert from './BetaAlert';
 import '../scss/style.scss';
-import MenuMobile from "../components/MenuMobile"; 
+import MenuMobile from "../components/MenuMobile";
 
 const Layout = props => {
   return (
     <React.Fragment>
       <SEO />
       <div className={`page${props.bodyClass ? ` ${props.bodyClass}` : ""}`}>
         <div id="wrapper" className="wrapper">
+          <BetaAlert />
           <Header />
           <MenuMobile />
           {props.children}

src/pages/integrations/index.js

@@ -48,11 +48,6 @@ const Integrations = props => {
                       )}
                       alt="scanner icon"
                     ></img>
-                    <img
-                      className="release"
-                      src={edge.node.frontmatter.release}
-                      alt="release version"
-                    ></img>
                   </div>
                   <h2 className="feature-title">
                     {edge.node.frontmatter.title}
@@ -121,7 +116,6 @@ export const query = graphql`
             path
             category
             usecase
-            release
           }
         }
       }

src/scss/components/_footer.scss

@@ -51,8 +51,10 @@
         }
       }
       &.copyright {
-        font-weight: bold;
-        color: #ffffff;
+        a {
+          font-weight: bold;
+          color: #ffffff;
+        }
       }
     }
     @include media-breakpoint-up(sm) {

src/scss/pages/_home.scss

@@ -14,6 +14,6 @@
   }
   @include media-breakpoint-up(lg) {
     background-size: 55%;
-    background-position: 100% 70px;
+    background-position: 100% 130px;
   }
 }

src/scss/style.scss

@@ -46,6 +46,7 @@
 @import 'components/page';
 @import 'components/header';
 @import 'components/footer';
+@import 'components/beta-alert';
 @import 'components/sub-footer';
 @import 'components/logo';
 @import 'components/main-menu';

src/templates/integration.js

@@ -17,7 +17,7 @@ const Integration = props => {
             {scanner.map(scanner => (
               <li>
                 <Link
-                  to={scanner.node.frontmatter.path}
+                  to={`/integrations/${scanner.node.frontmatter.path}`}
                   activeClassName="active-Link"
                 >
                   {scanner.node.frontmatter.title}
@@ -30,7 +30,7 @@ const Integration = props => {
             {persistenceProvider.map(persistenceProvider => (
               <li>
                 <Link
-                  to={persistenceProvider.node.frontmatter.path}
+                  to={`/integrations/${persistenceProvider.node.frontmatter.path}`}
                   activeClassName="active-Link"
                 >
                   {persistenceProvider.node.frontmatter.title}
@@ -74,7 +74,6 @@ export const query = graphql`
             path
             category
             usecase
-            release
           }
         }
       }