v2: multilang & social links

2024-02-24 13:45:21 +01:00 · 2024-02-24 13:45:21 +01:00 · 478bb1a14d
parent 1fd5ec8502
commit 478bb1a14d
26 changed files with 610 additions and 345 deletions
--- a/_config.ts
+++ b/_config.ts
@ -1,10 +1,45 @@
 import lume from "lume/mod.ts";
+import inline from "lume/plugins/inline.ts";
 import postcss from "lume/plugins/postcss.ts";

 const markdown = { options: { breaks: true } };

 const site = lume({}, { markdown });

+site.use(inline());
+
+const languages = [
+  {
+    name: 'deutsch',
+    slug: 'de',
+    urlPrefix: '',
+  },
+  {
+    name: 'english',
+    slug: 'en',
+    urlPrefix: 'en',
+  }
+]
+site.data('languages', languages);
+
+site.preprocess([ '.yml' ], (page) => {
+  const urlParts = (page.data.url || '').replace(/^\/|\/$/g, '').split('/');
+  const langPrefix = urlParts[0];
+  const currentLang = (() => {
+    if (langPrefix.length === 2) {
+      return languages.find(lang => lang.urlPrefix === langPrefix);
+    }
+
+    return languages.find(lang => lang.urlPrefix.length === 0);
+  })() || languages[0];
+
+  page.data.language = currentLang;
+  page.data.otherLang = languages.find(l => l.slug !== currentLang.slug);
+  page.data.baseURL = page.data.url.replace(new RegExp(`^\\/${currentLang.slug}`), '');
+
+  return page
+});
+
 site.use(postcss());

 site.loadAssets([
@ -28,6 +63,12 @@ site.filter("objectToArray", (value = {}) => Object.keys(value)
  .filter(val => !!val)
 );

-site.ignore("README.md", "CHANGELOG.md", "LICENSE.md", "docker-compose.yml");
+site.ignore(
+  ".direnv",
+  "README.md",
+  "CHANGELOG.md",
+  "LICENSE.md",
+  "docker-compose.yml",
+);

 export default site;
--- a/_data/navigationItems.yml
+++ b/_data/navigationItems.yml
@ -1,17 +1,33 @@
- text: MiOM
+- text:
+    en: MiOM
+    de: MiOM
  link: /
- text: Mit uns machen
+- text:
+    en: collaborate
+    de: Collaborate
  link: /collaborate
- text: Projekte und Veranstaltungen
+- text:
+    en: projects and events
+    de: Projekte und Veranstaltungen
  link: /projects
- text: der Raum
+- text: 
+    en: the space
+    de: der Raum
  link: /space
- text: das Kollektiv
+- text: 
+    en: the collective
+    de: das Kollektiv
  link: /collective
+- text: 
+    en: contact
+    de: Kontakt
+  link: /contact
 - divider: true
- text: Impressum
+- text:
+    en: imprint
+    de: Impressum
  link: /imprint
- text: Datenschutz
+- text:
+    en: privacy policy
+    de: Datenschutz
  link: /privacy-policy
- text: Source code
-  link: https://git.pub.solar/MiOM/miom.space
--- a/_data/socialLinks.yml
+++ b/_data/socialLinks.yml
@ -0,0 +1,6 @@
+- text: Mastodon
+  icon: /img/mastodon.svg
+  link: https://mastodon.pub.solar/@miomspace
+- text: Instagram
+  icon: /img/instagram.svg
+  link: https://www.instagram.com/miom.space/
--- a/_includes/border.njk
+++ b/_includes/border.njk
@ -0,0 +1,6 @@
+<div class="mi-border" aria-hidden="true">
+  <div class="mi-border--top"></div>
+  <div class="mi-border--left"></div>
+  <div class="mi-border--right"></div>
+  <div class="mi-border--bottom"></div>
+</div>
--- a/_includes/footer.njk
+++ b/_includes/footer.njk
@ -1,9 +0,0 @@
-<footer class="mi-footer">
-  <nav>
-    <ul class="mi-footer--links">
-      <li><a href="/imprint" class="mi-footer--link">Imprint</a></li>
-      <li><a href="/privacy-policy" class="mi-footer--link">Privacy policy</a></li>
-      <li><a href="https://git.pub.solar/MiOM/miom.space" target="_blank" class="mi-footer--link">Source code</a></li>
-    </ul>
-  </nav>
-</footer>
--- a/_includes/header.njk
+++ b/_includes/header.njk
@ -1,7 +0,0 @@
-<header class="mi-header">
-  <h1 class="mi-header-headline">{{ title | safe }}</h1>
-
-  {% if header.subheadline %}
-    <p class="mi-header-subheadline">{{ header.subheadline | safe }}<p>
-  {% endif %}
-</header>
--- a/_includes/layouts/default.njk
+++ b/_includes/layouts/default.njk
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ language }}">
+<html lang="{{ language.slug }}">
  <head>
    <meta charset="utf-8" />
    <title>{{ title | title | safe }}</title>
@ -14,6 +14,8 @@
    <link rel="stylesheet" type="text/css" href="/styles.css{{ cssCacheBust }}" media="all" />
    <link rel="stylesheet" type="text/css" href="/raleway.css{{ cssCacheBust }}" media="all" />

+    <link rel="alternate" hreflang="{{ otherLang.slug }}" href="{% if otherLang.urlPrefix %}/{{otherLang.urlPrefix}}{% endif %}{{ baseURL }}" />
+
    {% if extraStylesheets %}
      {% for extraStylesheet in extraStylesheets %}
        <link rel="stylesheet" type="text/css" href="{{ extraStylesheet }}{{ cssCacheBust }}" media="all" />
@ -21,13 +23,7 @@
    {% endif %}
  </head>
  <body class="mi-page">
-
-    <div class="mi-border" aria-hidden="true">
-      <div class="mi-border--top"></div>
-      <div class="mi-border--left"></div>
-      <div class="mi-border--right"></div>
-      <div class="mi-border--bottom"></div>
-    </div>
+    {% include "border.njk" %}

    {% block navigation %}
      {% include "navigation.njk" %}
--- a/_includes/navigation.njk
+++ b/_includes/navigation.njk
@ -13,10 +13,34 @@
        <li class="mi-nav--item">
          <a
            class="mi-nav--link"
-            href="{{ item.link }}"
-          >{{ item.text }}</a>
+            href="{% if language.urlPrefix %}/{{ language.urlPrefix }}{% endif %}{{ item.link }}"
+          >{{ item.text[language.slug] }}</a>
        </li>
      {% endif %}
    {% endfor %}
  </ul>
+
+  <ul class="mi-nav--top">
+    {% for item in socialLinks %}
+      <li class="mi-nav--top-item">
+        <a
+          class="mi-nav--top-item-link mi-nav--top-item-link_icon-only"
+          href="{{ item.link }}"
+        >
+          <img
+            src="{{ item.icon }}"
+            alt="{{ item.text }}"
+            class="mi-nav--top-item-icon"
+            inline
+          />
+        </a>
+      </li>
+    {% endfor %}
+    <li class="mi-nav--top-item">
+      <a
+        href="{% if otherLang.urlPrefix %}/{{ otherLang.urlPrefix }}{% endif %}{{ baseURL }}"
+        class="mi-nav--top-item-link"
+      >{{ otherLang.slug }}</a>
+    </li>
+  </ul>
 </nav>
--- a/_includes/people.njk
+++ b/_includes/people.njk
@ -1,28 +0,0 @@
-<ul class="mi-people">
-  {% for person in (people | objectToArray) %}
-    <li class="mi-person">
-      <h1 class="mi-person--name">
-        {{ person.name }}
-        <span class="mi-person--pronoun">({{ person.pronouns }})</span>
-      </h1>
-      <p class="mi-person--role">{{ person.role }}</p>
-      <details>
-        <summary class="mi-person--contact-toggle">Contact</summary>
-        <table class="mi-person--contact-options">
-          {% for contactOption in person.contactOptions %}
-            <tr class="mi-person--contact-option">
-              <td class="mi-person--contact-option-name">{{ contactOption.name }}:<td>
-              <td>
-                {% if contactOption.link %}
-                  <a href="{{ contactOption.link }}">{{ contactOption.value }}</a>
-                {% else %}
-                  {{ contactOption.value }}
-                {% endif %}
-              </td>
-            </tr>
-          {% endfor %}
-        </table>
-      </details>
-    </li>
-  {% endfor %}
-</ul>
--- a/collective.yml
+++ b/collective.yml
@ -3,16 +3,13 @@ layout: layouts/default.njk
 title: Das Kollektiv

 text: |
+  Wer sind wir? 

-  > Each one teach one
+  Wir sind das MiOM. Ein kreatives Kollektiv und eine Gruppe mit der Vision, bezahlbaren Raum für kreative Synergien zu schaffen. 

-  ## Kurze Geschichte
+  Entstanden sind wir 2020, im damaligen Wandelwerk. Nachdem wir dort ausziehen mussten sind wir an unseren jetzigen Standort -[das Gewächshaus](https://www.instagram.com/gewaechshauskoeln/)- umgezogen. Im Januar 2023 haben wir den MiOM Kreativraum e.V. gegründet, um die finanziellen und organisatorischen Aufgaben in einer basisdemokratischen Struktur zu organisieren.

-  Entstanden sind wir 2020, im damaligen [Wandelwerk](https://wandelwerk.koeln/). Nachdem wir dort ausziehen mussten sind wir ins Gewächshaus umgezogen.
+  Als Kollektiv arbeiten wir an kreativen Projekten aus Kunst und Kultur, um Potenziale zu entfalten und künstlerische Synergien zu schaffen. 
+  Derzeit bestehen wir aus Produktdesignern, Entwickler:innen, Fotograf:innen, Künstler:innen, Modedesignerinnen und Maskenbildnerinnen. Unser Ziel ist es, Raum zum Experimentieren, Austauschen und Arbeiten zu gestalten. Wir streben nach einer nachhaltigen Gemeinschaft verschiedener Individuen, die ihre Schaffenskraft entfalten können.

-  2022 haben wir einen Verein gegründet um die finanziellen und organisatorischen Aufgaben in einer Basisdemokratischen Struktur unter zu bringen.
-
-  ## Organisatorisches
-
-
-  Findest du hier.
+  Each one, teach one! 
--- a/contact.yml
+++ b/contact.yml
@ -0,0 +1,10 @@
+layout: layouts/default.njk
+
+title: Kontakt
+
+text: |
+  Du willst mal vorbei schauen? Bock was mit uns zu machen? Ideen für den Raum?
+
+  Unsere E-Mail-Adresse lautet [contact@miom.space](mailto:contact@miom.space).
+  
+  Komm vorbei! Unser Raum ist in der [Wilhelm-Mauser-Straße 47, Halle 5 in 50827 Köln](https://www.openstreetmap.org/node/9627028359). Kontaktiere uns vorher damit wir sicherstellen können, dass jemand da ist um dich zu begrüßen.
--- a/deno.lock
+++ b/deno.lock
@ -1,5 +1,272 @@
 {
-  "version": "2",
+  "version": "3",
+  "packages": {
+    "specifiers": {
+      "npm:autoprefixer@10.4.14": "npm:autoprefixer@10.4.14_postcss@8.4.24",
+      "npm:date-fns@2.30.0": "npm:date-fns@2.30.0",
+      "npm:markdown-it-attrs@4.1.6": "npm:markdown-it-attrs@4.1.6_markdown-it@13.0.1",
+      "npm:markdown-it-deflist@2.1.0": "npm:markdown-it-deflist@2.1.0",
+      "npm:markdown-it@13.0.1": "npm:markdown-it@13.0.1",
+      "npm:nunjucks@3.2.4": "npm:nunjucks@3.2.4",
+      "npm:postcss-import@15.1.0": "npm:postcss-import@15.1.0_postcss@8.4.24",
+      "npm:postcss-nesting@11.3.0": "npm:postcss-nesting@11.3.0_postcss@8.4.24_postcss-selector-parser@6.0.13",
+      "npm:postcss@8.4.24": "npm:postcss@8.4.24",
+      "npm:react": "npm:react@18.2.0"
+    },
+    "npm": {
+      "@babel/runtime@7.22.5": {
+        "integrity": "sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==",
+        "dependencies": {
+          "regenerator-runtime": "regenerator-runtime@0.13.11"
+        }
+      },
+      "@csstools/selector-specificity@2.2.0_postcss-selector-parser@6.0.13": {
+        "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+        "dependencies": {
+          "postcss-selector-parser": "postcss-selector-parser@6.0.13"
+        }
+      },
+      "a-sync-waterfall@1.0.1": {
+        "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
+        "dependencies": {}
+      },
+      "argparse@2.0.1": {
+        "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+        "dependencies": {}
+      },
+      "asap@2.0.6": {
+        "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+        "dependencies": {}
+      },
+      "autoprefixer@10.4.14_postcss@8.4.24": {
+        "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
+        "dependencies": {
+          "browserslist": "browserslist@4.21.9",
+          "caniuse-lite": "caniuse-lite@1.0.30001510",
+          "fraction.js": "fraction.js@4.2.0",
+          "normalize-range": "normalize-range@0.1.2",
+          "picocolors": "picocolors@1.0.0",
+          "postcss": "postcss@8.4.24",
+          "postcss-value-parser": "postcss-value-parser@4.2.0"
+        }
+      },
+      "browserslist@4.21.9": {
+        "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
+        "dependencies": {
+          "caniuse-lite": "caniuse-lite@1.0.30001510",
+          "electron-to-chromium": "electron-to-chromium@1.4.447",
+          "node-releases": "node-releases@2.0.12",
+          "update-browserslist-db": "update-browserslist-db@1.0.11_browserslist@4.21.9"
+        }
+      },
+      "caniuse-lite@1.0.30001510": {
+        "integrity": "sha512-z35lD6xjHklPNgjW4P68R30Er5OCIZE0C1bUf8IMXSh34WJYXfIy+GxIEraQXYJ2dvTU8TumjYAeLrPhpMlsuw==",
+        "dependencies": {}
+      },
+      "commander@5.1.0": {
+        "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+        "dependencies": {}
+      },
+      "cssesc@3.0.0": {
+        "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+        "dependencies": {}
+      },
+      "date-fns@2.30.0": {
+        "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+        "dependencies": {
+          "@babel/runtime": "@babel/runtime@7.22.5"
+        }
+      },
+      "electron-to-chromium@1.4.447": {
+        "integrity": "sha512-sxX0LXh+uL41hSJsujAN86PjhrV/6c79XmpY0TvjZStV6VxIgarf8SRkUoUTuYmFcZQTemsoqo8qXOGw5npWfw==",
+        "dependencies": {}
+      },
+      "entities@3.0.1": {
+        "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
+        "dependencies": {}
+      },
+      "escalade@3.1.1": {
+        "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+        "dependencies": {}
+      },
+      "fraction.js@4.2.0": {
+        "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
+        "dependencies": {}
+      },
+      "function-bind@1.1.1": {
+        "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+        "dependencies": {}
+      },
+      "has@1.0.3": {
+        "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+        "dependencies": {
+          "function-bind": "function-bind@1.1.1"
+        }
+      },
+      "is-core-module@2.12.1": {
+        "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
+        "dependencies": {
+          "has": "has@1.0.3"
+        }
+      },
+      "js-tokens@4.0.0": {
+        "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+        "dependencies": {}
+      },
+      "linkify-it@4.0.1": {
+        "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
+        "dependencies": {
+          "uc.micro": "uc.micro@1.0.6"
+        }
+      },
+      "loose-envify@1.4.0": {
+        "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+        "dependencies": {
+          "js-tokens": "js-tokens@4.0.0"
+        }
+      },
+      "markdown-it-attrs@4.1.6_markdown-it@13.0.1": {
+        "integrity": "sha512-O7PDKZlN8RFMyDX13JnctQompwrrILuz2y43pW2GagcwpIIElkAdfeek+erHfxUOlXWPsjFeWmZ8ch1xtRLWpA==",
+        "dependencies": {
+          "markdown-it": "markdown-it@13.0.1"
+        }
+      },
+      "markdown-it-deflist@2.1.0": {
+        "integrity": "sha512-3OuqoRUlSxJiuQYu0cWTLHNhhq2xtoSFqsZK8plANg91+RJQU1ziQ6lA2LzmFAEes18uPBsHZpcX6We5l76Nzg==",
+        "dependencies": {}
+      },
+      "markdown-it@13.0.1": {
+        "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
+        "dependencies": {
+          "argparse": "argparse@2.0.1",
+          "entities": "entities@3.0.1",
+          "linkify-it": "linkify-it@4.0.1",
+          "mdurl": "mdurl@1.0.1",
+          "uc.micro": "uc.micro@1.0.6"
+        }
+      },
+      "mdurl@1.0.1": {
+        "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
+        "dependencies": {}
+      },
+      "nanoid@3.3.6": {
+        "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+        "dependencies": {}
+      },
+      "node-releases@2.0.12": {
+        "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
+        "dependencies": {}
+      },
+      "normalize-range@0.1.2": {
+        "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+        "dependencies": {}
+      },
+      "nunjucks@3.2.4": {
+        "integrity": "sha512-26XRV6BhkgK0VOxfbU5cQI+ICFUtMLixv1noZn1tGU38kQH5A5nmmbk/O45xdyBhD1esk47nKrY0mvQpZIhRjQ==",
+        "dependencies": {
+          "a-sync-waterfall": "a-sync-waterfall@1.0.1",
+          "asap": "asap@2.0.6",
+          "commander": "commander@5.1.0"
+        }
+      },
+      "path-parse@1.0.7": {
+        "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+        "dependencies": {}
+      },
+      "picocolors@1.0.0": {
+        "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+        "dependencies": {}
+      },
+      "pify@2.3.0": {
+        "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+        "dependencies": {}
+      },
+      "postcss-import@15.1.0_postcss@8.4.24": {
+        "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+        "dependencies": {
+          "postcss": "postcss@8.4.24",
+          "postcss-value-parser": "postcss-value-parser@4.2.0",
+          "read-cache": "read-cache@1.0.0",
+          "resolve": "resolve@1.22.3"
+        }
+      },
+      "postcss-nesting@11.3.0_postcss@8.4.24_postcss-selector-parser@6.0.13": {
+        "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
+        "dependencies": {
+          "@csstools/selector-specificity": "@csstools/selector-specificity@2.2.0_postcss-selector-parser@6.0.13",
+          "postcss": "postcss@8.4.24",
+          "postcss-selector-parser": "postcss-selector-parser@6.0.13"
+        }
+      },
+      "postcss-selector-parser@6.0.13": {
+        "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
+        "dependencies": {
+          "cssesc": "cssesc@3.0.0",
+          "util-deprecate": "util-deprecate@1.0.2"
+        }
+      },
+      "postcss-value-parser@4.2.0": {
+        "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+        "dependencies": {}
+      },
+      "postcss@8.4.24": {
+        "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
+        "dependencies": {
+          "nanoid": "nanoid@3.3.6",
+          "picocolors": "picocolors@1.0.0",
+          "source-map-js": "source-map-js@1.0.2"
+        }
+      },
+      "react@18.2.0": {
+        "integrity": "sha512-/3IjMdb2L9QbBdWiW5e3P2/npwMBaU9mHCSCUzNln0ZCYbcfTsGbTJrU/kGemdH2IWmB2ioZ+zkxtmq6g09fGQ==",
+        "dependencies": {
+          "loose-envify": "loose-envify@1.4.0"
+        }
+      },
+      "read-cache@1.0.0": {
+        "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+        "dependencies": {
+          "pify": "pify@2.3.0"
+        }
+      },
+      "regenerator-runtime@0.13.11": {
+        "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
+        "dependencies": {}
+      },
+      "resolve@1.22.3": {
+        "integrity": "sha512-P8ur/gp/AmbEzjr729bZnLjXK5Z+4P0zhIJgBgzqRih7hL7BOukHGtSTA3ACMY467GRFz3duQsi0bDZdR7DKdw==",
+        "dependencies": {
+          "is-core-module": "is-core-module@2.12.1",
+          "path-parse": "path-parse@1.0.7",
+          "supports-preserve-symlinks-flag": "supports-preserve-symlinks-flag@1.0.0"
+        }
+      },
+      "source-map-js@1.0.2": {
+        "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+        "dependencies": {}
+      },
+      "supports-preserve-symlinks-flag@1.0.0": {
+        "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+        "dependencies": {}
+      },
+      "uc.micro@1.0.6": {
+        "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+        "dependencies": {}
+      },
+      "update-browserslist-db@1.0.11_browserslist@4.21.9": {
+        "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
+        "dependencies": {
+          "browserslist": "browserslist@4.21.9",
+          "escalade": "escalade@3.1.1",
+          "picocolors": "picocolors@1.0.0"
+        }
+      },
+      "util-deprecate@1.0.2": {
+        "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+        "dependencies": {}
+      }
+    }
+  },
  "remote": {
    "https://deno.land/std@0.170.0/_util/asserts.ts": "d0844e9b62510f89ce1f9878b046f6a57bf88f208a10304aab50efcb48365272",
    "https://deno.land/std@0.170.0/_util/os.ts": "8a33345f74990e627b9dfe2de9b040004b08ea5146c7c9e8fe9a29070d193934",
@ -59,8 +326,11 @@
    "https://deno.land/std@0.192.0/media_types/_db.ts": "7606d83e31f23ce1a7968cbaee852810c2cf477903a095696cdc62eaab7ce570",
    "https://deno.land/std@0.192.0/media_types/_util.ts": "916efbd30b6148a716f110e67a4db29d6949bf4048997b754415dd7e42c52378",
    "https://deno.land/std@0.192.0/media_types/content_type.ts": "ad98a5aa2d95f5965b2796072284258710a25e520952376ed432b0937ce743bc",
+    "https://deno.land/std@0.192.0/media_types/extension.ts": "a7cd28c9417143387cdfed27d4e8607ebcf5b1ec27eb8473d5b000144689fe65",
+    "https://deno.land/std@0.192.0/media_types/extensions_by_type.ts": "43806d6a52a0d6d965ada9d20e60a982feb40bc7a82268178d94edb764694fed",
    "https://deno.land/std@0.192.0/media_types/format_media_type.ts": "f5e1073c05526a6f5a516ac5c5587a1abd043bf1039c71cde1166aa4328c8baf",
    "https://deno.land/std@0.192.0/media_types/get_charset.ts": "18b88274796fda5d353806bf409eb1d2ddb3f004eb4bd311662c4cdd8ac173db",
+    "https://deno.land/std@0.192.0/media_types/mod.ts": "d3f0b99f85053bc0b98ecc24eaa3546dfa09b856dc0bbaf60d8956d2cdd710c8",
    "https://deno.land/std@0.192.0/media_types/parse_media_type.ts": "835c4112e1357e95b4f10d7cdea5ae1801967e444f48673ff8f1cb4d32af9920",
    "https://deno.land/std@0.192.0/media_types/type_by_extension.ts": "daa801eb0f11cdf199445d0f1b656cf116d47dcf9e5b85cc1e6b4469f5ee0432",
    "https://deno.land/std@0.192.0/media_types/vendor/mime-db.v1.52.0.ts": "6925bbcae81ca37241e3f55908d0505724358cda3384eaea707773b2c7e99586",
@ -258,6 +528,7 @@
    "https://deno.land/x/lume@v1.18.0/deps/http.ts": "bb927c581c7968ca9cf6013a5ed14ca60426ec161833292501762eb8f91f1eec",
    "https://deno.land/x/lume@v1.18.0/deps/jsonc.ts": "ce3bea825e6161fb2fc4c10f7e72a3ea295310046d4313d63c9a5756439e959b",
    "https://deno.land/x/lume@v1.18.0/deps/markdown_it.ts": "e48e34de092bc3fc96617372f26190cf3bbf722f4206a9e9e64febbc8fb925c4",
+    "https://deno.land/x/lume@v1.18.0/deps/media_types.ts": "9b3f6c3ecdbad49c56c7842d46bfff86f52829606b8371ba8bc8b2c51391826e",
    "https://deno.land/x/lume@v1.18.0/deps/nunjucks.ts": "960bc1c481145ac600e811907bdc3c62de7387a4763a07c5f43e325b5fea9da2",
    "https://deno.land/x/lume@v1.18.0/deps/path.ts": "1bbef503ae7c863e1f10d7fb7a97bec64129594f304cd05f014ee217429edc77",
    "https://deno.land/x/lume@v1.18.0/deps/postcss.ts": "1c34faf389ea87ebd1a9ad76a82aadf4fe4564f2b36bca5248d2b0cc514f808e",
@ -268,9 +539,11 @@
    "https://deno.land/x/lume@v1.18.0/middlewares/reload.ts": "1162ee5fc3c7e1f6b5fb3da73a648fc71f0a64d30ca48f05ed066c8cb80adbb6",
    "https://deno.land/x/lume@v1.18.0/middlewares/reload_client.js": "34d75e01503fae8180796de882af42b1125fac88f22a010a99d5548de1ba7d72",
    "https://deno.land/x/lume@v1.18.0/mod.ts": "829abdd9fe45f04a6db27caa9e3bcc7f72b65c3810b67ad498582bc05b5e743d",
+    "https://deno.land/x/lume@v1.18.0/plugins/inline.ts": "8d6db9638d9d0b684e9f54a9f8a1549795ca07ac581b1310a6cac49e04f94389",
    "https://deno.land/x/lume@v1.18.0/plugins/json.ts": "ca6bf1bc6d42639f7bdf581dc9318832d8c2eaf83ae3ecdab6f02dfc738896bf",
    "https://deno.land/x/lume@v1.18.0/plugins/markdown.ts": "31a27f73ed3c79c6c87808ef9e4343c0bbbf896220ee97e88dad4474f091fb39",
    "https://deno.land/x/lume@v1.18.0/plugins/modules.ts": "d31ababab5e35b47fc207685765c9431ddc7bec019061e18b1d36f527e13029d",
+    "https://deno.land/x/lume@v1.18.0/plugins/multilanguage.ts": "a3ae3b15d6546421824331f1bf5af4069fb4ee246bb155dd9e1e112eb75115d0",
    "https://deno.land/x/lume@v1.18.0/plugins/nunjucks.ts": "44c3894b1b63e458112f1bb1d0f1e6e56c6ac11595d6a3e48dde9f664eabd000",
    "https://deno.land/x/lume@v1.18.0/plugins/paginate.ts": "e997b33da12da9d68b72d0c7615ec49d0e187012e8ffc78dac2b558edf27f795",
    "https://deno.land/x/lume@v1.18.0/plugins/postcss.ts": "396da727188d03bc3d2685463c242ce1fe50fa7ed022c7c6e8c24f220dd3c193",
@ -278,255 +551,5 @@
    "https://deno.land/x/lume@v1.18.0/plugins/source_maps.ts": "6de5f075d02f56a715042f3ccceff97b35cbf525e4cdb0c51a71ca5e66e54531",
    "https://deno.land/x/lume@v1.18.0/plugins/url.ts": "43d3d47896a7322a8dd34572dedb4baa6f73a382594a2ff7c34a3a064dcc6c9e",
    "https://deno.land/x/lume@v1.18.0/plugins/yaml.ts": "df24aac4098dba258f1ac331a3b16ba488a336eb63c51afed8f59201228d583c"
-  },
-  "npm": {
-    "specifiers": {
-      "autoprefixer@10.4.14": "autoprefixer@10.4.14_postcss@8.4.24",
-      "date-fns@2.30.0": "date-fns@2.30.0",
-      "markdown-it-attrs@4.1.6": "markdown-it-attrs@4.1.6_markdown-it@13.0.1",
-      "markdown-it-deflist@2.1.0": "markdown-it-deflist@2.1.0",
-      "markdown-it@13.0.1": "markdown-it@13.0.1",
-      "nunjucks@3.2.4": "nunjucks@3.2.4",
-      "postcss-import@15.1.0": "postcss-import@15.1.0_postcss@8.4.24",
-      "postcss-nesting@11.3.0": "postcss-nesting@11.3.0_postcss@8.4.24_postcss-selector-parser@6.0.13",
-      "postcss@8.4.24": "postcss@8.4.24"
-    },
-    "packages": {
-      "@babel/runtime@7.22.5": {
-        "integrity": "sha512-ecjvYlnAaZ/KVneE/OdKYBYfgXV3Ptu6zQWmgEF7vwKhQnvVS6bjMD2XYgj+SNvQ1GfK/pjgokfPkC/2CO8CuA==",
-        "dependencies": {
-          "regenerator-runtime": "regenerator-runtime@0.13.11"
-        }
-      },
-      "@csstools/selector-specificity@2.2.0_postcss-selector-parser@6.0.13": {
-        "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
-        "dependencies": {
-          "postcss-selector-parser": "postcss-selector-parser@6.0.13"
-        }
-      },
-      "a-sync-waterfall@1.0.1": {
-        "integrity": "sha512-RYTOHHdWipFUliRFMCS4X2Yn2X8M87V/OpSqWzKKOGhzqyUxzyVmhHDH9sAvG+ZuQf/TAOFsLCpMw09I1ufUnA==",
-        "dependencies": {}
-      },
-      "argparse@2.0.1": {
-        "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-        "dependencies": {}
-      },
-      "asap@2.0.6": {
-        "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
-        "dependencies": {}
-      },
-      "autoprefixer@10.4.14_postcss@8.4.24": {
-        "integrity": "sha512-FQzyfOsTlwVzjHxKEqRIAdJx9niO6VCBCoEwax/VLSoQF29ggECcPuBqUMZ+u8jCZOPSy8b8/8KnuFbp0SaFZQ==",
-        "dependencies": {
-          "browserslist": "browserslist@4.21.9",
-          "caniuse-lite": "caniuse-lite@1.0.30001510",
-          "fraction.js": "fraction.js@4.2.0",
-          "normalize-range": "normalize-range@0.1.2",
-          "picocolors": "picocolors@1.0.0",
-          "postcss": "postcss@8.4.24",
-          "postcss-value-parser": "postcss-value-parser@4.2.0"
-        }
-      },
-      "browserslist@4.21.9": {
-        "integrity": "sha512-M0MFoZzbUrRU4KNfCrDLnvyE7gub+peetoTid3TBIqtunaDJyXlwhakT+/VkvSXcfIzFfK/nkCs4nmyTmxdNSg==",
-        "dependencies": {
-          "caniuse-lite": "caniuse-lite@1.0.30001510",
-          "electron-to-chromium": "electron-to-chromium@1.4.447",
-          "node-releases": "node-releases@2.0.12",
-          "update-browserslist-db": "update-browserslist-db@1.0.11_browserslist@4.21.9"
-        }
-      },
-      "caniuse-lite@1.0.30001510": {
-        "integrity": "sha512-z35lD6xjHklPNgjW4P68R30Er5OCIZE0C1bUf8IMXSh34WJYXfIy+GxIEraQXYJ2dvTU8TumjYAeLrPhpMlsuw==",
-        "dependencies": {}
-      },
-      "commander@5.1.0": {
-        "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
-        "dependencies": {}
-      },
-      "cssesc@3.0.0": {
-        "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-        "dependencies": {}
-      },
-      "date-fns@2.30.0": {
-        "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-        "dependencies": {
-          "@babel/runtime": "@babel/runtime@7.22.5"
-        }
-      },
-      "electron-to-chromium@1.4.447": {
-        "integrity": "sha512-sxX0LXh+uL41hSJsujAN86PjhrV/6c79XmpY0TvjZStV6VxIgarf8SRkUoUTuYmFcZQTemsoqo8qXOGw5npWfw==",
-        "dependencies": {}
-      },
-      "entities@3.0.1": {
-        "integrity": "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q==",
-        "dependencies": {}
-      },
-      "escalade@3.1.1": {
-        "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
-        "dependencies": {}
-      },
-      "fraction.js@4.2.0": {
-        "integrity": "sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==",
-        "dependencies": {}
-      },
-      "function-bind@1.1.1": {
-        "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
-        "dependencies": {}
-      },
-      "has@1.0.3": {
-        "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
-        "dependencies": {
-          "function-bind": "function-bind@1.1.1"
-        }
-      },
-      "is-core-module@2.12.1": {
-        "integrity": "sha512-Q4ZuBAe2FUsKtyQJoQHlvP8OvBERxO3jEmy1I7hcRXcJBGGHFh/aJBswbXuS9sgrDH2QUO8ilkwNPHvHMd8clg==",
-        "dependencies": {
-          "has": "has@1.0.3"
-        }
-      },
-      "linkify-it@4.0.1": {
-        "integrity": "sha512-C7bfi1UZmoj8+PQx22XyeXCuBlokoyWQL5pWSP+EI6nzRylyThouddufc2c1NDIcP9k5agmN9fLpA7VNJfIiqw==",
-        "dependencies": {
-          "uc.micro": "uc.micro@1.0.6"
-        }
-      },
-      "markdown-it-attrs@4.1.6_markdown-it@13.0.1": {
-        "integrity": "sha512-O7PDKZlN8RFMyDX13JnctQompwrrILuz2y43pW2GagcwpIIElkAdfeek+erHfxUOlXWPsjFeWmZ8ch1xtRLWpA==",
-        "dependencies": {
-          "markdown-it": "markdown-it@13.0.1"
-        }
-      },
-      "markdown-it-deflist@2.1.0": {
-        "integrity": "sha512-3OuqoRUlSxJiuQYu0cWTLHNhhq2xtoSFqsZK8plANg91+RJQU1ziQ6lA2LzmFAEes18uPBsHZpcX6We5l76Nzg==",
-        "dependencies": {}
-      },
-      "markdown-it@13.0.1": {
-        "integrity": "sha512-lTlxriVoy2criHP0JKRhO2VDG9c2ypWCsT237eDiLqi09rmbKoUetyGHq2uOIRoRS//kfoJckS0eUzzkDR+k2Q==",
-        "dependencies": {
-          "argparse": "argparse@2.0.1",
-          "entities": "entities@3.0.1",
-          "linkify-it": "linkify-it@4.0.1",
-          "mdurl": "mdurl@1.0.1",
-          "uc.micro": "uc.micro@1.0.6"
-        }
-      },
-      "mdurl@1.0.1": {
-        "integrity": "sha512-/sKlQJCBYVY9Ers9hqzKou4H6V5UWc/M59TH2dvkt+84itfnq7uFOMLpOiOS4ujvHP4etln18fmIxA5R5fll0g==",
-        "dependencies": {}
-      },
-      "nanoid@3.3.6": {
-        "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
-        "dependencies": {}
-      },
-      "node-releases@2.0.12": {
-        "integrity": "sha512-QzsYKWhXTWx8h1kIvqfnC++o0pEmpRQA/aenALsL2F4pqNVr7YzcdMlDij5WBnwftRbJCNJL/O7zdKaxKPHqgQ==",
-        "dependencies": {}
-      },
-      "normalize-range@0.1.2": {
-        "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
-        "dependencies": {}
-      },
-      "nunjucks@3.2.4": {
-        "integrity": "sha512-26XRV6BhkgK0VOxfbU5cQI+ICFUtMLixv1noZn1tGU38kQH5A5nmmbk/O45xdyBhD1esk47nKrY0mvQpZIhRjQ==",
-        "dependencies": {
-          "a-sync-waterfall": "a-sync-waterfall@1.0.1",
-          "asap": "asap@2.0.6",
-          "commander": "commander@5.1.0"
-        }
-      },
-      "path-parse@1.0.7": {
-        "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-        "dependencies": {}
-      },
-      "picocolors@1.0.0": {
-        "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
-        "dependencies": {}
-      },
-      "pify@2.3.0": {
-        "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-        "dependencies": {}
-      },
-      "postcss-import@15.1.0_postcss@8.4.24": {
-        "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-        "dependencies": {
-          "postcss": "postcss@8.4.24",
-          "postcss-value-parser": "postcss-value-parser@4.2.0",
-          "read-cache": "read-cache@1.0.0",
-          "resolve": "resolve@1.22.3"
-        }
-      },
-      "postcss-nesting@11.3.0_postcss@8.4.24_postcss-selector-parser@6.0.13": {
-        "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
-        "dependencies": {
-          "@csstools/selector-specificity": "@csstools/selector-specificity@2.2.0_postcss-selector-parser@6.0.13",
-          "postcss": "postcss@8.4.24",
-          "postcss-selector-parser": "postcss-selector-parser@6.0.13"
-        }
-      },
-      "postcss-selector-parser@6.0.13": {
-        "integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-        "dependencies": {
-          "cssesc": "cssesc@3.0.0",
-          "util-deprecate": "util-deprecate@1.0.2"
-        }
-      },
-      "postcss-value-parser@4.2.0": {
-        "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-        "dependencies": {}
-      },
-      "postcss@8.4.24": {
-        "integrity": "sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==",
-        "dependencies": {
-          "nanoid": "nanoid@3.3.6",
-          "picocolors": "picocolors@1.0.0",
-          "source-map-js": "source-map-js@1.0.2"
-        }
-      },
-      "read-cache@1.0.0": {
-        "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-        "dependencies": {
-          "pify": "pify@2.3.0"
-        }
-      },
-      "regenerator-runtime@0.13.11": {
-        "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==",
-        "dependencies": {}
-      },
-      "resolve@1.22.3": {
-        "integrity": "sha512-P8ur/gp/AmbEzjr729bZnLjXK5Z+4P0zhIJgBgzqRih7hL7BOukHGtSTA3ACMY467GRFz3duQsi0bDZdR7DKdw==",
-        "dependencies": {
-          "is-core-module": "is-core-module@2.12.1",
-          "path-parse": "path-parse@1.0.7",
-          "supports-preserve-symlinks-flag": "supports-preserve-symlinks-flag@1.0.0"
-        }
-      },
-      "source-map-js@1.0.2": {
-        "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
-        "dependencies": {}
-      },
-      "supports-preserve-symlinks-flag@1.0.0": {
-        "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-        "dependencies": {}
-      },
-      "uc.micro@1.0.6": {
-        "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
-        "dependencies": {}
-      },
-      "update-browserslist-db@1.0.11_browserslist@4.21.9": {
-        "integrity": "sha512-dCwEFf0/oT85M1fHBg4F0jtLwJrutGoHSQXCh7u4o2t1drG+c0a9Flnqww6XUKSfQMPpJBRjU8d4RXB09qtvaA==",
-        "dependencies": {
-          "browserslist": "browserslist@4.21.9",
-          "escalade": "escalade@3.1.1",
-          "picocolors": "picocolors@1.0.0"
-        }
-      },
-      "util-deprecate@1.0.2": {
-        "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-        "dependencies": {}
-      }
-    }
  }
 }
--- a/en/collaborate.yml
+++ b/en/collaborate.yml
@ -0,0 +1,9 @@
+layout: layouts/default.njk
+
+title: Mit uns machen
+
+text: |
+  - Was machen wir so?
+  - Wen suchen wir?
+  - Wie findest du zu uns? > Link auf Standort
+  - Was kostet das? wichtige info > solidarisches finanzierungskonzept
--- a/en/collective.yml
+++ b/en/collective.yml
@ -0,0 +1,18 @@
+layout: layouts/default.njk
+
+title: Das Kollektiv
+
+text: |
+
+  > Each one teach one
+
+  ## Kurze Geschichte
+  
+  Entstanden sind wir 2020, im damaligen [Wandelwerk](https://wandelwerk.koeln/). Nachdem wir dort ausziehen mussten sind wir ins Gewächshaus umgezogen.
+
+  2022 haben wir einen Verein gegründet um die finanziellen und organisatorischen Aufgaben in einer Basisdemokratischen Struktur unter zu bringen.
+
+  ## Organisatorisches
+
+
+  Findest du hier.
--- a/en/contact.yml
+++ b/en/contact.yml
@ -0,0 +1,10 @@
+layout: layouts/default.njk
+
+title: Kontakt
+
+text: |
+  Du willst mal vorbei schauen? Bock was mit uns zu machen? Ideen für den Raum?
+
+  Unsere E-Mail-Adresse lautet [contact@miom.space](mailto:contact@miom.space).
+  
+  Komm vorbei! Unser Raum ist in der [Wilhelm-Mauser-Straße 47, Halle 5 in 50827 Köln](https://www.openstreetmap.org/node/9627028359). Kontaktiere uns vorher damit wir sicherstellen können, dass jemand da ist um dich zu begrüßen.
--- a/en/imprint.yml
+++ b/en/imprint.yml
@ -0,0 +1,18 @@
+layout: layouts/default.njk
+
+title: Imprint
+
+text: '
+Responsible for contents:
+
+
+<b>MiOM Kreativraum e.V.</b><br>
+Vorstand: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery<br>
+<br>
+Wilhelm-Mauser-Straße 47<br>
+Halle 5<br>
+50827 Köln<br>
+
+
+<a href="mailto:contact@miom.space">contact@miom.space</a>
+'
--- a/en/index.yml
+++ b/en/index.yml
@ -0,0 +1,31 @@
+layout: layouts/homepage.njk
+
+tagline: |
+  # Hi!
+  
+  Wir sind das MiOM Kollektiv. Wir schaffen bezahlbaren Raum in dem wir gemeinsam und interdisziplinär arbeiten und experimentieren.
+
+cards:
+  - text: Mit uns machen
+    link: ./collaborate
+    image:
+      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
+      url: /img/hakken.jpeg
+
+  - text: Projekte und Veranstaltungen
+    link: ./projects
+    image:
+      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
+      url: /img/aussenchill.jpg
+
+  - text: der Raum
+    link: ./space
+    image:
+      alt: "Die Werkstatt vom MiOM. Es stehen einige Geräte wie Bohrmaschinen und Sägen rum."
+      url: /img/werkstatt.jpg
+
+  - text: das Kollektiv
+    link: ./collective
+    image:
+      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
+      url: /img/crowd.jpg
--- a/en/privacy-policy.yml
+++ b/en/privacy-policy.yml
@ -0,0 +1,9 @@
+layout: layouts/default.njk
+
+title: Privacy policy
+
+text: '
+This website runs on a no-logging policy. We do not track or keep any personal data when viewing this site.
+
+See [our imprint](/imprint) for contact information.
+'
--- a/en/projects.yml
+++ b/en/projects.yml
@ -0,0 +1,14 @@
+layout: layouts/default.njk
+
+title: Projekte
+
+text: '
+- Termine (Wollen wir die Plenumszeiten veröffentlichen?)
+
+- Bisherige Projekte:
+    * Workshops
+    * Veranstaltungen (machwerkschau)
+    * hackathon pub.solar
+    * Kunstprojekte ?
+    * Exhibitionen
+  '
--- a/en/space.yml
+++ b/en/space.yml
@ -0,0 +1,10 @@
+layout: layouts/default.njk
+
+title: Der Raum
+
+text: |
+  - Foto vom Raum oder interactive visuelle Lösung (Collagenmäßig - Grafickerin)
+  - Standort
+  - Aufteilung in der Location
+  - Benutzungskonzept
+  - Infrastruktur (I-net, Holzwerkstatt, , Getränkeshop, Wasser für Künstler\*ins, elektronischer Hubwagen, DIY mittagstisch, besprechungsraum / Chillecke)
--- a/img/instagram.svg
+++ b/img/instagram.svg
@ -0,0 +1,3 @@
+<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
+  <path fill="currentColor" d="M295.42,6c-53.2,2.51-89.53,11-121.29,23.48-32.87,12.81-60.73,30-88.45,57.82S40.89,143,28.17,175.92c-12.31,31.83-20.65,68.19-23,121.42S2.3,367.68,2.56,503.46,3.42,656.26,6,709.6c2.54,53.19,11,89.51,23.48,121.28,12.83,32.87,30,60.72,57.83,88.45S143,964.09,176,976.83c31.8,12.29,68.17,20.67,121.39,23s70.35,2.87,206.09,2.61,152.83-.86,206.16-3.39S799.1,988,830.88,975.58c32.87-12.86,60.74-30,88.45-57.84S964.1,862,976.81,829.06c12.32-31.8,20.69-68.17,23-121.35,2.33-53.37,2.88-70.41,2.62-206.17s-.87-152.78-3.4-206.1-11-89.53-23.47-121.32c-12.85-32.87-30-60.7-57.82-88.45S862,40.87,829.07,28.19c-31.82-12.31-68.17-20.7-121.39-23S637.33,2.3,501.54,2.56,348.75,3.4,295.42,6m5.84,903.88c-48.75-2.12-75.22-10.22-92.86-17-23.36-9-40-19.88-57.58-37.29s-28.38-34.11-37.5-57.42c-6.85-17.64-15.1-44.08-17.38-92.83-2.48-52.69-3-68.51-3.29-202s.22-149.29,2.53-202c2.08-48.71,10.23-75.21,17-92.84,9-23.39,19.84-40,37.29-57.57s34.1-28.39,57.43-37.51c17.62-6.88,44.06-15.06,92.79-17.38,52.73-2.5,68.53-3,202-3.29s149.31.21,202.06,2.53c48.71,2.12,75.22,10.19,92.83,17,23.37,9,40,19.81,57.57,37.29s28.4,34.07,37.52,57.45c6.89,17.57,15.07,44,17.37,92.76,2.51,52.73,3.08,68.54,3.32,202s-.23,149.31-2.54,202c-2.13,48.75-10.21,75.23-17,92.89-9,23.35-19.85,40-37.31,57.56s-34.09,28.38-57.43,37.5c-17.6,6.87-44.07,15.07-92.76,17.39-52.73,2.48-68.53,3-202.05,3.29s-149.27-.25-202-2.53m407.6-674.61a60,60,0,1,0,59.88-60.1,60,60,0,0,0-59.88,60.1M245.77,503c.28,141.8,115.44,256.49,257.21,256.22S759.52,643.8,759.25,502,643.79,245.48,502,245.76,245.5,361.22,245.77,503m90.06-.18a166.67,166.67,0,1,1,167,166.34,166.65,166.65,0,0,1-167-166.34" transform="translate(-2.5 -2.5)"/>
+</svg>
--- a/img/mastodon.svg
+++ b/img/mastodon.svg
@ -0,0 +1,3 @@
+<svg width="74" height="79" viewBox="0 0 74 79" xmlns="http://www.w3.org/2000/svg">
+  <path fill="currentColor" d="M73.7014 17.4323C72.5616 9.05152 65.1774 2.4469 56.424 1.1671C54.9472 0.950843 49.3518 0.163818 36.3901 0.163818H36.2933C23.3281 0.163818 20.5465 0.950843 19.0697 1.1671C10.56 2.41145 2.78877 8.34604 0.903306 16.826C-0.00357854 21.0022 -0.100361 25.6322 0.068112 29.8793C0.308275 35.9699 0.354874 42.0498 0.91406 48.1156C1.30064 52.1448 1.97502 56.1419 2.93215 60.0769C4.72441 67.3445 11.9795 73.3925 19.0876 75.86C26.6979 78.4332 34.8821 78.8603 42.724 77.0937C43.5866 76.8952 44.4398 76.6647 45.2833 76.4024C47.1867 75.8033 49.4199 75.1332 51.0616 73.9562C51.0841 73.9397 51.1026 73.9184 51.1156 73.8938C51.1286 73.8693 51.1359 73.8421 51.1368 73.8144V67.9366C51.1364 67.9107 51.1302 67.8852 51.1186 67.862C51.1069 67.8388 51.0902 67.8184 51.0695 67.8025C51.0489 67.7865 51.0249 67.7753 50.9994 67.7696C50.9738 67.764 50.9473 67.7641 50.9218 67.7699C45.8976 68.9569 40.7491 69.5519 35.5836 69.5425C26.694 69.5425 24.3031 65.3699 23.6184 63.6327C23.0681 62.1314 22.7186 60.5654 22.5789 58.9744C22.5775 58.9477 22.5825 58.921 22.5934 58.8965C22.6043 58.8721 22.621 58.8505 22.6419 58.8336C22.6629 58.8167 22.6876 58.8049 22.714 58.7992C22.7404 58.7934 22.7678 58.794 22.794 58.8007C27.7345 59.9796 32.799 60.5746 37.8813 60.5733C39.1036 60.5733 40.3223 60.5733 41.5447 60.5414C46.6562 60.3996 52.0437 60.1408 57.0728 59.1694C57.1983 59.1446 57.3237 59.1233 57.4313 59.0914C65.3638 57.5847 72.9128 52.8555 73.6799 40.8799C73.7086 40.4084 73.7803 35.9415 73.7803 35.4523C73.7839 33.7896 74.3216 23.6576 73.7014 17.4323ZM61.4925 47.3144H53.1514V27.107C53.1514 22.8528 51.3591 20.6832 47.7136 20.6832C43.7061 20.6832 41.6988 23.2499 41.6988 28.3194V39.3803H33.4078V28.3194C33.4078 23.2499 31.3969 20.6832 27.3894 20.6832C23.7654 20.6832 21.9552 22.8528 21.9516 27.107V47.3144H13.6176V26.4937C13.6176 22.2395 14.7157 18.8598 16.9118 16.3545C19.1772 13.8552 22.1488 12.5719 25.8373 12.5719C30.1064 12.5719 33.3325 14.1955 35.4832 17.4394L37.5587 20.8853L39.6377 17.4394C41.7884 14.1955 45.0145 12.5719 49.2765 12.5719C52.9614 12.5719 55.9329 13.8552 58.2055 16.3545C60.4017 18.8574 61.4997 22.2371 61.4997 26.4937L61.4925 47.3144Z" />
+</svg>
--- a/imprint.yml
+++ b/imprint.yml
@ -5,14 +5,15 @@ title: Imprint
 text: '
 Responsible for contents:

-
-<b>MiOM Kreativraum e.V.</b><br>
+**MiOM Kreativraum e.V.**<br>
 Vorstand: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery<br>
-<br>
+
 Wilhelm-Mauser-Straße 47<br>
 Halle 5<br>
-50827 Köln<br>
+50827 Köln
+
+[contact@miom.space](mailto:contact@miom.space)


-<a href="mailto:contact@miom.space">contact@miom.space</a>
+Der [Quellcode dieser Website](https://git.pub.solar/MiOM/miom.space) ist lizenziert unter AGPLv3
 '
--- a/index.yml
+++ b/index.yml
@ -6,7 +6,19 @@ tagline: |
  Wir sind das MiOM Kollektiv. Wir schaffen bezahlbaren Raum in dem wir gemeinsam und interdisziplinär arbeiten und experimentieren.

 cards:
-  - text: Mit uns machen
+  - text: das Kollektiv
+    link: ./collective
+    image:
+      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
+      url: /img/crowd.jpg
+
+  - text: der Raum
+    link: ./space
+    image:
+      alt: "Die Werkstatt vom MiOM. Es stehen einige Geräte wie Bohrmaschinen und Sägen rum."
+      url: /img/werkstatt.jpg
+
+  - text: Collaborate
    link: ./collaborate
    image:
      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
@ -17,15 +29,3 @@ cards:
    image:
      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
      url: /img/aussenchill.jpg
-
-  - text: der Raum
-    link: ./space
-    image:
-      alt: "Die Werkstatt vom MiOM. Es stehen einige Geräte wie Bohrmaschinen und Sägen rum."
-      url: /img/werkstatt.jpg
-
-  - text: das Kollektiv
-    link: ./collective
-    image:
-      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
-      url: /img/crowd.jpg
--- a/space.yml
+++ b/space.yml
@ -8,3 +8,13 @@ text: |
  - Aufteilung in der Location
  - Benutzungskonzept
  - Infrastruktur (I-net, Holzwerkstatt, , Getränkeshop, Wasser für Künstler\*ins, elektronischer Hubwagen, DIY mittagstisch, besprechungsraum / Chillecke)
+
+  Wie findest du zu uns? 
+
+  > Link auf Standort
+
+  Mit dem Bus: Mit der Linie 141/143 bis zur Haltestelle „Bickendorf Wilhelm-Mauser-Str., Köln“ 
+
+  Zu Fuß: 10 min von der U-Bahn Haltestelle Rochusplatz (Linie 3/4)
+
+  Bei Hausnummer 47 (grünes Tor) geradeaus durch dann ganz rechts Halle 5
--- a/styles.css
+++ b/styles.css
@ -144,6 +144,7 @@ html {
  z-index: 100;
  display: flex;
  align-items: stretch;
+  justify-content: space-between;
 }

 .mi-nav--toggle {
@ -156,23 +157,78 @@ html {
  border: 0;
  border-right: 1px solid var(--foreground);
  border-bottom: 1px solid var(--foreground);
+  color: var(--foreground);
+  text-decoration: none;
  background: var(--background);
  font-size: 1.25rem;
  cursor: pointer;
  z-index: 1;
+  font-family: inherit;
+  font-weight: inherit;
+}
+
+.mi-nav--toggle:hover {
+  color: var(--primary);
+}
+
+.mi-nav--top {
+  list-style: none;
+  display: flex;
+  padding: 0;
+  margin: 0;
+  margin-right: calc(var(--box-padding) + 1px);
+  border: 0;
+  border-bottom: 1px solid var(--foreground);
+  background: var(--background);
+  font-size: 1.25rem;
+  height: 2.4rem;
+  z-index: 1;
 }

@media screen and (min-width: 800px) {
+  .mi-nav--top,
  .mi-nav--toggle {
    border-bottom: 0;
    height: var(--box-padding);
  }
 }

-.mi-nav--toggle:hover {
+.mi-nav--top-item {
+  border: 0;
+  border-left: 1px solid var(--foreground);
+  text-decoration: none;
+  display: flex;
+}
+
+.mi-nav--top-item-link {
+  color: var(--foreground);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 1rem;
+  text-decoration: none;
+}
+
+.mi-nav--top-item-link_icon-only {
+  padding: 0;
+  width: 2.4rem;
+}
+
+@media screen and (min-width: 800px) {
+  .mi-nav--top-item-link_icon-only {
+    width: var(--box-padding);
+  }
+}
+
+.mi-nav--top-item-link:hover {
  color: var(--primary);
 }

+.mi-nav--top-item-icon {
+  height: 50%;
+  display: block;
+}
+
 .mi-nav--list {
  list-style: none;
  display: none;
@ -193,14 +249,12 @@ html {
  }
 }

-
@media screen and (min-width: 800px) {
  .mi-nav--toggle {
    border-bottom: 0;
  }
 }

-
 .mi-nav_open .mi-nav--list {
  display: flex;
  flex-direction: column;