Upgrade gatsbyjs to v2

www/src/pages/404.js

@@ -1,9 +1,10 @@
 import React from 'react';
+import Layout from '../components/layout';
 
 const NotFoundPage = () =>
-    <div>
+    <Layout>
         <h1>NOT FOUND</h1>
         <p>You just hit a route that doesn&#39;t exist... the sadness.</p>
-    </div>;
+    </Layout>;
 
 export default NotFoundPage;

www/src/pages/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import Link from 'gatsby-link';
 import logo from '../images/logo_icon.svg';
+import Layout from '../components/layout';
 import Footer from '../components/footer';
 import Carbon from '../components/carbon';
 
@@ -23,6 +24,7 @@ const linkStyle = {
 
 export default ({data}) => {
     return (
+        <Layout>
         <div
             css={{
                 background: '#558b2f',
@@ -48,7 +50,7 @@ export default ({data}) => {
                     }}
                 >
                     <div css={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
-                        <img src={logo} />
+                        <img src={logo} alt="html2canvas" />
                         <h1>html2canvas</h1>
                     </div>
                     <h4 css={{color: 'rgba(255, 255, 255, 0.6)', fontWeight: 300}}>
@@ -111,7 +113,7 @@ export default ({data}) => {
 
                     <div css={{margin: '20px'}}>
                         <a
-                            href="#"
+                            href="/documentation"
                             css={linkStyle}
                             onClick={e => {
                                 e.preventDefault();
@@ -194,6 +196,7 @@ export default ({data}) => {
                             <h5>Connect</h5>
                             <div css={{height: '35px'}}>
                                 <iframe
+                                    title="Github"
                                     src="https://ghbtns.com/github-btn.html?user=niklasvh&repo=html2canvas&type=star&count=true&size=large"
                                     frameBorder="0"
                                     scrolling="0"
@@ -217,6 +220,7 @@ export default ({data}) => {
             </div>
             <Footer />
         </div>
+        </Layout>
     );
 };