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(
-      graphql(`
+    resolve(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 (
-    <Helmet
-      defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
-      titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}
-    >
+  return <Helmet defaultTitle={`${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`} titleTemplate={`%s // ${meta.title.toLowerCase()} { ${meta.tagline.toLowerCase()} }`}>
+      <meta name="desacription" content={meta.description} />
       <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 => (
-                      <li key={key}>
-                        <a href={links[key]}>{key}</a>
-                      </li>
-                    ))}
+                    Object.keys(links).map(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,24 +25,21 @@ TemplateWrapper.propTypes = {
 export default TemplateWrapper
 
 export const query = graphql`
-         query pageLayoutQueryAndMetaQuery {
-           allDataJson {
-             edges {
-               node {
-                 title
-                 tagline
-                 description
-                 url
-                 social {
-                   Twitter
-                   GitHub
-                   Facebook
-                 }
-               }
-             }
-           }
-           sitePage {
-             jsonName
-           }
-         }
-       `
+  query metaQuery {
+    allDataJson {
+      edges {
+        node {
+          title
+          tagline
+          description
+          url
+          social {
+            Twitter
+            GitHub
+            Facebook
+          }
+        }
+      }
+    }
+  }
+`