Irgendein Update

.nvmrc

@@ -0,0 +1 @@
+lts/*

.vscode/settings.json

@@ -2,5 +2,8 @@
   "cSpell.words": [
     "dayjs",
     "taskz"
+  ],
+  "todo-tree.filtering.excludeGlobs": [
+    "**/*.md",
   ]
 }

ISSUES.md

@@ -1,8 +1,10 @@
 # Open issues that affect this project
 
-- [PostCss plugin is not executed when using Scss](#postcss-plugin-is-not-executed-when-using-scss)
+- [#1: PostCss plugin is not executed when using Scss](#1-postcss-plugin-is-not-executed-when-using-scss)
 
-## PostCss plugin is not executed when using Scss
+## #1: PostCss plugin is not executed when using Scss
 
 - https://github.com/gatsbyjs/gatsby/issues/17887
 - https://github.com/larsenwork/postcss-easing-gradients/issues/11
+- https://github.com/w3c/csswg-drafts/issues/1332
+- https://larsenwork.com/easing-gradients/

README.md

@@ -5,6 +5,7 @@
 
 - [Start](#start)
 - [Deploy](#deploy)
+- [Issues](#issues)
 
 ## Start
 
@@ -15,3 +16,8 @@ for development.
 
 Since I use [now](https://zeit.co/muuvmuuv/portfolio) for my website, it is
 deployed there and fully automated.
+
+## Issues
+
+Issues are referenced with `// BUG: #<NUMBER>` and can be seen in
+[ISSUES.md](./ISSUES.md).

TODO.md

@@ -23,8 +23,12 @@
 - [x] analyze via bundlephobia
 - [x] add github bots to auto update dependencies
 - [x] add lighthouse from M8FINDER project
+- [ ] use better [color system][10]
+- [ ] use CSS blend modes (overlay)
 - [ ] add League of Legends API to show profile and stats
 - [ ] add classes to tags https://github.com/gatsbyjs/gatsby/issues/17824
+- [ ] use Inter variable Font: https://rsms.me/inter/var-test.html
+- [ ] set font feature settings: https://rsms.me/inter/#features
 - [ ] Upload all writings
   - [ ] Grammatical corrections
   - [ ] Find images on Unsplash
@@ -41,10 +45,19 @@
 - [ ] check markdown for [Readability][4]
 - [ ] generate [rich snippets][5]
 - [ ] use [Scheme customizations][6] to map post meta e.g. for authors
+- [ ] use [Guess.js][7]
+- [ ] use new iPad and Apple Pencil to make ["Marvin/Design"-Logo][8]
+  - [ ] new color profile
+  - [ ] light theme (will be default)
+- [ ] Eventually by Font; [ZOOM-PRO][9]
 
 [1]: https://www.gatsbyjs.org/packages/gatsby-plugin-preact/
 [2]: https://nim-lang.org/docs/tut1.html
 [3]: https://github.com/wooorm/write-music
 [4]: https://wooorm.com/readability/
 [5]: https://www.gatsbyjs.org/docs/seo/
 [6]: https://www.gatsbyjs.org/docs/schema-customization/#foreign-key-fields
+[7]: https://github.com/guess-js/guess/issues/233#issuecomment-537542342
+[8]: https://cdn.dribbble.com/uploads/2566/original/3b90b34984de0d727ac99e2fc28afda8.png?1569966332
+[9]: https://thedesignersfoundry.com/zoom-pro
+[10]: https://stripe.com/de/blog/accessible-color-systems

content/projects/__demo__/index.md

@@ -97,8 +97,10 @@ _Some normal text because the parser has problems here._
   <form>
     <fieldset>
       <label for="fc-checkbox">This is a label</label>
-      <input type="checkbox" name="checkbox" id="fc-checkbox" />
-      <span for="fc-checkbox">This is a checkbox</span>
+      <div class="form-control">
+        <input type="checkbox" name="checkbox" id="fc-checkbox" />
+        <span for="fc-checkbox">This is a checkbox</span>
+      </div>
     </fieldset>
   </form>
 </div>

docker/nginx/Dockerfile

@@ -43,7 +43,7 @@ RUN printf "\n\e[96m>\e[0m\033[1m Build brotli \e[0m\n\n" \
 
 
 # ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
-# Start NGINX
+# NGINX
 # ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
 
 FROM nginx:${version}
@@ -61,6 +61,7 @@ COPY components/    /etc/nginx/components/
 COPY nginx.conf     /etc/nginx/nginx.conf
 COPY certs/*        /etc/nginx/ssl/
 
+
 # ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄
 # Install packages
 

gatsby-config.js

@@ -33,7 +33,13 @@ module.exports = {
         },
       },
     },
-    `gatsby-plugin-layout`,
+    // `gatsby-plugin-layout`,
+    {
+      resolve: 'gatsby-plugin-transition-link',
+      options: {
+        layout: require.resolve(`./src/layouts/Index.jsx`),
+      },
+    },
     `gatsby-plugin-react-helmet`,
     {
       resolve: `gatsby-plugin-canonical-urls`,
@@ -181,6 +187,12 @@ module.exports = {
         ],
       },
     },
+    {
+      resolve: 'gatsby-plugin-remove-generator',
+      options: {
+        removeVersionOnly: true,
+      },
+    },
     {
       resolve: 'gatsby-plugin-webpack-bundle-analyzer',
       options: {

metadata.js

@@ -11,33 +11,48 @@ module.exports = {
     'writings',
     'photography',
   ],
+  /**
+   * - => regular file
+   * d => directory
+   * l => link
+   */
   menuLinks: [
     {
       name: 'Root',
       link: '/',
+      type: null,
     },
     {
       name: 'About',
       link: '/about',
+      type: '-',
     },
     {
       name: 'Setup',
-      external: true,
       // link: '/about/setup', use Notion API later?
       link:
         'https://www.notion.so/marvins/Setup-9ad349afe68942ae807dc31c9afccd7d',
+      type: 'l',
     },
     {
       name: 'Projects',
       link: '/projects',
+      type: 'd',
     },
     {
       name: 'Photography',
       link: '/photography',
+      type: 'd',
     },
     {
       name: 'Writings',
       link: '/writings',
+      type: 'd',
+    },
+    {
+      name: 'CHANGELOG.md',
+      link: '/changelog',
+      type: '-',
     },
   ],
   socialLinks: [