feat: add new design for website

.eleventy.js

@@ -5,7 +5,6 @@ const filterNbsp = require('eleventy-nbsp-filter');
 
 const filters = require('./src/utils/filters.js');
 const shortcodes = require('./src/utils/shortcodes.js');
-const collections = require('./src/utils/collections.js');
 
 module.exports = function (config) {
   // Plugins
@@ -18,7 +17,6 @@ module.exports = function (config) {
   // Markdown It
   let markdownIt = require('markdown-it');
   let markdownItFootnotes = require('markdown-it-footnote');
-  let markdownItGitHubHeadings = require('markdown-it-github-headings');
   let markdownItSub = require('markdown-it-sub');
   let markdownItSup = require('markdown-it-sup');
   let markdownItExternalAnchor = require('markdown-it-external-anchor');
@@ -28,7 +26,6 @@ module.exports = function (config) {
 
   let markdownLib = markdownIt(options)
     .use(markdownItFootnotes)
-    .use(markdownItGitHubHeadings)
     .use(markdownItExternalAnchor, {
       domain: 'hamburg.stefanimhoff.de',
       class: 'external',
@@ -47,6 +44,9 @@ module.exports = function (config) {
   }
 
   // Shortcodes
+  config.addShortcode('email', shortcodes.email);
+  config.addShortcode('map', shortcodes.map);
+  config.addShortcode('youtube', shortcodes.youtube);
 
   // Filters
   Object.keys(filters).forEach((filterName) => {
@@ -58,20 +58,25 @@ module.exports = function (config) {
   config.addWatchTarget('src/assets');
 
   // Copy static files to dist
-  config.addPassthroughCopy({ 'src/static/**/*.{xml,html,ico}': '.' });
+  config.addPassthroughCopy({
-  config.addPassthroughCopy({ 'src/static/.well-known/*': '.well-known' });
+    'src/static/**/*.{xml,html,ico}': '.',
-  config.addPassthroughCopy({ 'src/downloads': 'downloads' });
+  });
-  config.addPassthroughCopy({ 'src/assets/fonts': 'assets/fonts' });
+  config.addPassthroughCopy({
-  config.addPassthroughCopy({ 'src/assets/images': 'assets/images' });
+    'src/static/.well-known/*': '.well-known',
+  });
+  config.addPassthroughCopy({
+    'src/downloads': 'downloads',
+  });
+  config.addPassthroughCopy({
+    'src/assets/fonts': 'assets/fonts',
+  });
+  config.addPassthroughCopy({
+    'src/assets/images': 'assets/images',
+  });
 
   // Deep-Merge
   config.setDataDeepMerge(true);
 
-  // Custom Collections
-  Object.keys(collections).forEach((collectionName) => {
-    config.addCollection(collectionName, collections[collectionName]);
-  });
-
   // Set input and output folders
   return {
     dir: {

README.md

@@ -1,4 +1,3 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/8175427a-59d7-4a73-8be3-70d1e5a255b5/deploy-status)](https://app.netlify.com/sites/hamburg-stefanimhoff-de/deploys)
 [![Live](https://img.shields.io/badge/live-hamburg.stefanimhoff.de-green.svg)](https://hamburg.stefanimhoff.de/)
 ![Maintenance](https://img.shields.io/maintenance/yes/2021.svg)
 
@@ -29,5 +28,4 @@ In easier words: **This is not a free theme**. Learn from it. Remix. Reuse. Buil
 [eleventy]: https://www.11ty.dev/
 [gulp]: https://gulpjs.com/
 [postcss]: https://postcss.org/
-[si]: https://www.stefanimhoff.de/
 [travel blog]: https://hamburg.stefanimhoff.de/

package-lock.json

@@ -1211,12 +1211,6 @@
         "to-fast-properties": "^2.0.0"
       }
     },
-    "@csstools/sass-import-resolve": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/@csstools/sass-import-resolve/-/sass-import-resolve-1.0.0.tgz",
-      "integrity": "sha512-pH4KCsbtBLLe7eqUrw8brcuFO8IZlN36JjdKlOublibVdAIPHCzEnpBWOVUXK5sCf+DpBi8ZtuWtjF0srybdeA==",
-      "dev": true
-    },
     "@dabh/diagnostics": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@dabh/diagnostics/-/diagnostics-2.0.2.tgz",
@@ -3609,9 +3603,9 @@
       }
     },
     "caniuse-lite": {
-      "version": "1.0.30001219",
+      "version": "1.0.30001292",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001219.tgz",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001292.tgz",
-      "integrity": "sha512-c0yixVG4v9KBc/tQ2rlbB3A/bgBFRvl8h8M4IeUbqCca4gsiCfvtaheUssbnux/Mb66Vjz7x8yYjDgYcNQOhyQ==",
+      "integrity": "sha512-jnT4Tq0Q4ma+6nncYQVe7d73kmDmE9C3OGTx3MvW7lBM/eY1S1DZTMBON7dqV481RhNiS5OxD7k9JQvmDOTirw==",
       "dev": true
     },
     "caseless": {
@@ -7256,23 +7250,6 @@
       "integrity": "sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=",
       "dev": true
     },
-    "github-slugger": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/github-slugger/-/github-slugger-1.3.0.tgz",
-      "integrity": "sha512-gwJScWVNhFYSRDvURk/8yhcFBee6aFjye2a7Lhb2bUyRulpIoek9p0I9Kt7PT67d/nUlZbFu8L9RLiA0woQN8Q==",
-      "dev": true,
-      "requires": {
-        "emoji-regex": ">=6.0.0 <=6.1.1"
-      },
-      "dependencies": {
-        "emoji-regex": {
-          "version": "6.1.1",
-          "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-6.1.1.tgz",
-          "integrity": "sha1-xs0OwbBkLio8Z6ETfvxeeW2k+I4=",
-          "dev": true
-        }
-      }
-    },
     "glob": {
       "version": "7.1.6",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
@@ -8598,12 +8575,6 @@
         "whatwg-encoding": "^1.0.5"
       }
     },
-    "html-entities": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-1.4.0.tgz",
-      "integrity": "sha512-8nxjcBcd8wovbeKx7h3wTji4e6+rhaVuPNpMqwWgnHh+N9ToqsCs6XztWRBPQ+UtzsoMAdKZtUENoVzU/EMtZA==",
-      "dev": true
-    },
     "html-minifier": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/html-minifier/-/html-minifier-4.0.0.tgz",
@@ -9120,15 +9091,6 @@
         }
       }
     },
-    "innertext": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/innertext/-/innertext-1.0.3.tgz",
-      "integrity": "sha512-ZC410b7IbrTrmt8bQb27xUOJgXkJu+XL6MVncb9FGyxjRIHyQqNjpSDY20zvSUttkAiYj0dait/67/sXyWvwYg==",
-      "dev": true,
-      "requires": {
-        "html-entities": "^1.2.0"
-      }
-    },
     "inquirer": {
       "version": "7.3.3",
       "resolved": "https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz",
@@ -10954,16 +10916,6 @@
       "integrity": "sha512-JVW6fCmZWjvMdDQSbOT3nnOQtd9iAXmw7hTSh26+v42BnvXeVyGMDBm5b/EZocMed2MbCAHiTX632vY0FyGB8A==",
       "dev": true
     },
-    "markdown-it-github-headings": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/markdown-it-github-headings/-/markdown-it-github-headings-2.0.0.tgz",
-      "integrity": "sha512-7ET0QiS2UWCM4hZraWVT9Df0PzuTQwK//3XM1q8vtXImUCRNGwG4bapa6ToDL8M4jkPeYSMrTiTvdJqwJifC4Q==",
-      "dev": true,
-      "requires": {
-        "github-slugger": "^1.1.1",
-        "innertext": "^1.0.1"
-      }
-    },
     "markdown-it-sub": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/markdown-it-sub/-/markdown-it-sub-1.0.0.tgz",
@@ -13487,90 +13439,6 @@
       "integrity": "sha512-t7vqk9AfjI4fXmWlQCEiMZFFhi1hro4WlECINI1TV6Qh1XapUJE++gCmNr95F5Hen/+bz1OmO+SiSB9TZmFmSg==",
       "dev": true
     },
-    "postcss-advanced-variables": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-advanced-variables/-/postcss-advanced-variables-3.0.1.tgz",
-      "integrity": "sha512-JqVjfkmqPoazMobVeQYzbt7djcDGJfMlpwBd9abTqmzWR40tvIUMXpTU5w3riqz7h+wYPY7V6GF8BIXL/ybEfg==",
-      "dev": true,
-      "requires": {
-        "@csstools/sass-import-resolve": "^1.0.0",
-        "postcss": "^7.0.6"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "3.2.1",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
-          "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
-          "dev": true,
-          "requires": {
-            "color-convert": "^1.9.0"
-          }
-        },
-        "chalk": {
-          "version": "2.4.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
-          "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
-          "dev": true,
-          "requires": {
-            "ansi-styles": "^3.2.1",
-            "escape-string-regexp": "^1.0.5",
-            "supports-color": "^5.3.0"
-          },
-          "dependencies": {
-            "supports-color": {
-              "version": "5.5.0",
-              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
-              "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
-              "dev": true,
-              "requires": {
-                "has-flag": "^3.0.0"
-              }
-            }
-          }
-        },
-        "color-convert": {
-          "version": "1.9.3",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
-          "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
-          "dev": true,
-          "requires": {
-            "color-name": "1.1.3"
-          }
-        },
-        "color-name": {
-          "version": "1.1.3",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
-          "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
-          "dev": true
-        },
-        "has-flag": {
-          "version": "3.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
-          "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
-          "dev": true
-        },
-        "postcss": {
-          "version": "7.0.35",
-          "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.35.tgz",
-          "integrity": "sha512-3QT8bBJeX/S5zKTTjTCIjRF3If4avAT6kqxcASlTWEtAFCb9NH0OUxNDfgZSWdP5fJnBYCMEWkIFfWeugjzYMg==",
-          "dev": true,
-          "requires": {
-            "chalk": "^2.4.2",
-            "source-map": "^0.6.1",
-            "supports-color": "^6.1.0"
-          }
-        },
-        "supports-color": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
-          "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
-          "dev": true,
-          "requires": {
-            "has-flag": "^3.0.0"
-          }
-        }
-      }
-    },
     "postcss-calc": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-8.0.0.tgz",
@@ -16124,6 +15992,12 @@
       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
       "dev": true
     },
+    "sal.js": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/sal.js/-/sal.js-0.8.5.tgz",
+      "integrity": "sha512-KUb3fNrVZ1oWxxkEAfQfQ4Mrd910yboIRHqsvioBkulQInqMVeSMah+J5f7ch7KXFLicKlAaE0TzTsG/eJ02Dg==",
+      "dev": true
+    },
     "sax": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.4.tgz",

package.json

@@ -52,7 +52,6 @@
     "html-minifier": "^4.0.0",
     "markdown-it-external-anchor": "^1.0.0",
     "markdown-it-footnote": "^3.0.2",
-    "markdown-it-github-headings": "^2.0.0",
     "markdown-it-sub": "^1.0.0",
     "markdown-it-sup": "^1.0.0",
     "moment": "^2.29.1",
@@ -61,7 +60,6 @@
     "plop": "^2.7.4",
     "postcss": "^8.2.13",
     "postcss-100vh-fix": "^1.0.2",
-    "postcss-advanced-variables": "^3.0.1",
     "postcss-cli": "^8.3.1",
     "postcss-custom-media": "^8.0.0",
     "postcss-custom-properties": "^11.0.0",
@@ -71,6 +69,7 @@
     "postcss-nested": "^5.0.5",
     "postcss-sort-media-queries": "^3.8.9",
     "prettier": "^2.2.1",
+    "sal.js": "^0.8.4",
     "stylelint": "^13.13.0",
     "stylelint-a11y": "^1.2.3",
     "stylelint-config-prettier": "^8.0.2",
@@ -83,5 +82,6 @@
     "vinyl-buffer": "^1.0.1",
     "vinyl-source-stream": "^2.0.0",
     "workbox-cli": "^6.1.5"
-  }
+  },
+  "dependencies": {}
 }

postcss.config.js

@@ -1,6 +1,5 @@
 module.exports = {
   plugins: [
-    require('postcss-advanced-variables'),
     require('postcss-import'),
     require('postcss-custom-properties'),
     require('postcss-nested'),

src/assets/images/branding/favicons/favicon.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="#2d5da3" d="M0 0h1024v1024H0z"/><path d="M295.7 402.369c-6.84 22.307-24.34 38.112-44.834 38.112-26.395 0-47.825-26.214-47.825-58.503 0-32.288 21.43-58.503 47.825-58.503 20.432 0 37.89 15.708 44.734 37.783h148.262c1.218-8.912 10.361-15.844 21.443-15.846h8.784l2.244-36.581c-46.105-12.183-79.533-47.97-79.533-90.175 0-52.226 51.194-94.63 114.25-94.63 63.059 0 114.253 42.404 114.253 94.63 0 42.642-34.128 78.735-80.974 90.546l2.004 36.21h9.795c11.166.065 20.23 6.974 21.443 15.846h148.364c7.193-21.186 24.279-36.101 44.188-36.101 26.395 0 47.824 26.214 47.824 58.503 0 32.288-21.429 58.501-47.824 58.501-21.007 0-38.869-16.603-45.322-39.792H577.335c-1.981 8.314-10.656 14.488-21.207 14.544h-5.836l16.217 292.925c1.278 34.713 9.505 60.555 30.94 69.532l.03.123c74.325-15.994 133.886-51.443 168.657-92.826l-64.734-40.787 190.317-84.487-13.372 195.98-61.486-38.743c-13.25 101.502-146.071 181.343-307.74 181.343-159.9 0-291.58-78.103-307.264-178.015l-56.204 35.414-13.371-195.979 190.316 84.487-63.758 40.173c33.655 41.036 90.774 76.3 162.81 92.706 18.063-14.775 27.011-38.849 30.08-68.92l17.973-292.926h-4.398c-10.474 0-19.214-6.194-21.205-14.544H295.7zm215.35-238.04c36.203 0 65.593 24.344 65.593 54.327 0 29.984-29.39 54.328-65.592 54.328-36.2 0-65.59-24.344-65.59-54.328 0-29.983 29.39-54.326 65.59-54.326z" fill="#fff"/></svg>

src/assets/images/branding/webfeeds-logo.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path fill="#2d5da3" d="M0 0h1024v1024H0z"/><path d="M295.7 402.369c-6.84 22.307-24.34 38.112-44.834 38.112-26.395 0-47.825-26.214-47.825-58.503 0-32.288 21.43-58.503 47.825-58.503 20.432 0 37.89 15.708 44.734 37.783h148.262c1.218-8.912 10.361-15.844 21.443-15.846h8.784l2.244-36.581c-46.105-12.183-79.533-47.97-79.533-90.175 0-52.226 51.194-94.63 114.25-94.63 63.059 0 114.253 42.404 114.253 94.63 0 42.642-34.128 78.735-80.974 90.546l2.004 36.21h9.795c11.166.065 20.23 6.974 21.443 15.846h148.364c7.193-21.186 24.279-36.101 44.188-36.101 26.395 0 47.824 26.214 47.824 58.503 0 32.288-21.429 58.501-47.824 58.501-21.007 0-38.869-16.603-45.322-39.792H577.335c-1.981 8.314-10.656 14.488-21.207 14.544h-5.836l16.217 292.925c1.278 34.713 9.505 60.555 30.94 69.532l.03.123c74.325-15.994 133.886-51.443 168.657-92.826l-64.734-40.787 190.317-84.487-13.372 195.98-61.486-38.743c-13.25 101.502-146.071 181.343-307.74 181.343-159.9 0-291.58-78.103-307.264-178.015l-56.204 35.414-13.371-195.979 190.316 84.487-63.758 40.173c33.655 41.036 90.774 76.3 162.81 92.706 18.063-14.775 27.011-38.849 30.08-68.92l17.973-292.926h-4.398c-10.474 0-19.214-6.194-21.205-14.544H295.7zm215.35-238.04c36.203 0 65.593 24.344 65.593 54.327 0 29.984-29.39 54.328-65.592 54.328-36.2 0-65.59-24.344-65.59-54.328 0-29.983 29.39-54.326 65.59-54.326z" fill="#fff"/></svg>