Fucking did that breadcrumb think!

Finished the homepage (I guess)
Update update udpate?!?!
Housekeeping

.env.development

@@ -0,0 +1,8 @@
+# Environment file for Gatsby's build/develop process.
+# Don't forget to insert `siteMetadata` related stuff into
+# the `gatsby/utils.js` function as well.
+#
+# @see: https://www.gatsbyjs.org/docs/environment-variables/#defining-environment-variables
+
+# siteMetdata
+SITE_URL=http://localhost:8000

.gitignore

@@ -1,7 +1,9 @@
 /_old
 /tmp
 .env.*
+!.env.development
 /reports
+docker/nginx/certs
 
 # Logs
 logs

Makefile

@@ -9,28 +9,24 @@ build:
 	docker-compose build
 
 destroy:
-	docker-compose down
+	docker-compose down --volumes
 
 stop:
 	docker-compose stop
 
 start:
 	docker-compose start
 
-restart:
-	docker exec marvin-nginx /usr/share/nginx-reload.sh
-
-top:
-	docker-compose top nginx
-
-logs:
-	docker logs -f marvin-nginx
-
-intimg:
-	docker run -it --entrypoint bash nginx
+restart: restart-nginx
+	# docker-compose restart marvin-xxxx
 
-intcon:
-	docker exec -i -t marvin-nginx bash
+restart-nginx:
+	docker exec marvin-nginx /usr/share/nginx-reload.sh
 
 newcert:
 	webssl --removeOld --addToKeychain
+
+create-env:
+	cp .env.development .env.production
+
+setup: create-env

README.md

@@ -5,6 +5,12 @@
 
 - [Start](#start)
 - [Deploy](#deploy)
+- [Docker](#docker)
+  - [Interactive shell session](#interactive-shell-session)
+    - [Image](#image)
+    - [Container](#container)
+    - [Logs](#logs)
+    - [Performance (top)](#performance-top)
 - [Issues](#issues)
 
 ## Start
@@ -17,6 +23,34 @@ for development.
 Since I use [now](https://zeit.co/muuvmuuv/portfolio) for my website, it is
 deployed there and fully automated.
 
+## Docker
+
+### Interactive shell session
+
+#### Image
+
+```shell
+docker run -it --entrypoint bash nginx
+```
+
+#### Container
+
+```shell
+docker exec -i -t marvin-nginx bash
+```
+
+#### Logs
+
+```shell
+docker logs -f marvin-nginx
+```
+
+#### Performance (top)
+
+```shell
+docker-compose top nginx
+```
+
 ## Issues
 
 Issues are referenced with `// BUG: #<NUMBER>` and can be seen in

TODO.md

@@ -13,7 +13,7 @@
   - Async: Inter
 - [x] replace package.json with version.txt to reduce size
 - [x] add custom slug to all pages
-- [ ] test `postcss-easing-gradients` with Scss loaded in `/src`
+- [x] test `postcss-easing-gradients` with Scss loaded in `/src`
 - [ ] add md table of contents
 - [ ] new start page: https://labs.semplice.com/s5-vertical-grid
 - [x] test purgecss with classes from Markdown files
@@ -22,8 +22,11 @@
     - [ ] Test
   - [ ] 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] (check if it works now)
+- [ ] new image for start: me while coding
+- [ ] new image for start: me while writing
+- [ ] Add footer with: version, social-media, imprint, changelog, copyright
+      notice
 - [x] test react helmet async
 - [x] add "increase version" by script
 - [x] add bundle analyzer

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

@@ -3,6 +3,7 @@ title: Der Morgen, die Nacht
 description: Ein kleines süßes Gedicht
 created: 02-23-2015
 modified: 07-12-2019
+language: de
 
 header:
   image: image.jpg

content/writings/__demo__/index.md

@@ -4,6 +4,7 @@ description: Ein kleines süßes Gedicht
 slug: custom slug
 created: 09-23-2019
 modified: 07-12-2019
+language: en
 
 header:
   image: image.jpg

docker-compose.yml

@@ -21,9 +21,9 @@ services:
         target: /var/www
         volume:
           nocopy: true
-      # - type: bind
-      #   source: ./docker/nginx/certs/
-      #   target: /etc/nginx/ssl/
+      - type: bind
+        source: ./docker/nginx/certs/
+        target: /etc/nginx/ssl/
       # - type: bind
       #   source: ./docker/nginx/components/
       #   target: /etc/nginx/components/

gatsby-config.js

@@ -18,22 +18,7 @@ console.log(`Using environment: ${yellow(activeEnv)}\n`)
 module.exports = {
   siteMetadata,
   plugins: [
-    {
-      resolve: 'gatsby-plugin-module-resolver',
-      options: {
-        root: './src',
-        aliases: {
-          '@app': './',
-          '@store': './store',
-          '@components': './components',
-          '@layouts': './layouts',
-          '@scripts': './scripts',
-          '@utils': './utils',
-          '@hooks': './hooks',
-          '@images': './images',
-        },
-      },
-    },
+    `gatsby-plugin-preact`, // file size saving 🍾
     `gatsby-plugin-layout`,
     `gatsby-plugin-react-helmet`,
     {
@@ -142,8 +127,21 @@ module.exports = {
       options: {
         useAutoGen: true,
         useClassNames: true,
-        autoGenHomeLabel: `Root`,
         exclude: [`/404`],
+        crumbLabelUpdates: [
+          {
+            pathname: '/projects',
+            crumbLabel: 'Projects',
+          },
+          {
+            pathname: '/photography',
+            crumbLabel: 'Photography',
+          },
+          {
+            pathname: '/writings',
+            crumbLabel: 'Writings',
+          },
+        ],
       },
     },
     {

gatsby/utils.js

@@ -25,7 +25,10 @@ module.exports.slugify = (text, separator) => {
 }
 
 /**
- * Return current version, but only minor, major, patches will always be zero.
+ * Return current version, with major and patches set
+ * to zero for a easier way of handling reports.
+ *
+ * (optional) remove dots
  *
  * @param {boolean} dots Remove dots from version
  */

metadata.js

@@ -2,7 +2,6 @@ module.exports = {
   title: `Marvin/Digital`,
   author: `muuvmuuv`,
   description: `Projects Marvin Heilemann has been working on now and in the past.`,
-  siteUrl: `https://marvin.digital/`,
   keywords: [
     'muuvmuuv',
     'portfolio',

package.json

@@ -1,6 +1,6 @@
 {
   "name": "marvin-digital",
-  "version": "3.0.0",
+  "version": "3.1.0",
   "private": true,
   "description": "Portfolio of Marvin Heilemann (@muuvmuuv)",
   "repository": {
@@ -42,14 +42,15 @@
     "dayjs": "^1.8.19",
     "gatsby": "^2.18.18",
     "gatsby-image": "^2.2.37",
-    "gatsby-plugin-breadcrumb": "^6.2.3",
+    "gatsby-plugin-breadcrumb": "^6.3.0",
     "gatsby-plugin-canonical-urls": "^2.1.18",
     "gatsby-plugin-catch-links": "^2.1.21",
     "gatsby-plugin-humans-txt": "^1.1.4",
     "gatsby-plugin-layout": "^1.1.18",
     "gatsby-plugin-manifest": "^2.2.34",
     "gatsby-plugin-module-resolver": "^1.0.3",
     "gatsby-plugin-postcss": "^2.1.18",
+    "gatsby-plugin-preact": "^3.1.24",
     "gatsby-plugin-purgecss": "^4.0.1",
     "gatsby-plugin-react-helmet": "^3.1.18",
     "gatsby-plugin-remove-generator": "^1.0.4",
@@ -68,6 +69,7 @@
     "kleur": "^3.0.3",
     "node-sass": "^4.13.0",
     "postcss-easing-gradients": "^3.0.1",
+    "preact": "^10.2.1",
     "prismjs": "^1.18.0",
     "prop-types": "^15.7.2",
     "react": "^16.12.0",

src/components/Backdrop.jsx

@@ -9,7 +9,7 @@ const Backdrop = ({ img, alt }) => {
         fluid={img}
         objectFit="cover"
         objectPosition="center top"
-        alt={alt || 'No alternative text'}
+        alt={alt}
       />
     </div>
   )