feat: updated projects

updates dates
added a few more
added more information
added more images
added videos to some (only local ATM)

.gitignore

@@ -4,6 +4,8 @@ reports
 !.env.tmpl
 public
 .now
+*.mp4
+*.webm
 
 #
 # Node

content/projects/additive-gallery/index.md

@@ -0,0 +1,25 @@
+---
+title: ADDITIVE Gallery
+subtitle: The interall photo gallery of ADDITIVE
+image: performance.jpg
+thumb: home.jpg
+
+status: finished
+started: 2018-08-01
+ended: 2019-04-02
+website: null
+
+categories: [website]
+tags: [gallery, website]
+---
+
+After a few years we decided to give to ADDITIVE Gallery a new design and backend/CMS. I
+have set up, desgined (mostly modified an existing theme) and migrated the content all by
+myself. The new system is based on [Koken](http://koken.me/) and can now handle
+compression by itself. Koken also provides nice upload and organization features but sadly
+the development has ended and the author/company behind it is not going to Open Source the
+code.
+
+![Gallery Home](home.png)
+
+![Single Image](single.png)

content/projects/add-mip/index.md → content/projects/additive-mip/index.md

@@ -1,12 +1,12 @@
 ---
-title: MIP
+title: ADDITIVE MIP
 subtitle: The interall employee web interface called MIP
 image: performance.jpg
 thumb: home.jpg
 
 status: finished
-started: 2019-02-12
-ended: 2019-03-20
+started: 2018-09-17
+ended: 2019-01-14
 website: null
 
 categories: [website]

content/projects/additive-tv/index.md

@@ -0,0 +1,49 @@
+---
+title: ADDITIVE Video Portal
+subtitle: A video portal designed for companies
+image: player.png
+thumb: home.png
+
+status: finished
+started: 2018-08-01
+ended: 2019-04-02
+website: https://video.additive-net.de/
+
+categories: [website]
+tags: [video, tv, youtube, vimeo, player, website, ui, ux]
+---
+
+The CEO from ADDITIVE came with a wish to me. He wanted a video portal like YouTube or
+Vimeo but with better labeling and a more explorer like functionallity. After we discussed
+all the requirements I mailed him my idea of the ADDITIVE Video Platform. Below you can
+see a list of features and some screenshots or you go directly to the platform on
+https://video.additive-net.de/.
+
+Features:
+
+- Consistent design (see https://www.additive-net.de)
+- Welcome (home) page with
+  - Welcome autoplayed video
+  - Welcome text
+  - Modular component to display the most viewed or a highlighted video
+- Wordpress as its backend
+- Performance and modern technology
+  - Web components
+  - Webpack
+  - less JS
+- Advanced live searched (text based)
+- Advanced category search page, see: https://video.additive-net.de/products/ or
+  https://video.additive-net.de/themen/
+  - Fast instant search
+  - Hide empty categories
+  - Beautiful design
+- Embedded player
+- UX first player design (with [Plyr](https://plyr.io/))
+
+|                                            |                                |
+| ------------------------------------------ | ------------------------------ |
+| ![Homepage](home.png)                      | ![Category page](category.png) |
+| ![Category inner page](category-inner.png) | ![Category page](player.png)   |
+| ![Open direct search](open-search.png)     |                                |
+
+![Video preview of advanced filtering](video.mp4)

content/projects/additive/index.md

@@ -5,8 +5,8 @@ image: additive-03.png
 thumb: additive-preview.jpg
 
 status: finished
-started: 2018-07-11
-ended: 2019-01-10
+started: 2018-08-01
+ended: 2019-02-27
 website: https://www.additive-net.de/
 team:
   - name: Sonja Emmel

content/projects/influxe-gaming/index.md

@@ -5,8 +5,8 @@ image: influxe-preview.jpg
 thumb: influxe-preview.jpg
 
 status: offline
-started: null
-ended: null
+started: 2015-07-01
+ended: 2017-07-20
 website: null
 team:
   - name: Till Plüer
@@ -51,4 +51,21 @@ life, but we often feel to start some kind of that again someday!
 
 If you want to see a demo, it is not possible at the moment but I'm working on it.
 
+![inFluxe-Gaming Videos](video.mp4)
+
 ![inFluxe Gaming](influxe.png)
+
+## Website screenshots
+
+|                                |                                |
+| ------------------------------ | ------------------------------ |
+| ![inFluxe Gaming](influxe.png) | ![inFluxe Gaming](influxe.png) |
+
+## Other files
+
+|                                                |                                                                   |
+| ---------------------------------------------- | ----------------------------------------------------------------- |
+| ![Playersheet Version 1](playersheet_v1.jpg)   | ![Playersheet Version 2](playersheet_v2.jpg)                      |
+| ![Facebook banner](facebook-banner.jpg)        | ![Wall poster](poster.jpg)                                        |
+| ![Phone cover](phone-cover.jpg)                |                                                                   |
+| ![How be did bug reporting](bug-reporting.png) | ![Image that defined how we versioned everything](versioning.png) |

content/projects/jobportal-friedrichsdorf/index.md

@@ -4,9 +4,9 @@ subtitle: A modern job portal for the city Friedrichsdorf
 image: new-design.png
 thumb: new-design.png
 
-status: wip
-started: null
-ended: null
+status: finished
+started: 2019-07-16
+ended: 2020-03-05
 website: https://jobportal-friedrichsdorf.de/
 roles:
   - design

gatsby-config.js

@@ -167,6 +167,10 @@ module.exports = {
               icon: `<svg height="256" viewBox="0 0 512 256" width="512" xmlns="http://www.w3.org/2000/svg"><path d="m384 0h-64c-6.333376 0-11.499968 2-15.500032 6-4 4-6 9.166656-6 15.500032 0 6.333312 2 11.499968 6 15.499968 4.000064 4 9.166656 6 15.500032 6h64c23.33344 0 43.416576 8.333248 60.249984 25s25.250048 36.66656 25.250048 60c0 23.666816-8.41664 43.83328-25.250048 60.499968-16.833408 16.666784-36.916544 25.000032-60.249984 25.000032h-64c-6.333376 0-11.499968 1.916646-15.500032 5.749997-4 3.833357-6 9.083302-6 15.750003 0 6.333363 2 11.416646 6 15.25 4.000064 3.833352 9.166656 5.75 15.500032 5.75h64c17.666752 0 34.166592-3.3333 49.500032-10 15.666688-6.666701 29.333248-15.833274 40.999936-27.5 11.666752-11.666726 20.833344-25.166592 27.500032-40.5 6.666688-15.666752 10-32.333248 10-50 0-17.33344-3.333312-33.83328-10-49.500032-6.666688-15.666688-15.83328-29.24992-27.500032-40.749952-11.666688-11.500096-25.333248-20.583296-40.999936-27.250048-15.33344-7-31.83328-10.499968-49.500032-10.499968zm-192 213.5h-64c-23.33344 0-43.416576-8.333248-60.249984-25.000032-16.8334336-16.666688-25.250016-36.833152-25.250016-60.499968 0-23.33344 8.4165824-43.333248 25.250016-60 16.833408-16.666752 36.916544-25 60.249984-25h64c6.333376 0 11.499968-2 15.500032-6 4-4 6-9.166656 6-15.499968 0-6.333376-2-11.500032-6-15.500032-4.000064-4-9.166656-6-15.500032-6h-64c-17.666752 0-34.166592 3.499968-49.500032 10.499968-15.6667136 6.666752-29.3332416 15.749952-40.999968 27.250048-11.6667264 11.500032-20.8332992 25.083264-27.5 40.749952-6.66670016 15.666752-10 32.166592-10 49.500032 0 17.666752 3.33329984 34.333248 10 50 6.6667008 15.333408 15.8332736 28.833274 27.5 40.5s25.3332544 20.833299 40.999968 27.5c15.33344 6.6667 31.83328 10 49.500032 10h64c6.333376 0 11.499968-1.916648 15.500032-5.75 4-3.833354 6-8.916637 6-15.25 0-6.666701-2-11.916646-6-15.750003-4.000064-3.833351-9.166656-5.749997-15.500032-5.749997zm-42.499968-85.5c0 6.666688 1.916608 11.916672 5.749952 15.750016s8.916672 5.750016 15.249984 5.750016h171.000064c6.333312 0 11.41664-1.916672 15.249984-5.750016s5.749952-9.083328 5.749952-15.750016c0-6.333376-1.916608-11.41664-5.749952-15.249984s-8.916672-5.750016-15.249984-5.750016h-171.000064c-6.333312 0-11.41664 1.916672-15.249984 5.750016s-5.749952 8.916608-5.749952 15.249984z" fill-rule="evenodd"/></svg>`,
             },
           },
+          {
+            resolve: `gatsby-remark-videos`,
+            options: require('./gatsby/config/gatsby-remark-videos'),
+          },
           {
             // BUG: https://github.com/gatsbyjs/gatsby/issues/16239
             resolve: 'gatsby-remark-images',

gatsby/config/gatsby-remark-videos.js

@@ -0,0 +1,108 @@
+const { isDev } = require('../../utils/environment')
+
+module.exports = {
+  disableTranscoder: isDev,
+  pipelines: isDev
+    ? [
+        {
+          name: 'vp9',
+          fileExtension: 'webm',
+          maxWidth: 1280,
+          maxHeight: 720,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .videoCodec('libvpx-vp9')
+              .noAudio()
+              .outputOptions(['-movflags faststart']),
+        },
+        {
+          name: 'h264',
+          fileExtension: 'mp4',
+          maxWidth: 1280,
+          maxHeight: 720,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .videoCodec('libx264')
+              .noAudio()
+              .outputOptions(['-movflags faststart']),
+        },
+      ]
+    : [
+        /**
+         * Production configuration
+         */
+        {
+          name: 'vp9',
+          fileExtension: 'webm',
+          maxWidth: 1920,
+          maxHeight: 1080,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .preset('slower')
+              .videoCodec('libvpx-vp9')
+              .videoBitrate(1000)
+              .audioCodec('libvorbis')
+              .audioBitrate(128)
+              .audioChannels(2)
+              .outputOptions([
+                '-movflags faststart',
+                '-pix_fmt yuv420p',
+                '-crf 20',
+                '-qscale 3',
+              ]),
+        },
+        {
+          name: 'h264',
+          fileExtension: 'mp4',
+          maxWidth: 1920,
+          maxHeight: 1080,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .preset('slower')
+              .videoCodec('libx264')
+              .videoBitrate(1000)
+              .audioCodec('aac')
+              .audioBitrate(128)
+              .audioChannels(2)
+              .outputOptions([
+                '-movflags faststart',
+                '-pix_fmt yuv420p',
+                '-crf 20',
+                '-qscale 3',
+              ]),
+        },
+      ],
+}
+
+/*
+[
+        {
+          name: 'vp9',
+          fileExtension: 'webm',
+          maxWidth: 1280,
+          maxHeight: 720,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .videoCodec('libvpx-vp9')
+              .noAudio()
+              .outputOptions(['-movflags faststart']),
+        },
+        {
+          name: 'h264',
+          fileExtension: 'mp4',
+          maxWidth: 1280,
+          maxHeight: 720,
+          transcode: (chain) =>
+            chain
+              .fps(29.7)
+              .videoCodec('libx264')
+              .noAudio()
+              .outputOptions(['-movflags faststart']),
+        },
+      ]
+ */

package.json

@@ -72,6 +72,7 @@
     "gatsby-remark-check-links": "^2.1.0",
     "gatsby-remark-copy-linked-files": "^2.1.37",
     "gatsby-remark-images": "^3.1.44",
+    "gatsby-remark-videos": "^0.3.5",
     "gatsby-source-filesystem": "^2.1.48",
     "gatsby-source-graphql": "2.1.29",
     "gatsby-transformer-json": "^2.2.26",
@@ -129,4 +130,4 @@
     "node": ">=12",
     "pnpm": ">=4"
   }
-}
+}