change fonts and icons

Author: dpatanin

README.md

@@ -2,33 +2,18 @@
 
 This repository sources the [secureCodeBox landing page][prod-website].
 
-The actual content of the static site is in `src/www/`. In `contrib/` is an example template.
+The actual content of the static site is in `src/www/`. 
 
 ## Build and Run
 
+For development: 
 ```bash
-docker image build -t landing-page .
-docker container run -p 8080:80 --rm -d landing-page
+gatsby develop
 ```
-
-And then visit [this](http://localhost:8080/) in your browser.
-
-## Simple Local Server
-
-If you have Python installed you can simply use it's simple HTP server:
-
+For production locally:
 ```bash
-cd src/www
-python -m SimpleHTTPServer 8080
+gatsby build
+gatsby serve
 ```
+And then visit [this](http://localhost:8000/) in your browser.
 
-## CI/CD  Build Infrastructure
-
-- [Prod Server (Rancher 1.6)](https://security.iteratec.de:8443/env/1a5/apps/stacks/1st186/services/1s789/containers)
-- [Build Server (Bamboo)](https://bamboo.iteratec.io/browse/SB-SCBIO)
-- [Artifact Server (Artifactory)](https://artifactory.iteratec.io/artifactory/webapp/#/artifacts/browse/tree/DockerV2Info/securecodebox.docker/securecodebox/website/latest):
-Each commit to the master repo results in a new container, which resist here.
-If you want to update the [production Website][prod-website] you need to manually press the <kbd>upgrade</kbd> button [in Rancher](https://security.iteratec.de:8443/env/1a5/apps/stacks/1st186/services/1s789/containers).
-- This step is not automated because there is no review process in place yet (master/develop branch with pull requests).
-
-[prod-website]: http://www.secureCodeBox.io

src/components/Header.js

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

src/pages/index.js

@@ -40,7 +40,7 @@ const Home = (props) => {
                     </div>
                   )}
                   <h2 className="feature-title">{edge.node.title}</h2>
-                  <div className="feature-content">{edge.node.description}</div>
+                  {/* TODO add link to corresponding pages */}
                 </div>
               </div>
             ))}
@@ -71,7 +71,6 @@ export const query = graphql`
         node {
           id
           title
-          description
           image
           tag
         }

src/scss/_bootstrap-variables.scss

@@ -31,9 +31,9 @@ $link-hover-color: lighten($primary, 20%);
 $link-hover-decoration: underline;
 
 // Fonts
-$font-family-base: 'Open Sans', 'Helvetica Neue', Arial, sans-serif,
+$font-family-base: 'Ubuntu','Livvic', 'Helvetica Neue', Arial, sans-serif,
   -apple-system;
-$font-family-heading: 'Lora', 'Helvetica Neue', Arial, sans-serif, -apple-system;
+$font-family-heading: 'Livvic', 'Helvetica Neue', Arial, sans-serif, -apple-system;
 $font-size-base: 1rem; // Assumes the browser default, typically `16px`
 $font-weight-thin: 200;
 $font-weight-light: 300;

src/scss/components/_intro.scss

@@ -38,6 +38,7 @@
     width: 80%;
     font-size: 1.1rem;
     font-weight: lighter;
+    font-family: $font-family-base;
     line-height: 1.4;
     color: $secondary;
     text-align: justify;

src/scss/components/_logo.scss

@@ -3,11 +3,13 @@
   @include media-breakpoint-up(sm) {
     display: block;
     width: 150px;
+    height: auto;
   }
   img {
+    position: relative;
+    top: 9.72px;
     width: 100%;
-    height: auto;
-    background-color: $white;
+    height: 100%;
   }
   a {
     display: block;
@@ -23,9 +25,10 @@
     display: none;
   }
   img {
+    position: relative;
+    top: 9.72px;
     width: 100%;
     height: auto;
-    background-color: $white;
   }
   a {
     display: block;

src/scss/style.scss

@@ -1,5 +1,7 @@
 // Font
 @import url('https://fonts.googleapis.com/css?family=Lora:400|Open+Sans:400,700');
+@import url('https://fonts.googleapis.com/css?family=Livvic&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');
 
 // Bootstrap
 @import 'bootstrap/functions';