Add breadcrumb

ISSUES.md

@@ -1,10 +1,17 @@
 # Open issues that affect this project
 
+> Format: `// BUG: #<NUMBER>`
+
 - [#1: PostCss plugin is not executed when using Scss](#1-postcss-plugin-is-not-executed-when-using-scss)
+- [#2: Remove console warning about empty code block language](#2-remove-console-warning-about-empty-code-block-language)
 
 ## #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/
+
+## #2: Remove console warning about empty code block language
+
+- https://github.com/chasm/gatsby-remark-prismjs/issues/4

TODO.md

@@ -1,65 +1,64 @@
 - [x] update NPM
 - [x] see if new start template has some recommendations
-- [ ] read docs a little
-- [ ] repair console errors
-- [ ] remove deprecated stuff
+- [x] read docs a little
+- [x] repair console errors
+- [x] remove deprecated stuff
 - [x] check why `-` is a regular file and not `f`
-
-* [x] add eslint
-* [x] use Gatsby Link component
-* [x] put null/false/true into own component
-* [x] this fonts must be loaded in order
+- [x] add eslint
+- [x] use Gatsby Link component
+- [x] put null/false/true into own component
+- [x] this fonts must be loaded in order
   - Sync: Abril Fatface
   - Sync: IBM Plex Mono
   - 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`
-* [ ] add md table of contents
-* [ ] new start page: https://labs.semplice.com/s5-vertical-grid
-* [x] test purgecss with classes from Markdown files
-* [ ] add NOW deployment
+- [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`
+- [ ] add md table of contents
+- [ ] new start page: https://labs.semplice.com/s5-vertical-grid
+- [x] test purgecss with classes from Markdown files
+- [ ] add NOW deployment
   - [ ] Setup Nameserver
     - [ ] 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)
-* [x] test react helmet async
-* [x] add "increase version" by script
-* [x] add bundle analyzer
-* [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
+- [ ] replace React with [Preact][1] (check if it works now)
+- [x] test react helmet async
+- [x] add "increase version" by script
+- [x] add bundle analyzer
+- [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
-* [ ] Update current projects
+- [ ] Update current projects
   - [ ] More text
   - [ ] Update images
-* [ ] Upload some photos (best off's)
-* [ ] setup SimpleAnalytics
-* [ ] check all pages with screen reader
-* [ ] check all pages with reduced motion
-* [ ] check all pages with reduced transparency
-* [ ] PWA: add service worker for offline usage
-* [ ] add tests?!
-* [ ] ~~move from bash script to [Nim][2]~~
-* [ ] check markdown for ["Vary sentence length"][3]
-* [ ] 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]
+- [ ] Upload some photos (best off's)
+- [ ] setup SimpleAnalytics
+- [ ] check all pages with screen reader
+- [ ] check all pages with reduced motion
+- [ ] check all pages with reduced transparency
+- [ ] PWA: add service worker for offline usage
+- [ ] add tests?!
+- [ ] ~~move from bash script to [Nim][2]~~
+- [ ] check markdown for ["Vary sentence length"][3]
+- [ ] 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, with auto switch based on OS appearance)
-* [ ] Eventually by Font; [ZOOM-PRO][9]
+- [ ] Eventually by Font; [ZOOM-PRO][9]
 
 [1]: https://www.gatsbyjs.org/packages/gatsby-plugin-preact/
 [2]: https://nim-lang.org/docs/tut1.html

gatsby-config.js

@@ -100,6 +100,7 @@ module.exports = {
             },
           },
           {
+            // BUG: #2
             resolve: `gatsby-remark-prismjs`,
             options: {
               noInlineHighlight: true,
@@ -136,6 +137,15 @@ module.exports = {
     `gatsby-plugin-remove-trailing-slashes`,
     'gatsby-plugin-catch-links',
     'gatsby-plugin-sitemap',
+    {
+      resolve: `gatsby-plugin-breadcrumb`,
+      options: {
+        useAutoGen: true,
+        useClassNames: true,
+        autoGenHomeLabel: `Root`,
+        exclude: [`/404`],
+      },
+    },
     {
       resolve: 'gatsby-plugin-manifest',
       options: {