Update

Setup now

TODO.md

@@ -8,8 +8,14 @@
 - [x] replace package.json with version.txt to reduce size
 - [x] add custom slug to all pages
 - [ ] add md table of contents
-- [ ] test purgecss with classes from Markdown files
+- [x] test purgecss with classes from Markdown files
 - [ ] add NOW deployment
+  - [ ] Setup Nameserver
+  - [ ] Everything pushed to master -> marvin.digital
+  - [ ] Everything pushed to development -> dev.marvin.digital
+  - [ ] Everything pushed to by hand -> dev.marvin.digital
+- [ ] ~~replace React with [Preact][1]~~
+- [ ] test react helmet async
 - [x] add "increase version" by script
 - [x] add bundle analyzer
 - [x] analyze via bundlephobia
@@ -24,4 +30,12 @@
   - [ ] More text
   - [ ] Update images
 - [ ] Upload some photos (best off's)
+- [ ] check all pages with screen reader
+- [ ] check all pages with reduced motion
+- [ ] check all pages with reduced transparenzy
 - [ ] add tests?!
+- [ ] move from bash script to [Nim][2]
+
+[1]:
+  https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-preact
+[2]: https://nim-lang.org/docs/tut1.html

content/projects/__demo__/index.md

@@ -5,8 +5,8 @@ image: img-01.jpg
 thumb: img-02.jpg
 published: true
 
-started: 09-23-2019
-ended: 09-28-2019
+started: 2019-09-23
+ended: 2019-10-02
 
 status: wip
 website: https://marvin.digital/

content/projects/additive/index.md

@@ -5,7 +5,7 @@ image: additive-preview.jpg
 thumb: additive-preview.jpg
 
 started: null
-ended: 01-10-2019
+ended: 2019-01-10
 
 status: finished
 website: https://www.additive-net.de/
@@ -17,24 +17,8 @@ tags: [business, website]
 categories: [website]
 ---
 
-<p class="container container--small">
-Sleep in the bathroom sink allways wanting food. Rub whiskers on bare skin act innocent intently sniff hand intrigued by the shower, but hide from vacuum cleaner yet i see a bird i stare at it i meow at it i do a wiggle come here birdy, eat a plant, kill a hand prance along on top of the garden fence, annoy the neighbor's dog and make it bark. Throw down all the stuff in the kitchen white cat sleeps on a black shirt the cat was chasing the mouse meowing chowing and wowing. I’m so hungry i’m so hungry but ew not for that try to hold own back foot to clean it but foot reflexively kicks you in face, go into a rage and bite own foot, hard decide to want nothing to do with my owner
-</p>
-<p class="container container--small">
-today. Snuggles up to shoulders or knees and purrs you to sleep find empty spot in cupboard and sleep all day meeeeouw i love cuddles and cats are cute hate dog. Wack the mini furry mouse flex claws on the human's belly and purr like a lawnmower yet sniff sniff and open the door, let me out, let me out, let me-out, let me-aow, let meaow, meaow!. Pet me pet me don't pet me bleghbleghvomit my furball really tie the room together but find empty spot in cupboard and sleep all day. Milk the cow licks your face or floof tum, tickle bum, jellybean footies curly toes. Curl into a furry donut.
-</p>
+The redesign and restructure of the ADDITIVE Website and some other internal
+projects like the shop is part of my work here.
 
-<div class="container">
-  <img src="additive-01.png" alt="Alternative title and caption">
-</div>
-
----
-
-The redesign and restructure of the ADDITIVE Website and some other internal projects like the shop is part of my work here.
-
-![ADDITIVE](additive-01.png)
-![ADDITIVE](additive-02.png)
-![ADDITIVE](additive-03.png)
-![ADDITIVE](additive-04.png)
-
-<div class="hey">hi</div>
+![ADDITIVE](additive-01.png) ![ADDITIVE](additive-02.png)
+![ADDITIVE](additive-03.png) ![ADDITIVE](additive-04.png)

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

@@ -17,15 +17,23 @@ tags: [education, mobile]
 categories: [app]
 ---
 
-In a three month trip to London, Marvin visit the EF school. He noticed in the first month that many students had problems with the application in find it hard to understand the use of some features. After some talks with students and staffs he decided to redesign the hole app and thought about a better use of some features that are not recognised yet.
+In a three month trip to London, Marvin visit the EF school. He noticed in the
+first month that many students had problems with the application in find it hard
+to understand the use of some features. After some talks with students and
+staffs he decided to redesign the hole app and thought about a better use of
+some features that are not recognised yet.
 
-His friend Finn had to make a presentation project for an application for a university in germany, so they both decided to make this as the project.
+His friend Finn had to make a presentation project for an application for a
+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.
+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 visit:
+[https://invis.io/9RNG7GCYFKZ](https://invis.io/9RNG7GCYFKZ)
 
-> Note: When you visit inVision, you can just click anywhere in the smartphone screen to let clickable elements appear.
+> Note: When you visit inVision, you can just click anywhere in the smartphone
+> screen to let clickable elements appear.
 
 <div class="row">
   <div class="col-12 col-sm-6 col-md-4 mb-4">

content/projects/eyecall/index.md

@@ -4,8 +4,8 @@ subtitle: A new way to communicate with your customers
 image: eyecall-preview.png
 thumb: eyecall-preview.png
 
-started: 01-11-2016
-ended: 01-27-2017
+started: 2016-01-11
+ended: 2017-01-27
 
 status: outdated
 website: https://www.eyecall.de/

content/projects/influxe-gaming/index.md

@@ -17,6 +17,8 @@ tags: [gaming, community]
 categories: [website]
 ---
 
-<b>inFluxe Gaming</b> has been a community project over three years to look how far we can go with a group of gamers. We have reached over 200 active members and had a successful ESL team in <u>Counter Strike: Global Offensive</u>.
+<b>inFluxe Gaming</b> has been a community project over three years to look how
+far we can go with a group of gamers. We have reached over 200 active members
+and had a successful ESL team in <u>Counter Strike: Global Offensive</u>.
 
 ![inFluxe Gaming](influxe.png)

content/projects/isabella-gensch/index.md

@@ -17,6 +17,7 @@ tags: [blog, website]
 categories: [website]
 ---
 
-Isabella Gensch is the best friend of Marvin and he is working on her website as often as he has time to push her career as a make up artist.
+Isabella Gensch is the best friend of Marvin and he is working on her website as
+often as he has time to push her career as a make up artist.
 
 ![Isabellagensch](isabella.png)

content/projects/m8finder/index.md

@@ -4,7 +4,7 @@ subtitle: Fast way to group with people that share the same interest
 image: m8finder-preview.jpg
 thumb: m8finder-preview.jpg
 
-started: 08-03-2018
+started: 2018-08-03
 ended: null
 
 status: wip
@@ -20,6 +20,6 @@ categories: [website, app]
 keywords: [m8finder, gaming, search engine, community]
 ---
 
-My current project I#m working on. I#m the co-founder and frontend programmer.
+My current project I'm working on. I'm the co-founder and frontend programmer.
 
 ![The first web version](m8finder.png)

content/writings/__demo__/index.md

@@ -1,6 +1,6 @@
 ---
 title: Das ist, eine $" tolle Demo
-# description: Ein kleines süßes Gedicht
+description: Ein kleines süßes Gedicht
 slug: custom slug
 created: 09-23-2019
 modified: 07-12-2019
@@ -49,3 +49,50 @@ die welche einem tiefe Wünsche und Gefühle wahr werden lässt. Nacht die einem
 alle Angst und den Schmerz nimmt Worte zu sagen. In der kein Mut benötigt wird
 und kein Herz einen aufhält eventuell das falsche zu tun. Manchmal ist der
 Stern, der so Hell erscheint auch der welcher am nächsten unerreichbar ist.
+
+## Some what
+
+Zeigt der Schmerz; Leidenschaft oder das Gefühl geborgen und entflohen zu sein.
+Die Gründe dieses schönen Gefühls, sind kein Schmerz, der nicht gerne ertragen
+wird, sondern Schmerz welcher schützt. Schützt vor Leidenschaft, welche Falsch
+gesprochen wird. Schützt vor Geborgenheit und dem Willen allem schlechten zu
+entfliehen. Sobald ich meine Augen wieder schließe, der Tag sein Ende und alle
+Wahrheit sein Gedanken nimmt, fällt die Nacht hinein. Die der man verfällt und
+die welche einem tiefe Wünsche und Gefühle wahr werden lässt. Nacht die einem
+alle Angst und den Schmerz nimmt Worte zu sagen. In der kein Mut benötigt wird
+und kein Herz einen aufhält eventuell das falsche zu tun. Manchmal ist der
+Stern, der so Hell erscheint auch der welcher am nächsten unerreichbar ist.
+
+Zeigt der Schmerz; Leidenschaft oder das Gefühl geborgen und entflohen zu sein.
+Die Gründe dieses schönen Gefühls, sind kein Schmerz, der nicht gerne ertragen
+wird, sondern Schmerz welcher schützt. Schützt vor Leidenschaft, welche Falsch
+gesprochen wird. Schützt vor Geborgenheit und dem Willen allem schlechten zu
+entfliehen. Sobald ich meine Augen wieder schließe, der Tag sein Ende und alle
+Wahrheit sein Gedanken nimmt, fällt die Nacht hinein. Die der man verfällt und
+die welche einem tiefe Wünsche und Gefühle wahr werden lässt. Nacht die einem
+alle Angst und den Schmerz nimmt Worte zu sagen. In der kein Mut benötigt wird
+und kein Herz einen aufhält eventuell das falsche zu tun. Manchmal ist der
+Stern, der so Hell erscheint auch der welcher am nächsten unerreichbar ist Zeigt
+der Schmerz; Leidenschaft oder das Gefühl geborgen und entflohen zu sein. Die
+Gründe dieses schönen Gefühls, sind kein Schmerz, der nicht gerne ertragen wird,
+sondern Schmerz welcher schützt. Schützt vor Leidenschaft, welche Falsch
+gesprochen wird. Schützt vor Geborgenheit und dem Willen allem schlechten zu
+entfliehen. Sobald ich meine Augen wieder schließe, der Tag sein Ende und alle
+Wahrheit sein Gedanken nimmt, fällt die Nacht hinein. Die der man verfällt und
+die welche einem tiefe Wünsche und Gefühle wahr werden lässt. Nacht die einem
+alle Angst und den Schmerz nimmt Worte zu sagen. In der kein Mut benötigt wird
+und kein Herz einen aufhält eventuell das falsche zu tun. Manchmal ist der
+Stern, der so Hell erscheint auch der welcher am nächsten unerreichbar ist.Zeigt
+der Schmerz; Leidenschaft oder das Gefühl geborgen und entflohen zu sein. Die
+Gründe dieses schönen Gefühls, sind kein Schmerz, der nicht gerne ertragen wird,
+sondern Schmerz welcher schützt. Schützt vor Leidenschaft, welche Falsch
+
+## Last
+
+gesprochen wird. Schützt vor Geborgenheit und dem Willen allem schlechten zu
+entfliehen. Sobald ich meine Augen wieder schließe, der Tag sein Ende und alle
+Wahrheit sein Gedanken nimmt, fällt die Nacht hinein. Die der man verfällt und
+die welche einem tiefe Wünsche und Gefühle wahr werden lässt. Nacht die einem
+alle Angst und den Schmerz nimmt Worte zu sagen. In der kein Mut benötigt wird
+und kein Herz einen aufhält eventuell das falsche zu tun. Manchmal ist der
+Stern, der so Hell erscheint auch der welcher am nächsten unerreichbar ist.

gatsby-browser.js

@@ -11,18 +11,20 @@ const setDefaultTime = require('./gatsby/browser/defaultTime')
 
 require('./src/styles/app.scss')
 
-exports.onRouteUpdate = ({ location }) => {
-  const path = location.pathname + location.search + location.hash
-
-  if (isDev) {
-    console.info('Track pageview of:', path)
-  }
+exports.onClientEntry = () => {
+  setDefaultTime()
 }
 
 exports.onInitialClientRender = () => {
-  setDefaultTime()
-
   if (isProd) {
     printCorporateMessage()
   }
 }
+
+exports.onRouteUpdate = ({ location }) => {
+  const path = location.pathname + location.search + location.hash
+
+  if (isDev) {
+    console.info('Track pageview of:', path)
+  }
+}

gatsby-config.js

@@ -66,7 +66,7 @@ module.exports = {
         pedantic: true,
         gfm: true,
         plugins: [
-          // 'remark-p',
+          // 'remark-custom-classes',
           {
             resolve: 'gatsby-remark-images',
             options: {

gatsby/browser/defaultTime.js

@@ -3,14 +3,31 @@ const UTC = require('dayjs/plugin/utc')
 const LocalizedFormat = require('dayjs/plugin/localizedFormat')
 const { isDev } = require('../environment.js')
 
+const availableLanguages = ['en', 'de']
+
+// include locale for each available language
 require('dayjs/locale/de')
 
+const localeHelper = lang => {
+  const locale = availableLanguages.find(locale => {
+    if (locale === lang) {
+      return true
+    }
+    const regex = new RegExp(`${locale}-.*`)
+    return regex.test(lang)
+  })
+  return locale ? locale : availableLanguages[0]
+}
+
 module.exports = () => {
+  const lang = window.navigator.language
+  const locale = localeHelper(lang)
+
   dayjs.extend(LocalizedFormat)
   dayjs.extend(UTC)
-  dayjs.locale('en')
+  dayjs.locale(locale)
 
   if (isDev) {
-    console.log('Preferred language:', window.navigator.language)
+    console.log('Preferred language:', lang, locale)
   }
 }

now.json

@@ -0,0 +1,18 @@
+{
+  "version": 2,
+  "public": false,
+  "name": "portfolio",
+  "scope": "muuvmuuv",
+  "regions": [
+    "bru1"
+  ],
+  "builds": [
+    {
+      "src": "package.json",
+      "use": "@now/static-build",
+      "config": {
+        "distDir": "public"
+      }
+    }
+  ]
+}