adjust color scheme

Author: dpatanin

gatsby-config.js

@@ -8,7 +8,7 @@ module.exports = {
 
   siteMetadata: {
     title: `secureCodeBox`,
-    company: 'iteratec',
+    company: `iteratec GmbH`,
     description: '',
     // siteUrl: '',
     contact: {

src/components/Footer.js

@@ -22,7 +22,7 @@ const Footer = props => (
 {' '}
 {new Date().getFullYear()}
 {' '}
-{props.data.site.siteMetadata.title}
+{props.data.site.siteMetadata.company}
               </li>
             </ul>
           </div>
@@ -39,6 +39,7 @@ export default props => (
         site {
           siteMetadata {
             title
+            company
           }
         }
       }

src/components/Header.js

@@ -3,7 +3,7 @@ import { Link } from 'gatsby';
 import Menu from './Menu';
 import Hamburger from './Hamburger';
 import logo from '../images/Logo Color.svg';
-import logoMobile from '../images/Logo Color.svg';
+import logoMobile from '../../static/Favicon@1x.svg';
 import MenuMobile from './MenuMobile';
 
 class Header extends React.Component {

src/data/features.json

@@ -19,7 +19,7 @@
   },
   {
     "title": "Scans behind the firewall",
-    "description": "Our Scans can dig deeply in your Network",
+    "description": "Our Scans can dig deeply into your Network",
     "image": "/features/firewall.svg",
     "tag": "provision"
   }

src/pages/index.js

@@ -26,7 +26,7 @@ const Home = (props) => {
             </div>
           </div>
 
-        <div className="container pt-5 pb-2 pt-md-7 pb-md-3">
+        <div className="container pt-3 pb-2 pt-md-3 pb-md-3">
           <div className="row justify-content-center">
             <div className="col-12">
               <h2 className="title-3 text-dark mb-4">What the secureCodeBox provides</h2>

src/scss/_bootstrap-variables.scss

@@ -20,6 +20,8 @@ $grid-gutter-width: 20px;
 $white: #ffffff;
 $black: #000000;
 $primary: #1c3ed3;
+$iteragenta: #A9218E;
+$secureCodeBlue: #3296DC;
 $secondary: #414156;
 
 // Links

src/scss/components/_feature.scss

@@ -48,14 +48,22 @@
         tr {
           th{
             color: $secondary;
+            border-right: 1px solid $primary;
+          }
+          th:last-child {
+            border-right: none;
           }
         }
       }
       tbody { 
         tr { 
           td {
             color: $secondary;
-            font-size: 0.75rem;
+            font-size: 0.8rem;
+            border-right: 1px solid $primary;
+          }
+          td:last-child {
+            border-right: none;
           }
         }
       }

src/scss/components/_footer.scss

@@ -1,5 +1,5 @@
 .footer-strip {
-  background: $secondary;
+  background: $secureCodeBlue;
   padding-top: 20px;
   padding-bottom: 20px;
 }

src/scss/components/_hamburger.scss

@@ -19,7 +19,7 @@
   .hamburger-inner,
   .hamburger-inner::before,
   .hamburger-inner::after {
-    background: $primary;
+    background: $iteragenta;
   }
   .hamburger-inner::after {
     width: 18px;

src/scss/components/_header.scss

@@ -1,7 +1,7 @@
 .header {
   height: 50px;
-  color: $primary;
-  background-color: #ffffff;
+  color: $white;
+  background-color: $secureCodeBlue;
   display: flex;
   justify-content: space-between;
   align-items: center;