Removed demo pages from prod builds

Improved image processing and compression
Reimplemented some things
Added fragments
Added description to helpers
Set default image compression and include metadata
Removed NOTES.md (no longer needed)
Updated todos
Updated favicon
Updated posts to match new frontmatter defaults

.eslintrc.json

@@ -4,5 +4,8 @@
     "plugin:mdx/recommended",
     "plugin:prettier/recommended",
     "plugin:jsx-a11y/strict"
-  ]
+  ],
+  "rules": {
+    "default-case": "off"
+  }
 }

TODO.md

@@ -35,7 +35,7 @@
 - [x] setup scss linter
 - [x] setup smacss to apply css sort order
 - [x] fix issue with node env version in prod build
-- [ ] use gatsby images everywhere (homepage for file savings)
+- [x] use gatsby images everywhere (homepage for file savings)
 - [ ] fix issue with header on prod build
 - [ ] MDX pages are not using remark images plugin
 - [ ] add scroll to top

content/projects/__demo__/index.md

@@ -1,26 +1,28 @@
 ---
-title: Demo page
+title: So what, a demo?!
 subtitle: I'm testing my page here. So this is nothing to count on.
 image: img-01.jpg
 thumb: img-02.jpg
-published: true
+published: false
 
+status: wip
 started: 2019-09-23
 ended: null
-
-status: wip
 website: https://marvin.digital/
-role:
+team:
+  - name: Marvin Heilemann
+    link: https://github.com/muuvmuuv/portfolio
+roles:
   - design
   - development
   - ux
   - ui
-team:
-  - name: Marvin Heilemann
-    link: https://github.com/muuvmuuv/portfolio
 
-tags: [website, re-design]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [website]
+tags: [website, re-design]
 ---
 
 ## Headings

content/projects/additive/index.md

@@ -4,17 +4,16 @@ subtitle: Giving ADDITIVE a new face and modern interface
 image: additive-preview.jpg
 thumb: additive-preview.jpg
 
+status: finished
 started: 2018-07-11
 ended: 2019-01-10
-
-status: finished
 website: https://www.additive-net.de/
 team:
   - name: Sonja Emmel
     link: null
 
-tags: [business, website]
 categories: [website]
+tags: [business, website]
 ---
 
 The redesign and restructure of the ADDITIVE Website and some other internal

content/projects/ef-education-first/index.md

@@ -4,17 +4,19 @@ subtitle: Redesign of the myEF students smartphone application
 image: ef-preview.jpg
 thumb: ef-preview.jpg
 
+status: finished
 started: null
 ended: null
-
-status: finished
 website: https://my.ef.com/
 team:
   - name: Finn Dieckhoff
     link: null
 
-tags: [education, mobile]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [app]
+tags: [education, mobile]
 ---
 
 In a three month trip to London, Marvin visit the EF school. He noticed in the
@@ -29,8 +31,8 @@ university in germany, so they both decided to make this as the project.
 The redesign is not yet taken by EF but the London office had multiple talks
 with Marvin and Finn about to send it to the HQ.
 
-For an interactive prototype visit:
-[https://invis.io/9RNG7GCYFKZ](https://invis.io/9RNG7GCYFKZ)
+For an interactive prototype:
+[Link to interactive prototype](https://invis.io/9RNG7GCYFKZ)
 
 > Note: When you visit inVision, you can just click anywhere in the smartphone
 > screen to let clickable elements appear.

content/projects/eyecall/index.md

@@ -4,19 +4,21 @@ subtitle: A new way to communicate with your customers
 image: eyecall-preview.png
 thumb: eyecall-preview.png
 
+status: outdated
 started: 2016-01-11
 ended: 2017-01-27
-
-status: outdated
 website: https://www.eyecall.de/
 team:
-  - name: Pooliestudios
+  - name: pooliestudios
     link: https://pooliestudios.com/
 
-tags: [parallax, scroll-experience, animated]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [website]
+tags: [parallax, scroll-experience, animated]
 ---
 
-eyeCall has been a project for a customer at Pooliestudios in cologne.
+**eyeCall** has been a project for a customer at **pooliestudios** in Cologne.
 
-![eyeCall](eyecall-preview.png)
+![You see here...](eyecall-preview.png)

content/projects/influxe-gaming/index.md

@@ -4,17 +4,19 @@ subtitle: Community project with over 200 members
 image: influxe-preview.jpg
 thumb: influxe-preview.jpg
 
+status: offline
 started: null
 ended: null
-
-status: offline
 website: null
 team:
   - name: Till Plüer
     link: https://www.xing.com/profile/Till_Plueer
 
-tags: [gaming, community]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [website]
+tags: [gaming, community]
 ---
 
 <b>inFluxe Gaming</b> has been a community project over three years to look how

content/projects/isabella-gensch/index.md

@@ -4,17 +4,19 @@ subtitle: Makeup & Hair by Isabella Marie Gensch
 image: isabella-preview.jpg
 thumb: isabella-preview.jpg
 
+status: idle
 started: null
 ended: null
-
-status: idle
 website: https://www.isabellagensch.com/
 team:
   - name: Isabella Marie Gensch
     link: https://www.isabellagensch.com/
 
-tags: [blog, website]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [website]
+tags: [blog, website]
 ---
 
 Isabella Gensch is the best friend of Marvin and he is working on her website as

content/projects/m8finder/index.md

@@ -4,20 +4,21 @@ subtitle: Fast way to group with people that share the same interest
 image: m8finder-preview.jpg
 thumb: m8finder-preview.jpg
 
+status: wip
 started: 2018-08-03
 ended: null
-
-status: wip
 website: https://www.m8finder.net/
 team:
   - name: M8FINDER
     link: https://www.m8finder.net/
   - name: Till Pluer
     link: https://www.xing.com/profile/Till_Plueer
 
-tags: [gaming, website, search engine, community]
+created: 2019-09-23
+modified: 2019-07-12
+
 categories: [website, app]
-keywords: [m8finder, gaming, search engine, community]
+tags: [gaming, website, search engine, community]
 ---
 
 My current project I'm working on. I'm the co-founder and frontend programmer.

content/writings/Der Morgen, die Nacht/index.md

@@ -1,17 +1,13 @@
 ---
 title: Der Morgen, die Nacht
 description: Ein kleines süßes Gedicht
+image: image.jpg
+
 created: 2015-02-23
 modified: 2019-07-12
 
-header:
-  image: image.jpg
-  author: Luis Alfonso Orellana
-  link: https://unsplash.com/@alphonzs?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge
-  source: unsplash
-
 language: de
-keywords: [dreams]
+tags: [dreams]
 ---
 
 Ich Träume, und entdecke verborgene Liebe und Schönheit. Streife durch Wälder,

content/writings/__demo__/index.md

@@ -2,17 +2,14 @@
 title: Das ist, eine $" tolle Demo
 description: Ein kleines süßes Gedicht
 slug: custom slug
+image: image.jpg
+published: false
+
 created: 2019-09-23
 modified: 2019-07-12
 
-header:
-  image: image.jpg
-  author: Daniil Vnoutchkov
-  link: https://unsplash.com/@daniilvnoutchkov?utm_medium=referral&utm_campaign=photographer-credit&utm_content=creditBadge
-  source: unsplash
-
 language: en
-keywords: [dreams]
+tags: [catastrophe]
 ---
 
 ## Some heading

gatsby-config.js

@@ -11,7 +11,7 @@ require('dotenv').config({
 
 const { yellow, blue, bold } = require('kleur')
 const { getVersion, transformVersion } = require('./utils/version')
-const { activeEnv, isAudit } = require('./utils/environment')
+const { activeEnv, isAudit, isProd } = require('./utils/environment')
 const commonRemark = require('./gatsby/config/commonRemark')
 const siteMetadata = require('./metadata')
 
@@ -36,7 +36,14 @@ module.exports = {
     `gatsby-plugin-sass`,
     `gatsby-plugin-postcss`,
     'gatsby-transformer-json',
-    'gatsby-plugin-sharp',
+    {
+      resolve: `gatsby-plugin-sharp`,
+      options: {
+        useMozJpeg: isProd,
+        stripMetadata: false,
+        defaultQuality: 85,
+      },
+    },
     'gatsby-transformer-sharp',
     {
       resolve: 'gatsby-plugin-react-svg',

gatsby/config/commonRemark.js

@@ -4,7 +4,7 @@ module.exports = [
   {
     resolve: 'gatsby-remark-images',
     options: {
-      maxWidth: 1600,
+      maxWidth: 1200, // src/styles/_variables.scss
       backgroundColor: 'transparent',
       linkImagesToOriginal: true,
       quality: 75,

gatsby/node/createPages.js

@@ -1,17 +1,21 @@
 const path = require('path')
-const { bgYellow } = require('kleur')
+const { bold, dim } = require('kleur')
 
-const { removeTrailingSlash } = require('../../utils/helper')
+const { isDev } = require('../../utils/environment')
+const { removeTrailingSlash, stringCapitalize } = require('../../utils/helper')
 
 module.exports = async ({ graphql, actions }) => {
   const { createPage } = actions
 
-  const result = await graphql(`
+  const {
+    data: { allMarkdownRemark },
+  } = await graphql(`
     {
       allMarkdownRemark(filter: { fields: { slug: { ne: null } } }) {
         edges {
           node {
             frontmatter {
+              title
               published
             }
             fields {
@@ -24,26 +28,17 @@ module.exports = async ({ graphql, actions }) => {
     }
   `)
 
-  result.data.allMarkdownRemark.edges.forEach(({ node }) => {
-    console.log()
-    console.log(`(${node.fields.source}) Creating page...`)
-    console.log(JSON.stringify(node.fields, null, 2))
-    console.log(JSON.stringify(node.frontmatter, null, 2))
-    console.log()
-
-    if (!node.frontmatter.published) {
-      console.log(
-        bgYellow().black('This page is not published:'),
-        node.fields.slug
-      )
-      return
-    }
-
-    function capitalizeString(string) {
-      return string.charAt(0).toUpperCase() + string.slice(1)
+  allMarkdownRemark.edges.forEach(({ node }) => {
+    if (isDev) {
+      console.log()
+      console.log(dim(`Creating page`))
+      console.log(bold(node.frontmatter.title))
+      console.log(JSON.stringify(node.fields, null, 2))
+      console.log(JSON.stringify(node.frontmatter, null, 2))
+      console.log()
     }
 
-    const templateName = capitalizeString(node.fields.source)
+    const templateName = stringCapitalize(node.fields.source)
     const slug = removeTrailingSlash(node.fields.slug)
 
     return createPage({