add blog

src/components/atoms/Icons.js

@@ -33,3 +33,11 @@ export const Dribbble = props => <svg className="icon" viewBox="0 0 24 24" width
 export const Chain = props => <svg className="icon" viewBox="0 0 18 8" width="18" height="8" {...props}>
     <path d="M1.9,4 C1.9,2.84 2.84,1.9 4,1.9 L8,1.9 L8,0 L4,0 C1.79,0 0,1.79 0,4 C0,6.21 1.79,8 4,8 L8,8 L8,6.1 L4,6.1 C2.84,6.1 1.9,5.16 1.9,4 Z M14,0 L10,0 L10,1.9 L14,1.9 C15.16,1.9 16.1,2.84 16.1,4 C16.1,5.16 15.16,6.1 14,6.1 L10,6.1 L10,8 L14,8 C16.21,8 18,6.21 18,4 C18,1.79 16.21,0 14,0 Z M6,5 L12,5 L12,3 L6,3 L6,5 Z" />
   </svg>
+
+export const Blog = props => <svg className="icon" viewBox="0 0 22 22" width="22" height="22" {...props}>
+    <g>
+      <path d="M0.394,21.61 C0.542,21.757 0.765,21.795 0.945,21.714 L5.533,19.747 L2.254,16.47 L0.287,21.059 C0.207,21.246 0.249,21.464 0.394,21.61 Z" />
+      <polygon points="6.368 19.169 15.662 9.877 12.136 6.352 2.833 15.635" />
+      <path d="M21.607,3.224 L18.778,0.395 C18.583,0.201 18.266,0.201 18.071,0.395 L17.682,0.785 C17.276,0.515 16.801,0.37 16.303,0.37 C15.635,0.37 15.007,0.63 14.535,1.103 L8.879,6.761 C8.684,6.956 8.684,7.272 8.879,7.467 C9.075,7.662 9.392,7.661 9.586,7.467 L15.243,1.811 C15.686,1.367 16.385,1.275 16.941,1.527 L12.833,5.634 L16.368,9.17 L21.606,3.931 C21.803,3.736 21.802,3.419 21.607,3.224 Z" />
+    </g>
+  </svg>

src/components/molecules/Social.js

@@ -1,16 +1,20 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { OutboundLink } from 'gatsby-plugin-google-analytics'
-import { Twitter, GitHub, Facebook } from '../atoms/Icons'
+import { Blog, Twitter, GitHub, Facebook } from '../atoms/Icons'
 import './Social.scss'
 
 const SocialIcon = ({ title }) => {
-  if (title === 'Twitter') {
+  if (title === 'Blog') {
+    return <Blog />
+  } else if (title === 'Twitter') {
     return <Twitter />
   } else if (title === 'GitHub') {
     return <GitHub />
   } else if (title === 'Facebook') {
     return <Facebook />
+  } else {
+    return <i />
   }
 }
 

src/data/meta.json

@@ -5,6 +5,7 @@
   "url": "https://matthiaskretschmann.com",
   "email": "m@kretschmann.io",
   "social": {
+    "Blog": "https://kremalicious.com",
     "Twitter": "https://twitter.com/kremalicious",
     "GitHub": "https://github.com/kremalicious",
     "Facebook": "https://facebook.com/matthiaskretschmann"

src/layouts/index.js

@@ -34,6 +34,7 @@ export const query = graphql`
           description
           url
           social {
+            Blog
             Twitter
             GitHub
             Facebook