Updated UI a little

Updated state/store management

TODO.md

@@ -1,9 +1,9 @@
-- [ ] update NPM
-- [ ] see if new start template has some recommendations
+- [x] update NPM
+- [x] see if new start template has some recommendations
 - [ ] read docs a little
 - [ ] repair console errors
 - [ ] remove deprecated stuff
-- [ ] check why `-` is a regular file and not `f`
+- [x] check why `-` is a regular file and not `f`
 
 * [x] add eslint
 * [x] use Gatsby Link component
@@ -16,6 +16,7 @@
 * [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
@@ -43,9 +44,11 @@
   - [ ] 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]

gatsby-config.js

@@ -11,7 +11,7 @@ require('dotenv').config({
 const path = require('path')
 const { yellow } = require('kleur')
 const { getPkgVersion, siteMetadata } = require('./gatsby/utils')
-const { activeEnv } = require('./gatsby/environment')
+const { activeEnv, isDev } = require('./gatsby/environment')
 
 console.log(`Using environment: ${yellow(activeEnv)}\n`)
 
@@ -24,6 +24,7 @@ module.exports = {
         root: './src',
         aliases: {
           '@app': './',
+          '@store': './store',
           '@components': './components',
           '@layouts': './layouts',
           '@scripts': './scripts',
@@ -33,13 +34,7 @@ module.exports = {
         },
       },
     },
-    // `gatsby-plugin-layout`,
-    {
-      resolve: 'gatsby-plugin-transition-link',
-      options: {
-        layout: require.resolve(`./src/layouts/Index.jsx`),
-      },
-    },
+    `gatsby-plugin-layout`,
     `gatsby-plugin-react-helmet`,
     {
       resolve: `gatsby-plugin-canonical-urls`,
@@ -165,11 +160,11 @@ module.exports = {
         ],
         thanks: [`Gatsby`, `Node`],
         site: {
-          Standards: 'HTML5, SCSS, JSON, TXT, ES10',
-          Components: 'Normalize.css, Tailwindcss',
-          Softwares: 'VS Code, SublimeText, Brave',
+          Standards: 'HTML5, SCSS, JSON, TXT, ESNEXT, GraphQL, API, Rest',
+          Components: 'Normalize.css, Preact, React',
+          Softwares: 'VS Code, SublimeText, Brave, Firefox Developer Edition',
         },
-        note: `Made in the beautiful Frankfurt am Main 🏙`,
+        note: `Made in the beautiful city Frankfurt am Main 🏙`,
       },
     },
     {
@@ -197,11 +192,13 @@ module.exports = {
       resolve: 'gatsby-plugin-webpack-bundle-analyzer',
       options: {
         analyzerMode: 'static',
+        production: true,
+        disable: isDev,
+        openAnalyzer: true,
         reportFilename: path.resolve(
           __dirname,
           `reports/v${getPkgVersion()}/treemap.html`
         ),
-        openAnalyzer: false,
       },
     },
   ],

metadata.js

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