cleanup, added ibm plex font

Signed-off-by: Henry <mail@henrygressmann.de>

Create CNAME

CNAME

@@ -0,0 +1 @@
+henrygressmann.de

gatsby-config.js

@@ -1,10 +1,8 @@
-const cfg = require('package.json');
-
 module.exports = {
 	siteMetadata: {
-		title: cfg.name,
-		description: cfg.description,
-		author: cfg.author,
+		title: 'Henry Gressmann',
+		description: '',
+		author: 'Henry Gressmann',
 	},
 	plugins: [
 		`gatsby-plugin-styled-components`,
@@ -27,7 +25,7 @@ module.exports = {
 				background_color: `#663399`,
 				theme_color: `#663399`,
 				display: `minimal-ui`,
-				// Icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
+				icon: `src/images/explodingcamera.png`,
 			},
 		},
 	],

package.json

@@ -5,30 +5,34 @@
   "version": "0.1.0",
   "author": "Henry GRessmann",
   "dependencies": {
-    "babel-plugin-styled-components": "^1.10.0",
-    "gatsby": "^2.0.76",
-    "gatsby-image": "^2.0.20",
-    "gatsby-plugin-manifest": "^2.0.9",
-    "gatsby-plugin-offline": "^2.0.16",
-    "gatsby-plugin-react-helmet": "^3.0.2",
-    "gatsby-plugin-sharp": "^2.0.14",
-    "gatsby-plugin-styled-components": "^3.0.4",
-    "gatsby-source-filesystem": "^2.0.8",
-    "gatsby-transformer-sharp": "^2.1.8",
-    "prop-types": "^15.6.2",
-    "react": "^16.6.3",
-    "react-dom": "^16.6.3",
-    "react-helmet": "^5.2.0",
-    "styled-components": "^4.1.3"
+    "@ibm/plex": "^1.2.3",
+    "babel-plugin-styled-components": "1.10.0",
+    "gatsby": "2.0.86",
+    "gatsby-image": "2.0.25",
+    "gatsby-plugin-manifest": "2.0.13",
+    "gatsby-plugin-offline": "2.0.21",
+    "gatsby-plugin-react-helmet": "3.0.5",
+    "gatsby-plugin-sharp": "2.0.17",
+    "gatsby-plugin-styled-components": "3.0.4",
+    "gatsby-source-filesystem": "2.0.13",
+    "gatsby-transformer-sharp": "2.1.10",
+    "modern-normalize": "^0.5.0",
+    "prop-types": "15.6.2",
+    "react": "16.7.0",
+    "react-dom": "16.7.0",
+    "react-helmet": "5.2.0",
+    "styled-components": "4.1.3"
   },
   "scripts": {
     "build": "gatsby build",
     "develop": "gatsby develop",
+    "deploy": "gatsby build --prefix-paths && gh-pages -d public",
     "start": "npm run develop"
   },
   "devDependencies": {
     "@canx/eslint-config": "0.0.1",
     "eslint": "5.12.0",
+    "gh-pages": "2.0.1",
     "prettier": "1.15.3"
   },
   "repository": {

src/components/header.js

@@ -1,42 +1,27 @@
-import { Link } from 'gatsby';
 import PropTypes from 'prop-types';
 import React from 'react';
+import styled from 'styled-components';
+
+import { Link } from 'gatsby';
+
+const Header = styled.div``;
 
-const Header = ({ siteTitle }) => (
-	<div
-		style={{
-			background: `rebeccapurple`,
-			marginBottom: `1.45rem`,
-		}}
-	>
-		<div
-			style={{
-				margin: `0 auto`,
-				maxWidth: 960,
-				padding: `1.45rem 1.0875rem`,
-			}}
-		>
+const HeaderComponent = ({}) => (
+	<Header>
+		<div>
 			<h1 style={{ margin: 0 }}>
-				<Link
-					to="/"
-					style={{
-						color: `white`,
-						textDecoration: `none`,
-					}}
-				>
-					{siteTitle}
-				</Link>
+				<Link to="/">Henry Gressmann</Link>
 			</h1>
 		</div>
-	</div>
+	</Header>
 );
 
-Header.propTypes = {
+HeaderComponent.propTypes = {
 	siteTitle: PropTypes.string,
 };
 
-Header.defaultProps = {
+HeaderComponent.defaultProps = {
 	siteTitle: ``,
 };
 
-export default Header;
+export default HeaderComponent;