link output tweaks, meta description

gatsby-node.js

@@ -6,8 +6,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
   return new Promise((resolve, reject) => {
     const template = path.resolve('src/components/organisms/Project.js')
 
-    resolve(
+    resolve(graphql(`
-      graphql(`
         {
           allProjectsJson {
             edges {
@@ -20,6 +19,7 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
                   Link
                   GitHub
                   Info
+                  Dribbble
                 }
                 description
                 techstack
@@ -51,8 +51,8 @@ exports.createPages = ({ boundActionCreators, graphql }) => {
               img_more,
               description,
               techstack,
-              links
+              links,
-            }
+            },
           })
         })
 

src/components/atoms/Head.js

@@ -3,14 +3,10 @@ import PropTypes from 'prop-types'
 import Helmet from 'react-helmet'
 
 const Head = ({ meta }) => {
-  return (
+  return <Helmet defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`} titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}>
-    <Helmet
+      <meta name="desacription" content={meta.description} />
-      defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
-      titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
-    >
       <link rel="stylesheet" href="https://use.typekit.net/dtg3zui.css" />
     </Helmet>
-  )
 }
 
 Head.propTypes = {

src/components/organisms/Project.js

@@ -20,6 +20,7 @@ const Project = props => {
     <Fragment>
       <Helmet>
         <title>{title}</title>
+        <meta name="description" content={description} />
       </Helmet>
 
       <main className="screen screen--project">
@@ -65,11 +66,13 @@ const Project = props => {
                 </h3>
                 <ul>
                   {!!links &&
-                    Object.keys(links).map(key => (
+                    Object.keys(links).map(key => {
-                      <li key={key}>
+                      if (links[key]) {
+                        return <li key={key}>
                             <a href={links[key]}>{key}</a>
                           </li>
-                    ))}
+                      }
+                    })}
                 </ul>
               </div>
             </footer>

src/data/projects.json

@@ -101,10 +101,12 @@
     },
     "description": "Co-designing and leading the front-end development of various ChartMogul web properties. Creating and implementing a UI design system into the ChartMogul application.",
     "techstack": [
-      "Jekyll",
-      "Gulp",
       "SCSS",
       "JavaScript",
+      "PHP",
+      "Jekyll",
+      "Gulp",
+      "WordPress",
       "Travis",
       "AWS S3",
       "Cloudflare",
@@ -144,9 +146,10 @@
       "Link": "https://ezeep.com/"
     },
     "techstack": [
-      "WordPress",
       "SCSS",
       "JavaScript",
+      "PHP",
+      "WordPress",
       "Travis",
       "AWS",
       "Cloudflare",
@@ -165,9 +168,10 @@
     },
     "description": "Designing, developing and writing a showcase website presenting the most beautiful and usable apps created for Android.",
     "techstack": [
-      "WordPress",
       "SCSS",
-      "JavaScript"
+      "JavaScript",
+      "PHP",
+      "WordPress"
     ]
   },
   {

src/layouts/index.js

@@ -1,6 +1,6 @@
 import React from 'react'
 import PropTypes from 'prop-types'
-import Head from '../components/molecules/Head'
+import Head from '../components/atoms/Head'
 import FadeIn from '../components/atoms/FadeIn'
 import Header from '../components/molecules/Header'
 import Footer from '../components/molecules/Footer'
@@ -25,7 +25,7 @@ TemplateWrapper.propTypes = {
 export default TemplateWrapper
 
 export const query = graphql`
-         query pageLayoutQueryAndMetaQuery {
+  query metaQuery {
     allDataJson {
       edges {
         node {
@@ -41,8 +41,5 @@ export const query = graphql`
         }
       }
     }
-           sitePage {
-             jsonName
   }
-         }
+`
-       `