Huuge update

Added GraphCMS source Added GitHub source Updated projects Updated writings Updated assets Prepared stuf for sitespeed.io Close menu on navigation Updated imprint Smaller theme switch Overflow fix Moved lighthouse Updated deps Removed fragments from file Added active nav highlight Added changelog page Added todo page
muuvmuuv · Jan 28, 2020 · c134958 · c134958
1 parent e7389a7
commit c134958
Show file tree

Hide file tree

Showing 89 changed files with 2,671 additions and 796 deletions.
diff --git a/.env.tmpl b/.env.tmpl
@@ -1,8 +1,16 @@
-# Environment file for Gatsby's build/develop process.
-# Don't forget to insert `siteMetadata` related stuff into
-# the `gatsby/utils.js` function as well.
+# Environment file for Gatsby and Now build/development process.
 #
 # https://www.gatsbyjs.org/docs/environment-variables/#defining-environment-variables
+# https://zeit.co/docs/v2/build-step?query=env.build#providing-environment-variables
 
 # External API's
 RIOT_API_KEY=""
+GRAPH_CMS_PAT=""
+GITHUB_ACCESS_TOKEN=""
+
+# Grafana
+GF_SECURITY_ADMIN_PASSWORD=
+GF_SECURITY_ADMIN_USER=sitespeedio
+GF_AUTH_ANONYMOUS_ENABLED=true
+GF_USERS_ALLOW_SIGN_UP=false
+GF_USERS_ALLOW_ORG_CREATE=false
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,4 @@
+data
 docker/nginx/certs
 reports
 .env.*

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -10,6 +10,7 @@
   "cSpell.words": [
     "dayjs",
     "dribbble",
+    "sitespeedio",
     "taskz",
     "xing"
   ]

diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,86 @@
+### Changelog
+
+All notable changes to this project will be documented in this file. Dates are displayed in UTC.
+
+Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
+
+#### [v3.12.0](https://github.com/muuvmuuv/portfolio/compare/v3.11.0...v3.12.0)
+
+> 28 January 2020
+
+- Fix "window is not defined" in component [`e7389a7`](https://github.com/muuvmuuv/portfolio/commit/e7389a74ba0112213a74cbe8928dfa10aac0b939)
+
+#### [v3.11.0](https://github.com/muuvmuuv/portfolio/compare/v3.8.2...v3.11.0)
+
+> 22 January 2020
+
+- Changed fonts [`cf0e876`](https://github.com/muuvmuuv/portfolio/commit/cf0e8762ecf66c01cb90465d2ffa3cf1211be3c1)
+- Removed demo pages from prod builds [`cef903b`](https://github.com/muuvmuuv/portfolio/commit/cef903b464fdd7f3b47af9459a204ce7e9a1aec9)
+- Updated favicon and logo [`000a69a`](https://github.com/muuvmuuv/portfolio/commit/000a69a4d13c08fe92f9ee1e2b5ee0b8afe9ea91)
+
+#### [v3.8.2](https://github.com/muuvmuuv/portfolio/compare/v3.8.1...v3.8.2)
+
+> 21 January 2020
+
+- Update README [`f6f01f6`](https://github.com/muuvmuuv/portfolio/commit/f6f01f6d3e5b5cb22875d975b2b0ecad53c4ccf2)
+
+#### v3.8.1
+
+> 21 January 2020
+
+- Added Docker [`76270f3`](https://github.com/muuvmuuv/portfolio/commit/76270f338de3e944bc763b5ef3a4bc1213e7bcab)
+- Remove reports [`88b16eb`](https://github.com/muuvmuuv/portfolio/commit/88b16eb40adafac75d612415e23aac845a9e38f5)
+- Initial commit from gatsby: (https://github.com/gatsbyjs/gatsby-starter-default.git) [`bd6bc9d`](https://github.com/muuvmuuv/portfolio/commit/bd6bc9dc6e71316f99fa22c6271b3a6dcdcd602b)
+- Updated UI a little [`280248d`](https://github.com/muuvmuuv/portfolio/commit/280248d359c7d6a67dc7dc01d3489687c807818b)
+- Update to stable prod build [`5563b6e`](https://github.com/muuvmuuv/portfolio/commit/5563b6e08ddc4795c5088ae3ce065db75bcec27b)
+- Update [`4c9bc89`](https://github.com/muuvmuuv/portfolio/commit/4c9bc89cc61a6ced483ec4a729a1c58a75a4377a)
+- Initial commit 🎡 [`416c0b1`](https://github.com/muuvmuuv/portfolio/commit/416c0b17dcd408804f1498c3944ffbdb05a20d5a)
+- Update [`54a67a2`](https://github.com/muuvmuuv/portfolio/commit/54a67a2f2994adb9ab16621fa6e7828905974c4d)
+- Update [`ab9a60e`](https://github.com/muuvmuuv/portfolio/commit/ab9a60eb8155dafb2a2cec2ebdfdf86cb7c1fc6c)
+- Added styleling and applied rules [`27a7a3b`](https://github.com/muuvmuuv/portfolio/commit/27a7a3bdac34717566e65e7c0b64690d2c00c291)
+- So much stuff [`ff3d5b3`](https://github.com/muuvmuuv/portfolio/commit/ff3d5b3012b169e14c953d9b06b001f704d9e4b7)
+- Add about page [`e4fdc15`](https://github.com/muuvmuuv/portfolio/commit/e4fdc15edb1ef9a88c791170d3b96c4e8ecdd528)
+- Fucking did that breadcrumb think! [`497b670`](https://github.com/muuvmuuv/portfolio/commit/497b67035735ba79b9b32442acaa4cab1c70f203)
+- Update [`cacb627`](https://github.com/muuvmuuv/portfolio/commit/cacb6270a2f0e5c1b33e38298f3eb786c0153c73)
+- Add language to writings [`05db231`](https://github.com/muuvmuuv/portfolio/commit/05db2319d37bf805613d566d5c759a46eec1a182)
+- Added icons [`627239a`](https://github.com/muuvmuuv/portfolio/commit/627239ad1a5767686148fbb965df2b305ab3ed44)
+- Add breadcrumb [`855b553`](https://github.com/muuvmuuv/portfolio/commit/855b5538303709737a73a65c4613b0b6f02ac857)
+- Irgendein Update [`4df2483`](https://github.com/muuvmuuv/portfolio/commit/4df2483c364f3d520c373b334ae8c7d4d28791c4)
+- Update added breadcrumb [`4047160`](https://github.com/muuvmuuv/portfolio/commit/40471606398137e715756abf84e1d7d767f34165)
+- Fix eslint errors [`997c440`](https://github.com/muuvmuuv/portfolio/commit/997c440a30dd48c8e201b4a0ca4d7019b38ed21e)
+- Updated lighthouse integration [`360cb31`](https://github.com/muuvmuuv/portfolio/commit/360cb31532408fd8df52f9ad0b165ceaa9f9ee60)
+- Simplified query/sort in projects list [`6c2b71f`](https://github.com/muuvmuuv/portfolio/commit/6c2b71f1c37d8f16ff2e54707ec5321cc39b3d1f)
+- Update [`bee7024`](https://github.com/muuvmuuv/portfolio/commit/bee7024f5b126278e6d70dc02fe454f84928a1d0)
+- Updated now deploy [`495bfee`](https://github.com/muuvmuuv/portfolio/commit/495bfee2df01d7843dd4d65a79b95ecff4c53632)
+- Deps update [`16a57b8`](https://github.com/muuvmuuv/portfolio/commit/16a57b806d0d7ab8899cc2bb6019762b62a1ebfd)
+- Add plugins to wrap AST nodes and add span to checkbox text [`c89c634`](https://github.com/muuvmuuv/portfolio/commit/c89c6341f2cdbe08b880314e609b1ac512bced99)
+- Fix multi render issue on breadcrumb [`785f2f6`](https://github.com/muuvmuuv/portfolio/commit/785f2f646926c60d02a76d0124fd62cd8a70437a)
+- Removed compiled paragraph in blockquote [`703e381`](https://github.com/muuvmuuv/portfolio/commit/703e381e51e8d2b6f5d965d36abe445941da1ca0)
+- Added new way to install brotli [`7ffa6d3`](https://github.com/muuvmuuv/portfolio/commit/7ffa6d3f21da77b51d03e548a3c720c27809d74b)
+- Added home headline for SEO [`e0af04f`](https://github.com/muuvmuuv/portfolio/commit/e0af04f5dfbfb082092546e539d66ea87025506f)
+- Added better footnoteref animations [`f80cb34`](https://github.com/muuvmuuv/portfolio/commit/f80cb34d1894a4ab2798686d3e285b4577fd7e3a)
+- Cleanup [`a1a4bb9`](https://github.com/muuvmuuv/portfolio/commit/a1a4bb973c55c3e0e7cf10b3042deb9f458bcd73)
+- Added prettier and pretty-quick [`5fd3a1a`](https://github.com/muuvmuuv/portfolio/commit/5fd3a1a808840bfc260bfe49a3ca9ae859583e2a)
+- Update [`c29d3d3`](https://github.com/muuvmuuv/portfolio/commit/c29d3d31aed0f05e0cb6833e56ada2e721abe813)
+- Moved utils [`2bc4dd5`](https://github.com/muuvmuuv/portfolio/commit/2bc4dd535c2f20dc95de79b80f3ac6595f8d80e5)
+- Use own link component [`d1943e8`](https://github.com/muuvmuuv/portfolio/commit/d1943e8fd9b11a135d7c5e81c5fdc22543d0becb)
+- Fixed checkbox issue [`ca0bc8f`](https://github.com/muuvmuuv/portfolio/commit/ca0bc8f952f5c18c5c83ce9cf1643faf718229df)
+- Improved projects info ui/ux [`84ebadd`](https://github.com/muuvmuuv/portfolio/commit/84ebadd5c82335efd9b34329887b019394287985)
+- Add copyright notice [`c86a662`](https://github.com/muuvmuuv/portfolio/commit/c86a6622fb83cea6afaf0cb7a23e930aabba58fe)
+- Pages can now have a custom slug [`c01acc0`](https://github.com/muuvmuuv/portfolio/commit/c01acc0ed62262ceaa0da84d0480b5e47597c9ed)
+- Script updates [`2639268`](https://github.com/muuvmuuv/portfolio/commit/2639268548f0a0cc3fccd6c5a0169a2e3f35ff66)
+- Added welcome console image [`a3408b3`](https://github.com/muuvmuuv/portfolio/commit/a3408b3153eda1a8a34a55cb57026cf32b9eb73d)
+- Updated code highlighting [`325a52a`](https://github.com/muuvmuuv/portfolio/commit/325a52aaae80d62587b3741dba9225f8efac6573)
+- Styled writings home [`5c7c1b7`](https://github.com/muuvmuuv/portfolio/commit/5c7c1b7e9ebd40da462ec667636c4a2503dbd556)
+- Fix invalid date [`df17a2c`](https://github.com/muuvmuuv/portfolio/commit/df17a2ce49e56145e26bfd38581f09c1afe126d7)
+- Add GIF [`f9ed55f`](https://github.com/muuvmuuv/portfolio/commit/f9ed55ff7ca2db6dc56f8c46a6033230d102e885)
+- Fixed store path [`b0bcb99`](https://github.com/muuvmuuv/portfolio/commit/b0bcb99919b8529b9eb574e7491d457f3319dd62)
+- Bump version [`62e3ac3`](https://github.com/muuvmuuv/portfolio/commit/62e3ac3e11a72150f344b895d6ab61f013eac5d9)
+- Be strict with linter paths [`ba751cd`](https://github.com/muuvmuuv/portfolio/commit/ba751cd3af78c2fe460e0e2160e3b789c96db084)
+- Bumped version from 3.2.0 to 3.3.0 [`cec4cc8`](https://github.com/muuvmuuv/portfolio/commit/cec4cc898182d63b2fd7bca50b425255a4fb8235)
+- More todos [`f6ff65d`](https://github.com/muuvmuuv/portfolio/commit/f6ff65df011854d75fd14cb9284ab46e48543a9c)
+- Copyright sign [`584b103`](https://github.com/muuvmuuv/portfolio/commit/584b103f6ed427bd1c1d262b1edaab26063f7e75)
+- Fixed slugify [`967a6fe`](https://github.com/muuvmuuv/portfolio/commit/967a6fee5517e39822e9198e1350fdf0738b75ba)
+- Next attemp for case-sensitive fix ...... [`4f6c7a5`](https://github.com/muuvmuuv/portfolio/commit/4f6c7a576f0630be7cccfff4fc3f2e2a1885d5f3)
+- Next attemp to fix stupid case-sensitive issue [`78fd0ca`](https://github.com/muuvmuuv/portfolio/commit/78fd0cad9f830ff88af5fc8357e794bb81132f04)
+- Try to fix component naming issue [`f580470`](https://github.com/muuvmuuv/portfolio/commit/f5804701301e158215d83a609e6ad1427e4173f3)
diff --git a/Makefile b/Makefile
@@ -1,3 +1,7 @@
+include .env
+
+timestamp := $(shell date +%Y%m%d)
+
 up:
 	docker-compose up -d
 	printf "\n\e[1mServer is running at: \e[4mhttps://marvin.lcl/\e[0m\n"
@@ -17,9 +21,6 @@ stop:
 start:
 	docker-compose start
 
-logs:
-	docker logs marvin-nginx
-
 restart:
 	docker-compose restart nginx
 
@@ -34,13 +35,13 @@ newcert:
 # Setup
 
 create-env:
-	if test -f .env.build; \
+	if test -f .env; \
 	then echo Environment file already exist, exiting...; exit 0; \
-	else cp .env.tmpl .env.build; echo Created environment file; \
+	else cp .env.tmpl .env; echo Created environment file; \
 	fi
 
 create-dirs:
-	mkdir -p reports
+	mkdir -p reports/latest
 	mkdir -p docker/nginx/certs
 
 setup: create-env create-dirs

diff --git a/TODO.md b/TODO.md
@@ -39,16 +39,17 @@
 - [x] weird background colors on imprint bottom section
 - [x] fix issue with header on prod build
 - [ ] MDX pages are not using remark images plugin
-- [ ] update mobile navigation
+- [x] update mobile navigation
 - [x] add scroll to top
 - [x] check description, keywords and title on all pages
 - [ ] add md table of contents
-- [ ] use [auto-changelog](https://github.com/CookPete/auto-changelog) for the changelog
+- [x] use [auto-changelog](https://github.com/CookPete/auto-changelog) for the changelog
       page
 - [ ] image opening on big vertical images is broken, add max height and width + scrolling
       with mouse move
 - [ ] new image for start: me while coding
 - [ ] new image for start: me while writing
+- [x] writings no image => small hero
 - [x] put scss theme stuff in own mixin for compat.
 - [x] Add footer with: version, social-media, imprint, changelog, copyright notice
 - [x] test react helmet async
@@ -63,7 +64,7 @@
   - [x] save Screenshot for mobile and desktop
   - [x] open only desktop
   - [x] script to open mobile
-  - [ ] open summary view by default
+  - [x] ~~open summary view by default~~
 - [x] Make text justified
 - [x] ~~use CSS blend modes (overlay)~~
 - [ ] add League of Legends API to show profile and stats
@@ -72,19 +73,27 @@
 - [ ] use Inter variable Font: https://rsms.me/inter/var-test.html
 - [x] set font feature settings (numbers, dates, etc.):
   - https://rsms.me/inter/#features
-- [ ] Upload all writings
-  - [ ] Grammatical corrections
-  - [ ] Find images on Unsplash
+- [x] Upload all writings
+  - [x] Grammatical corrections
+  - [x] ~~Find images on Unsplash~~
 - [ ] Update current projects
-  - [ ] More text
-  - [ ] Update images
+  - [x] More text
+  - [x] Update images
 - [ ] Upload some photos (best off's)
 - [ ] Setup SimpleAnalytics or something similar
+- [ ] show GitHub OSS with GitHub API on a separate page
+- [ ] display `</Coding>` stuff somewhere or let it imported by browser XML export
+- [ ] upload all content to GraphCMS
 - [x] check pages with Firefox Axe
+- [ ] setup danger and make sure
+  - [ ] version is increased before commit/push
+  - [ ] no push if no audit for current version
+  - [ ] note about linting
 - [ ] check all pages with screen reader
 - [ ] check all pages with reduced motion
 - [ ] check all pages with reduced transparency
 - [ ] remove source maps in production builds
+- [ ] add new theme switch design, current does not work properly with `mix-blend-mode`
 - [x] PWA: add service worker for offline usage (`gatsby-plugin-offline`)
 - [x] ~~add tests?!~~
 - [x] ~~move from bash script to [Nim][2]~~
@@ -98,7 +107,7 @@
   - [ ] use better [color system][10]
 - [x] light theme
 - [ ] ~~Eventually new Font: [ZOOM-PRO][9]~~ (too expensive)
-- [ ] !!! use external CMS service for data instead of file based !!!
+- [ ] !!! use external CMS service for data instead of github !!!
 - [ ] open source the code 🤫 (requires above)
 
 [1]: https://www.gatsbyjs.org/packages/gatsby-plugin-preact/

diff --git a/assets/assets.sketch b/assets/assets.sketch
diff --git a/content/projects/add-mip/index.md b/content/projects/add-mip/index.md
@@ -0,0 +1,21 @@
+---
+title: MIP
+subtitle: The interall employee web interface called MIP
+image: preview.jpg
+thumb: preview.jpg
+
+status: finished
+started: 2019-02-12
+ended: 2019-03-20
+website: null
+
+categories: [website]
+tags: [performance, website]
+---
+
+ADDITIVE has an interall tool for employees to see the company performance from the
+beginning until now. It is also a blog where employees can post important information
+about events for example.
+
+I have re-created the complete website in Wordpress and also added an API for the
+performance dashboard.
diff --git a/content/projects/add-mip/preview.jpg b/content/projects/add-mip/preview.jpg
diff --git a/content/projects/additive/index.md b/content/projects/additive/index.md
@@ -1,7 +1,7 @@
 ---
 title: ADDITIVE
 subtitle: Giving ADDITIVE a new face and modern interface
-image: additive-preview.jpg
+image: additive-03.png
 thumb: additive-preview.jpg
 
 status: finished
@@ -10,14 +10,17 @@ ended: 2019-01-10
 website: https://www.additive-net.de/
 team:
   - name: Sonja Emmel
-    link: null
+    link: https://www.xing.com/profile/Sonja_Emmel/cv
 
 categories: [website]
 tags: [business, website]
 ---
 
-The redesign and restructure of the ADDITIVE Website and some other internal
-projects like the shop is part of my work here.
+At ADDITIVE my first job was to completely redesign the homepage and try to essable a
+style guide. Sonja Emmel helped me a few times with the content and Joomla related parts
+but overall it is a product by me. Sadly, after some time the founder wanted to make major
+changes, that is the reason why the layout does not look that good as it was at the
+beginning, but that's how it goes sometimes.
 
-![ADDITIVE](additive-01.png) ![ADDITIVE](additive-02.png)
-![ADDITIVE](additive-03.png) ![ADDITIVE](additive-04.png)
+![ADDITIVE](additive-01.png) ![ADDITIVE](additive-02.png) ![ADDITIVE](additive-03.png)
+![ADDITIVE](additive-04.png)
diff --git a/content/projects/ef-education-first/index.md b/content/projects/ef-education-first/index.md
@@ -19,59 +19,40 @@ categories: [app]
 tags: [education, mobile]
 ---
 
-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.
-
-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:
+In a three-month trip to London, I visited the school **Education First** (EF). Before I
+attended the trip I got some information material and that is where I saw that they have
+an iOS application, which I downloaded immediately. I laughed at the first launch; this
+app was really not the best looking or optimized for students. It was messy and most
+features were just hard to use.
+
+A few weeks later my trip started. The complete time I stayed at a residence provided by
+EF, so only EF students there (Yay!). I found a handful of good friends there and one of
+them was Finn. Finn is from Germany as well and was my room mate. Nice time, even nicer
+memories.
+
+Finn applied on two universities in Germany and one of them needed a presentation from
+him. The requirements were simple; create an invented company and a product with a
+detailed explanation + prototype or optimize an existing product. After he said the last I
+immediately thought about that ugly EF app proposed to him to recreate the app and explain
+each step. And he was thrilled because he thought the same as me about the app. So we
+started together because I got nice experience in user design and experience and are
+familiar with tools like InVision and Sketch.
+
+After a few days we got our first prototype ready and also a small part of the
+presentation. We asked friends and other EF students what they think about the progress
+and idea so far. The resonance was amazing, most of the students felt the same as us, and
+we got a lot of ideas and improvement suggestions. So to not take that too long, here is
+the final product.
+
+For an interactive prototype visit:
 [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.
+> 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">
-    <img src="startscreen.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="login.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="login-filled.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="forgot-password.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="feed-loading.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="feed-new-post.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="activity-page.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="schedule-overview.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="schedule-weekly-overview.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="course-overview.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="menu.png" alt="EF – Education First">
-  </div>
-  <div class="col-12 col-sm-6 col-md-4 mb-4">
-    <img src="feed.png" alt="EF – Education First">
-  </div>
-</div>
+![startscreen.png](startscreen.png) ![login.png](login.png)
+![login-filled.png](login-filled.png) ![forgot-password.png](forgot-password.png)
+![feed-loading.png](feed-loading.png) ![feed-new-post.png](feed-new-post.png)
+![activity-page.png](activity-page.png) ![schedule-overview.png](schedule-overview.png)
+![schedule-weekly-overview.png](schedule-weekly-overview.png)
+![course-overview.png](course-overview.png) ![menu.png](menu.png) ![feed.png](feed.png)
diff --git a/content/projects/eyecall/index.md b/content/projects/eyecall/index.md
@@ -19,6 +19,9 @@ 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. Sadly the
+creators of this good idea has been changed and all of what I have done isn't really
+adopted. Please… just experience the screenshot and save your time by clicking on the
+website.
 
-![You see here...](eyecall-preview.png)
+![You see here, the magic of scrollitelling (telling a story while scrolling)](eyecall-preview.png)