First adjustments to Gatsby starter kit

gatsby-config.js

@@ -1,8 +1,8 @@
 module.exports = {
   siteMetadata: {
-    title: `Gatsby Default Starter`,
-    description: `Kick off your next, great Gatsby project with this default starter. This barebones starter ships with the main Gatsby configuration files you might need.`,
-    author: `@gatsbyjs`,
+    title: `ClimateMind`,
+    description: `A knowledge base for learning how climate change personally affects you and the things you care about most.`,
+    author: `@ClimateMind`,
   },
   plugins: [
     `gatsby-plugin-react-helmet`,
@@ -26,9 +26,6 @@ module.exports = {
         display: `minimal-ui`,
         icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
       },
-    },
-    // this (optional) plugin enables Progressive Web App + Offline functionality
-    // To learn more, visit: https://gatsby.dev/offline
-    // `gatsby-plugin-offline`,
+    }
   ],
 }

src/components/header.js

@@ -5,7 +5,7 @@ import React from "react"
 const Header = ({ siteTitle }) => (
   <header
     style={{
-      background: `rebeccapurple`,
+      background: `#2B9F99`,
       marginBottom: `1.45rem`,
     }}
   >

src/components/layout.js

@@ -34,12 +34,18 @@ const Layout = ({ children }) => {
         }}
       >
         <main>{children}</main>
-        <footer>
-          © {new Date().getFullYear()}, Built with
-          {` `}
-          <a href="https://www.gatsbyjs.org">Gatsby</a>
-        </footer>
       </div>
+      <footer style={{
+        backgroundColor: `#2B9F99`,
+        padding: `1.45rem 1.0875rem`,
+      }}>
+        <div style={{
+          margin: `0 auto`,
+          maxWidth: 960,
+        }}>
+          © {new Date().getFullYear()}
+        </div>
+      </footer>
     </>
   )
 }

src/pages/index.js

@@ -8,9 +8,8 @@ import SEO from "../components/seo"
 const IndexPage = () => (
   <Layout>
     <SEO title="Home" />
-    <h1>Hi people</h1>
-    <p>Welcome to your new Gatsby site.</p>
-    <p>Now go build something great.</p>
+    <h1>Welcome</h1>
+    <p>We are still at the very beginning. Come back soon to find out more about our endeavours.</p>
     <div style={{ maxWidth: `300px`, marginBottom: `1.45rem` }}>
       <Image />
     </div>