Merge pull request 'v2' (#4) from v2 into main

Reviewed-on: #4
2024-02-25 22:09:26 +00:00 · 2024-02-25 22:09:26 +00:00 · 46be3f1e7d
parent 17e3d14685 dd30178d7f
commit 46be3f1e7d
57 changed files with 1250 additions and 739 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -1,60 +1,33 @@
 kind: pipeline
 type: docker
-name: check-build
+name: default

 steps:
-  - name: check
-    image: denoland/deno:alpine-1.34.3
-    commands:
-      - ./build.sh
-    when:
+  - name: build
+    when: 
      event:
-      - push
+        - push
+        - pull_request
+    image: denoland/deno:alpine-1.39.1
+    commands:
+      - deno task build

-  - name: build docker image
-    image: plugins/docker
+  - name: publish
+    when: 
+      event:
+        - push
+      branch:
+        - main
+    image: appleboy/drone-scp
    settings:
-      registry: registry.greenbaum.cloud
-      repo: registry.greenbaum.cloud/pub_solar/miom.space
-      tags:
-        - latest
-        - ${DRONE_TAG}
+      host: nachtigall.pub.solar
+      port: 22
      username:
-        from_secret: docker_username
-      password:
-        from_secret: docker_password
-    when:
-      event:
-      - tag
-
---
-kind: pipeline
-type: docker
-name: deploy
-
-steps:
-  - name: deploy
-    image: registry.greenbaum.cloud/library/triton-docker
-    environment:
-      DOCKER_USERNAME:
-        from_secret: docker_username
-      DOCKER_PASSWORD:
-        from_secret: docker_password
-      TRITON_SSH_KEY:
-        from_secret: triton_ssh_key
-      TRITON_ACCOUNT:
-        from_secret: triton_account
-      TRITON_URL: https://lev-1.api.greenbaum.cloud
-      TRITON_KEY_ID: 59:9f:5a:6f:c4:e2:3b:32:7f:13:1f:de:b7:59:80:85
-      PROJECT_NAME: miomspace
-    commands:
-      - mkdir -p $HOME/.ssh $HOME/.docker
-      - echo -e "$TRITON_SSH_KEY" > $HOME/.ssh/id_rsa
-      - /usr/local/bin/docker-entrypoint.sh ./deploy.sh $DRONE_TAG
-
-trigger:
-    event:
-      - promote
-      - rollback
-    target:
-      - production
+        from_secret: ps_ssh_user
+      key:
+        from_secret: ps_ssh_key
+      source:
+        - ./_site/*
+      target: /srv/www/pub.solar/
+      overwrite: true
+      strip_components: 1
--- 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
@ -0,0 +1,33 @@
+- text:
+    en: MiOM
+    de: MiOM
+  link: /
+- text:
+    en: collaborate
+    de: Collaborate
+  link: /collaborate
+- text:
+    en: projects and events
+    de: Projekte und Veranstaltungen
+  link: /projects
+- text: 
+    en: the space
+    de: der Raum
+  link: /space
+- text: 
+    en: the collective
+    de: das Kollektiv
+  link: /collective
+- text: 
+    en: contact
+    de: Kontakt
+  link: /contact
+- divider: true
+- text:
+    en: imprint
+    de: Impressum
+  link: /imprint
+- text:
+    en: privacy policy
+    de: Datenschutz
+  link: /privacy-policy
--- a/_data/people/avd.yml
+++ b/_data/people/avd.yml
@ -1,13 +0,0 @@
-name: Alexander von Dombois
-pronouns: he/him
-role: Product Design
-contactOptions:
-  - name: mail
-    value: avd@miom.space
-    link: 'mailto:avd@miom.space'
-  - name: insta
-    value: '@alexandervondombois'
-  - name: web
-    value: alexandervondombois.de
-    link: 'https://alexandervondombois.de'
-
--- a/_data/people/byb.yml
+++ b/_data/people/byb.yml
@ -1,17 +0,0 @@
-name: Benjamin Bädorf
-pronouns: he/him
-role: Software Engineer
-contactOptions:
-  - name: mail
-    value: byb@miom.space
-    link: 'mailto:byb@miom.space'
-  - name: git
-    value: '@b12f'
-    link: 'https://git.pub.solar/b12f'
-  - name: gpg
-    value: 4332 E0D0 2B21 4D31 376C  366E 4406 E80E 13CD 656C
-  - name: matrix
-    value: '@b12f:pub.solar'
-  - name: web
-    value: benjaminbaedorf.eu
-    link: 'https://benjaminbaedorf.eu'
--- a/_data/people/cmp.yml
+++ b/_data/people/cmp.yml
@ -1,7 +0,0 @@
-name: Constantin Pannwitz
-pronouns: he/him
-role: Product Designer
-contactOptions:
-  - name: mail
-    value: cmp@miom.space
-    link: 'mailto:cmp@miom.space'
--- a/_data/people/jfw.yml
+++ b/_data/people/jfw.yml
@ -1,15 +0,0 @@
-name: Jhonas Wernery
-pronouns: he/him
-role: System Administrator
-contactOptions:
-  - name: mail
-    value: jfw@miom.space
-    link: 'mailto:jfw@miom.space'
-  - name: git
-    value: '@teutat3s'
-    link: 'https://git.pub.solar/teutat3s'
-  - name: matrix
-    value: '@teutat3s:pub.solar'
-  - name: mastodon
-    value: '@teutat3s@pub.solar'
-    link: 'https://mastodon.pub.solar/@teutat3s'
--- a/_data/people/jjg.yml
+++ b/_data/people/jjg.yml
@ -1,7 +0,0 @@
-name: Julian Gerullis
-pronouns: he/him
-role: Product Designer
-contactOptions:
-  - name: mail
-    value: jjg@miom.space
-    link: 'mailto:jjg@miom.space'
--- a/_data/people/klz.yml
+++ b/_data/people/klz.yml
@ -1,7 +0,0 @@
-name: Katharina Lenz
-pronouns: she/her
-role: 
-contactOptions:
-  - name: mail
-    value: klz@miom.space
-    link: 'mailto:klz@miom.space'
--- a/_data/people/ks.yml
+++ b/_data/people/ks.yml
@ -1,7 +0,0 @@
-name: Katharina Schreiber
-pronouns: she/her
-role: 
-contactOptions:
-  - name: mail
-    value: ks@miom.space
-    link: 'mailto:ks@miom.space'
--- a/_data/people/lv.yml
+++ b/_data/people/lv.yml
@ -1,7 +0,0 @@
-name: Lea Vieler
-pronouns: she/her
-role: 
-contactOptions:
-  - name: mail
-    value: lv@miom.space
-    link: 'mailto:lv@miom.space'
--- a/_data/people/sd.yml
+++ b/_data/people/sd.yml
@ -1,7 +0,0 @@
-name: Slavica Dretvić
-pronouns: she/her
-role: 
-contactOptions:
-  - name: mail
-    value: sd@miom.space
-    link: 'mailto:sd@miom.space'
--- a/_data/socialLinks.yml
+++ b/_data/socialLinks.yml
@ -0,0 +1,8 @@
+- text: Mastodon
+  icon: /img/mastodon.svg
+  link: https://mastodon.pub.solar/@miomspace
+  me: true
+- text: Instagram
+  icon: /img/instagram.svg
+  link: https://www.instagram.com/miom.space/
+  me: false
--- a/_data/thingsWeAre.yml
+++ b/_data/thingsWeAre.yml
@ -1,5 +0,0 @@
- 'an off'
- 'a studio'
- 'an art'
- 'a tech'
- 'a people'
--- 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 mi-content">
-  <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,25 +23,18 @@
    {% endif %}
  </head>
  <body class="mi-page">
-    {% block header %}
-      <div class="mi-page--we-are mi-page--title mi-page--title_side">
-        <span class="mi-logo">MiOM Kreativraum</span>
-        <br>
-        <br>
-        <a href="/">Back home</a>
-      </div>
-      
-      <header class="mi-page--title mi-content">
-        <h1>{{ title }}</h1>
-      </header>
+    {% include "border.njk" %}
+
+    {% block navigation %}
+      {% include "navigation.njk" %}
    {% endblock %}

-    <main class="mi-main mi-content">
-      {% block main %}
-        {{ article | md | safe }}
-      {% endblock %}
-    </main>
+    {% block main %}
+      <main class="mi-main mi-main_content">
+        <h1>{{ title }}</h1>

-    {% include "footer.njk" %}
+        {{ text | md | safe }}
+      </main>
+    {% endblock %}
  </body>
 </html>
--- a/_includes/layouts/homepage.njk
+++ b/_includes/layouts/homepage.njk
@ -1,20 +1,27 @@
 {% extends 'layouts/default.njk' %}

-{% block header %}
-  <div class="mi-page--we-are mi-page--title mi-page--title_side"><span class="mi-logo">MiOM 202</span> is</div>
-  <p class="mi-things-we-are mi-page--title mi-content">
-    {% for thingWeAre in thingsWeAre %}
-      <span class="mi-things-we-are--thing">
-        {{ thingWeAre }}<span class="mi-things-we-are--space">space</span>
-      </span>
-    {% endfor %}
-  </p>
-{% endblock %}
-
 {% block main %}
-  {{ introduction | md | safe }}
+  <main class="mi-main mi-cards">
+    <div class="mi-logo">
+      <img src="/img/logo.jpg" class="mi-logo--img" />
+    </div>

-  {% include "people.njk" %}
+    <div class="mi-tagline">
+      {{ tagline | md | safe }}
+    </div>

-  {{ cta | md | safe }}
+    {% for card in cards %}
+      <a
+        class="mi-card"
+        href="{{ card.link }}"
+      >
+        <img
+          class="mi-card--background"
+          src="{{ card.image.url }}"
+          alt="{{ card.image.alt }}"
+        />
+        <div class="mi-card--text">{{ card.text }}</div>
+      </a>
+    {% endfor %}
+  </main>
 {% endblock %}
--- a/_includes/navigation.njk
+++ b/_includes/navigation.njk
@ -0,0 +1,47 @@
+<nav class="mi-nav" id="nav">
+  <button
+    type="button"
+    class="mi-nav--toggle"
+    onclick="document.getElementById('nav').classList.toggle('mi-nav_open')"
+  >_menu</button>
+
+  <ul class="mi-nav--list">
+    {% for item in navigationItems %}
+      {% if item.divider %}
+        <li class="mi-nav--divider" aria-hidden="true"></li>
+      {% else %}
+        <li class="mi-nav--item">
+          <a
+            class="mi-nav--link"
+            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 }}"
+          {% if item.me %}rel="me"{% endif %}
+        >
+          <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/build.sh
+++ b/build.sh
@ -6,5 +6,6 @@ rm -rf ./_site
 # Build, results are in ./_site
 deno task build

-# Put fonts in place
+# Put binary assets in place
 cp -r ./fonts ./_site/
+cp -r ./img ./_site/
--- a/collaborate.yml
+++ b/collaborate.yml
@ -0,0 +1,16 @@
+layout: layouts/default.njk
+
+title: Collaborate
+
+text: |
+  Es gibt verschiedene Möglichkeiten mit uns aktiv zu werden! 
+
+  Suchst du einen Raum, um eigene Projekte wie Workshops, Veranstaltungen oder Releasepartys zu realisieren?
+
+  Vielleicht hast du auch Interesse daran, gemeinsam mit uns ein Projekt oder eine Veranstaltung zu organisieren. 
+
+  Du hast auch die Option, einen Platz in unserer Werkstatt, im Büro oder im Atelier für 180,- im Monat zu mieten und Teil unseres Kollektivs werden. Wir möchten unseren Kreis erweitern und suchen nach weiteren Gleichgesinnten, die Lust haben, sich mit ihren eigenen Projekten einzubringen. Unser solidarisches Finanzierungskonzept sorgt dafür, dass die Kosten fair aufgeteilt werden. 
+
+  Außerdem stehen bei uns Workshops und Unterricht im Bereich Malerei, Stickerei, Näherei, Holzarbeit, ein Repaircafé und Cryptopartys zur Verfügung.
+
+  Welcher Punkt es auch ist, der dich anspricht- wir freuen uns darauf, mit dir gemeinsame Sache zu machen und neue kreative Projekte zu verwirklichen. [Kontaktiere uns gerne](/contact), um mehr über die Möglichkeiten einer Zusammenarbeit zu erfahren. Wir sind offen für neue Ideen und freuen uns darauf, von dir zu hören!
--- a/collective.yml
+++ b/collective.yml
@ -0,0 +1,14 @@
+layout: layouts/default.njk
+
+title: Das Kollektiv
+
+text: |
+  Wer sind wir? 
+
+  Wir sind das MiOM. Ein kreatives Kollektiv und eine Gruppe mit der Vision, bezahlbaren Raum für kreative Synergien zu schaffen. 
+
+  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 September 2022 haben wir den MiOM Kreativraum e.V. gegründet, um die finanziellen und organisatorischen Aufgaben in einer basisdemokratischen Struktur zu organisieren.
+
+  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, Tättoowiererinnen, 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.
+
+  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? Lust was mit uns zu machen? Ideen für den Raum?
+
+  Du erreichst uns unter [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,16 @@
+layout: layouts/default.njk
+
+title: Collaborate
+
+text: |
+  There are many ways to get involved with us! 
+
+  Are you looking for a space to realize your own projects such as workshops, events, or release parties? 
+
+  Perhaps you are interested in a project/event collaboration with us?
+
+  You also have the option to rent a work space in our wood and metal shop, office, or studio for 180 per month and become part of our collective. We aim to expand our circle and are seeking like-minded people who are eager to contribute with their own creative projects. Our solidarity- based finance concept ensures that costs are fairly distributed. 
+
+  Additionally, we offer workshops and classes in painting, embroidery, sewing, woodwork, a repair café and cryptoparties. 
+
+  Whatever aspect appeals most to you - we look forward to collaborating with you and bringing new creative projects to life. [Feel free to contact us](/en/contact) to learn more about collaboration opportunities. We are open to new ideas and excited to hear from you!
--- a/en/collective.yml
+++ b/en/collective.yml
@ -0,0 +1,14 @@
+layout: layouts/default.njk
+
+title: The collective
+
+text: |
+  Who are we? 
+
+  We are MiOM. A creative collective and a group with the vision of creating affordable space for creative synergies. 
+
+  We were founded in 2020, in the former Wandelwerk. After having to move out, we relocated to our current location - [the Gewächshaus](https://www.instagram.com/gewaechshauskoeln/). In September 2022, we founded the MiOM Kreativraum e.V. to organize the financial and organizational tasks in a grassroots democratic structure. 
+
+  As a collective, we work on creative projects in art and culture to unfold potentials and create artistic synergies. Currently, we consist of product designers, techies, photographers, artists, tattoo artists, fashion designers, and makeup artists. Our goal is to create space for experimenting, exchanging ideas, and working together. We aim for a sustainable community of diverse individuals who can unleash their creative power. 
+
+  Each one, teach one!
--- a/en/contact.yml
+++ b/en/contact.yml
@ -0,0 +1,10 @@
+layout: layouts/default.njk
+
+title: Contact
+
+text: |
+  Do you want to come around? Want to collaborate with us? Ideas for the space? 
+
+  You can reach us at [contact@miom.space](mailto:contact@miom.space).
+
+  Come by! Our space is located at [Wilhelm-Mauser-Straße 47, Hall 5 in 50827 Cologne](https://www.openstreetmap.org/node/9627028359). Contact us beforehand so we can ensure that someone is there to welcome you.
--- a/en/imprint.yml
+++ b/en/imprint.yml
@ -0,0 +1,24 @@
+layout: layouts/default.njk
+
+title: Imprint
+
+text: '
+Responsible for contents:
+
+
+**MiOM Kreativraum e.V.**
+
+Board: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery
+
+Wilhelm-Mauser-Straße 47
+
+Halle 5
+
+50827 Köln
+
+
+[contact@miom.space](mailto:contact@miom.space)
+
+
+The [source code for this website](https://git.pub.solar/MiOM/miom.space) is licensed under the AGPLv3.
+'
--- a/en/index.yml
+++ b/en/index.yml
@ -0,0 +1,29 @@
+layout: layouts/homepage.njk
+
+tagline: |
+  MiOM is a collective from Cologne with the vision of creating affordable space for creative synergies.
+
+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](/en/imprint) for contact information.
+'
--- a/en/projects.yml
+++ b/en/projects.yml
@ -0,0 +1,33 @@
+layout: layouts/default.njk
+
+title: Projects and Events
+
+text: |
+  ## Kunstroute 2024
+  
+  Currently, we are organizing our next exhibition of interdisciplinary arts for May, which will take place as part of [Kunstroute](https://ehrenfeldroute.wordpress.com) Ehrenfeld 2024.
+
+  ### The following forms of art will be exhibited
+
+  * Graffiti
+  * Painting
+  * Embroidery
+  * Illustration
+  * Installations
+  * Performance
+  * Art
+  * Tattoo ink.
+  * Design
+  * Graphics
+  * Prints
+
+   More information about the exhibiting artists and the exhibition itself will be available in the coming weeks on our instagram and mastodon page 
+
+  ## hakken.irl
+
+  pub.solar, a collective that provides digital infrastructures in a solidary and grassroots democratic way, regularly organizes a hackathon at MiOM, the [pub.solar hakken.irl](https://pub.solar/hakken/).
+
+  ## Bisherige Projekte und Veranstaltungen
+
+  * **Dimensioniii** as part of Passagen Interior Design Week Cologne (January 2020)
+  * Art/- Design Exhibition **Gemischte Tüte** (June 2019)
--- a/en/space.yml
+++ b/en/space.yml
@ -0,0 +1,31 @@
+layout: layouts/default.njk
+
+title: The space
+
+text: |
+  Our space is located at Wilhelm-Mauser Straße 47 (Halle 5) in Cologne Bickendorf, close to Cologne Ehrenfeld, and is part of the [Gewächshaus community](https://www.instagram.com/gewaechshauskoeln/). 
+
+  With a total of 175 square meters, our space offers diverse opportunities for creative use. The wood- and metal working shop is located in the heart of the hall. Above we have created several studio spaces on a platform. On the second floor of the premises there are two lockable office rooms for co-working and further exchange available. 
+
+  Through collaboration with the Gewächshaus Community, we can provide a first-class infrastructure, including:
+  - internet access
+  - printer
+  - sanitary facilities
+  - large shared kitchen with a barista coffee machine
+  - drinks shop
+  - electronic pallet truck
+  - chill area
+  - meeting room
+  - 24/7 access
+
+  On weekdays, we serve a daily communal lunch with regional organic products. 
+
+  Due to our usage concept, members have the opportunity to rent fixed spaces that are full-time available. At the same time, all collective members can use the space as long as it is not occupied by renters. This combination of individual and communal use is based on open communication and mutual consideration.
+
+  ## How to find us
+
+  [Wilhelm-Mauser-Straße 47, Halle 5 in 50827 Köln](https://www.openstreetmap.org/node/9627028359)
+
+  **By bus:** Take line 141/143 to the stop Bickendorf Wilhelm-Mauser-Str., Köln
+
+  **By foot:** 10 minutes from the subway stop Rochusplatz (line 3/4) at house number 47 (green gate), go straight through, then all the way to the right to Hall 5.
--- a/flake.lock
+++ b/flake.lock
@ -2,17 +2,17 @@
  "nodes": {
    "devshell": {
      "inputs": {
+        "flake-utils": "flake-utils",
        "nixpkgs": [
          "nixpkgs"
-        ],
-        "systems": "systems"
+        ]
      },
      "locked": {
-        "lastModified": 1687944744,
-        "narHash": "sha256-4ZtRVG/5yWHPZpkit1Ak5Mo1DDnkx1AG1HpNu/P+n5U=",
+        "lastModified": 1705332421,
+        "narHash": "sha256-USpGLPme1IuqG78JNqSaRabilwkCyHmVWY0M9vYyqEA=",
        "owner": "numtide",
        "repo": "devshell",
-        "rev": "3864857b2754ab0e16c7c7c626f0e5a1d4e42f38",
+        "rev": "83cb93d6d063ad290beee669f4badf9914cc16ec",
        "type": "github"
      },
      "original": {
@ -22,15 +22,33 @@
      }
    },
    "flake-utils": {
+      "inputs": {
+        "systems": "systems"
+      },
+      "locked": {
+        "lastModified": 1701680307,
+        "narHash": "sha256-kAuep2h5ajznlPMD9rnQyffWG8EM/C73lejGofXvdM8=",
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "rev": "4022d587cbbfd70fe950c1e2083a02621806a725",
+        "type": "github"
+      },
+      "original": {
+        "owner": "numtide",
+        "repo": "flake-utils",
+        "type": "github"
+      }
+    },
+    "flake-utils_2": {
      "inputs": {
        "systems": "systems_2"
      },
      "locked": {
-        "lastModified": 1687709756,
-        "narHash": "sha256-Y5wKlQSkgEK2weWdOu4J3riRd+kV/VCgHsqLNTTWQ/0=",
+        "lastModified": 1705309234,
+        "narHash": "sha256-uNRRNRKmJyCRC/8y1RqBkqWBLM034y4qN7EprSdmgyA=",
        "owner": "numtide",
        "repo": "flake-utils",
-        "rev": "dbabf0ca0c0c4bce6ea5eaf65af5cb694d2082c7",
+        "rev": "1ef2e671c3b0c19053962c07dbda38332dcebf26",
        "type": "github"
      },
      "original": {
@ -41,11 +59,11 @@
    },
    "nixpkgs": {
      "locked": {
-        "lastModified": 1688231357,
-        "narHash": "sha256-ZOn16X5jZ6X5ror58gOJAxPfFLAQhZJ6nOUeS4tfFwo=",
+        "lastModified": 1707956935,
+        "narHash": "sha256-ZL2TrjVsiFNKOYwYQozpbvQSwvtV/3Me7Zwhmdsfyu4=",
        "owner": "nixos",
        "repo": "nixpkgs",
-        "rev": "645ff62e09d294a30de823cb568e9c6d68e92606",
+        "rev": "a4d4fe8c5002202493e87ec8dbc91335ff55552c",
        "type": "github"
      },
      "original": {
@ -58,9 +76,8 @@
    "root": {
      "inputs": {
        "devshell": "devshell",
-        "flake-utils": "flake-utils",
-        "nixpkgs": "nixpkgs",
-        "tritonshell-module": "tritonshell-module"
+        "flake-utils": "flake-utils_2",
+        "nixpkgs": "nixpkgs"
      }
    },
    "systems": {
@ -92,33 +109,6 @@
        "repo": "default",
        "type": "github"
      }
-    },
-    "tritonshell-module": {
-      "inputs": {
-        "devshell": [
-          "devshell"
-        ],
-        "flake-utils": [
-          "flake-utils"
-        ],
-        "nixpkgs": [
-          "nixpkgs"
-        ]
-      },
-      "locked": {
-        "lastModified": 1686817625,
-        "narHash": "sha256-UUt00+BuPiqBv5it8eG99KLWVa7F392PPt52TPO20Zs=",
-        "ref": "main",
-        "rev": "c2280bb09683372f2f482bea3a8bd1112cf990e7",
-        "revCount": 62,
-        "type": "git",
-        "url": "https://git.greenbaum.cloud/dev/tritonshell"
-      },
-      "original": {
-        "ref": "main",
-        "type": "git",
-        "url": "https://git.greenbaum.cloud/dev/tritonshell"
-      }
    }
  },
  "root": "root",
--- a/flake.nix
+++ b/flake.nix
@ -1,5 +1,5 @@
 {
-  description = "devs & ops environment for nix'ing with triton";
+  description = "MiOM homepage live at @ miom.space";

  inputs = {
    nixpkgs.url = "github:nixos/nixpkgs/nixos-unstable";
@ -8,14 +8,9 @@

    devshell.url = "github:numtide/devshell";
    devshell.inputs.nixpkgs.follows = "nixpkgs";
-
-    tritonshell-module.url = "git+https://git.greenbaum.cloud/dev/tritonshell?ref=main";
-    tritonshell-module.inputs.devshell.follows = "devshell";
-    tritonshell-module.inputs.flake-utils.follows = "flake-utils";
-    tritonshell-module.inputs.nixpkgs.follows = "nixpkgs";
  };

-  outputs = { self, flake-utils, devshell, tritonshell-module, nixpkgs }:
+  outputs = { self, flake-utils, devshell, nixpkgs }:
    flake-utils.lib.simpleFlake {
      inherit self nixpkgs;
      name = "miom.space";
@ -33,19 +28,6 @@
        '';
      in
        pkgs.devshell.mkShell {
-          imports = [ tritonshell-module.devshellModules.x86_64-linux.tritonshell ];
-          # Now the tritonshell environment nix module options are available
-          environment = {
-            enable = true;
-            # CUSTOMIZE if desired, default options are:
-            #cnsBaseDomain = "greenbaum.zone";
-            #dataCenters = [ "cgn-1" "lev-1" ];
-            #mantaDomain = "eu-central.manta.greenbaum.cloud";
-            #tritonApiDomain = "api.greenbaum.cloud";
-          };
-
-          # Add additional packages you'd like to be available in your devshell
-          # PATH here
          devshell.packages = with pkgs; [
            deno
            google-font-downloader
--- a/img/IMG_0199.jpg
+++ b/img/IMG_0199.jpg
--- a/img/IMG_0200.jpg
+++ b/img/IMG_0200.jpg
--- a/img/IMG_0746.jpg
+++ b/img/IMG_0746.jpg
--- a/img/IMG_0817.jpg
+++ b/img/IMG_0817.jpg
--- a/img/aussenchill.jpg
+++ b/img/aussenchill.jpg
--- a/img/crowd-top.jpg
+++ b/img/crowd-top.jpg
--- a/img/crowd.jpg
+++ b/img/crowd.jpg
--- a/img/hakken.jpeg
+++ b/img/hakken.jpeg
--- 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/logo.jpg
+++ b/img/logo.jpg
--- 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/img/poledance.jpg
+++ b/img/poledance.jpg
--- a/img/signal-2023-03-02-144400_020.jpeg
+++ b/img/signal-2023-03-02-144400_020.jpeg
--- a/img/werkstatt.jpg
+++ b/img/werkstatt.jpg
--- a/imprint.yml
+++ b/imprint.yml
@ -1,18 +1,24 @@
 layout: layouts/default.njk

-title: 'Imprint'
+title: Impressum

-article: '
-Responsible for contents:
+text: '
+Verantwortlich für die Inhalte:


-<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>
+**MiOM Kreativraum e.V.**
+
+Vorstand: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery
+
+Wilhelm-Mauser-Straße 47
+
+Halle 5
+
+50827 Köln


-<a href="mailto:contact@miom.space">contact@miom.space</a>
+[contact@miom.space](mailto:contact@miom.space)
+
+
+Der [Quellcode dieser Website](https://git.pub.solar/MiOM/miom.space) ist lizenziert unter AGPLv3.
 '
--- a/index.yml
+++ b/index.yml
@ -1,17 +1,29 @@
 layout: layouts/homepage.njk

-introduction: "
-We are an interdisciplinary creative space. We offer affordable room to work and exchange ideas in. Our community is composed of people from a variety of backgrounds.
+tagline: |
+  Das MiOM ist ein Kollektiv mit der Vision, bezahlbaren Raum für kreative Synergien zu schaffen.

+cards:
+  - text: das Kollektiv
+    link: ./collective
+    image:
+      alt: "Eine Gruppe Menschen sitzt an einem Tisch und arbeitet"
+      url: /img/crowd.jpg

-Each one teach one.
-"
-
-cta: "
-Interested?
-
-
-Come see us! We are currently located at [Wilhelm-Mauser-Straße 47](https://www.openstreetmap.org/node/9627028359), Halle 5 in 50827 Cologne. Contact one of us and we'll make sure someone is there to welcome you.
-"
+  - 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"
+      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
--- a/privacy-policy.yml
+++ b/privacy-policy.yml
@ -1,9 +1,9 @@
 layout: layouts/default.njk

-title: 'Privacy policy'
+title: Datenschutz

-article: '
-We run on a no-logging policy. We do not track or keep any personal data.
+text: '
+Auf dieser Website wird nicht protokolliert. Wir verfolgen oder speichern keine persönlichen Daten beim Besuch dieser Website.

-See [our imprint](/imprint) for contact information.
+Siehe unser [Impressum](/imprint) für Verantwortlichkeiten und Kontaktinformationen.
 '
--- a/projects.yml
+++ b/projects.yml
@ -0,0 +1,32 @@
+layout: layouts/default.njk
+
+title: Projekte und Veranstaltungen
+
+text: |
+  ## Kunstroute 2024
+
+  Aktuell organisieren wir unsere nächste Ausstellung der interdisziplinären Künste für den kommenden Mai, die im Rahmen der [Kunstroute](https://ehrenfeldroute.wordpress.com) Ehrenfeld 2024 stattfinden wird.
+
+  ### Folgende Formen der Kunst werden ausgestellt
+
+  * Graffiti
+  * Malerei
+  * Stickerei
+  * Illustration
+  * Installationen
+  * Performance
+  * Tattoo ink. 
+  * Gestaltung
+  * Grafiken
+  * Drucke
+
+  Nähere Informationen zu den ausstellenden Künstler:innen und der Ausstellung selbst findet ihr in den folgenden Wochen auf unserer Instagram & Mastodon Seite
+
+  ## hakken.irl
+
+  pub.solar, ein Kollektiv was auf solidarische und basisdemokratische Weise digitale Infrastrukturen bereitstellt, organisiert regelmäßig im MiOM ein Hackathon, das [pub.solar hakken.irl](https://pub.solar/hakken/).
+
+  ## Bisherige Projekte und Veranstaltungen
+
+  * **Dimensioniii** als Teil der Passagen Interior Design Week Köln (Januar 2020)
+  * Art/- Design Exhibition **Gemischte Tüte** (Juni 2019) 
--- a/raleway.css
+++ b/raleway.css
@ -4,7 +4,7 @@
  font-style: normal;
  font-weight: 100;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@ -13,7 +13,7 @@
  font-style: normal;
  font-weight: 100;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* vietnamese */
@ -22,7 +22,7 @@
  font-style: normal;
  font-weight: 100;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
@ -31,7 +31,7 @@
  font-style: normal;
  font-weight: 100;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
@ -40,7 +40,7 @@
  font-style: normal;
  font-weight: 100;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
@ -49,7 +49,7 @@
  font-style: normal;
  font-weight: 400;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@ -58,7 +58,7 @@
  font-style: normal;
  font-weight: 400;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* vietnamese */
@ -67,7 +67,7 @@
  font-style: normal;
  font-weight: 400;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
@ -76,7 +76,7 @@
  font-style: normal;
  font-weight: 400;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
@ -85,7 +85,7 @@
  font-style: normal;
  font-weight: 400;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
 /* cyrillic-ext */
@ -94,7 +94,7 @@
  font-style: normal;
  font-weight: 900;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCAIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
 }
 /* cyrillic */
@ -103,7 +103,7 @@
  font-style: normal;
  font-weight: 900;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCkIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
 }
 /* vietnamese */
@ -112,7 +112,7 @@
  font-style: normal;
  font-weight: 900;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCIIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
 }
 /* latin-ext */
@ -121,7 +121,7 @@
  font-style: normal;
  font-weight: 900;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyCMIT4ttDfCmxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
 }
 /* latin */
@ -130,6 +130,6 @@
  font-style: normal;
  font-weight: 900;
  font-display: swap;
-  src: url(/fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
+  src: url(./fonts/raleway/v22/1Ptug8zYS_SKggPNyC0IT4ttDfA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }
--- a/space.yml
+++ b/space.yml
@ -0,0 +1,23 @@
+layout: layouts/default.njk
+
+title: Der Raum
+
+text: |
+  Unser Raum befindet sich in der Wilhelm-Mauser Straße 47 (Halle 5) in Köln Bickendorf, nahe der Grenze zu Köln Ehrenfeld und ist Teil der [Gewächshaus Community](https://www.instagram.com/gewaechshauskoeln/).
+
+  Mit insgesamt 175qm bietet unser Space vielfältige Möglichkeiten zur kreativen Nutzung. Die Werkstatt befindet sich im Herzen der Halle, darüber haben wir mit einer Plattform verschiedenste Atelierplätze geschaffen und in der zweiten Etage der Räumlichkeiten stehen zwei abschließbare Büroräume für Co-Working und weiteren Austausch zur Verfügung.
+
+  Durch die Zusammenarbeit mit der Gewächshaus Community können wir eine erstklassige Infrastruktur bieten, die unter anderem Internetzugang, Drucker, sanitäre Einrichtungen, eine große gemeinsame Küche mit Barista Kaffeemaschine, einen Getränkeshop, einen elektronischen Hubwagen, eine Chill Area, einen Besprechungsraum und 24/7 Zugang umfasst. An Wochentagen zaubern wir täglich ein gemeinsames Mittagessen mit regionalen Bioprodukten auf den Tisch.
+
+  Durch unser Nutzungskonzept haben Mitglieder die Möglichkeit, feste Plätze im Space zu mieten, die ihnen rund um die Uhr zur Verfügung stehen. Gleichzeitig können alle Kollektivmitglieder den Raum nutzen, solange er nicht von den Mieter:innen belegt ist. Diese Kombination aus individueller Nutzung und gemeinschaftlicher Nutzung basiert auf einer offenen Kommunikation und gegenseitiger Rücksichtnahme.
+
+  ## So findest du zu uns
+  
+  [Wilhelm-Mauser-Straße 47, Halle 5 in 50827 Köln](https://www.openstreetmap.org/node/9627028359)
+
+  **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
@ -3,227 +3,483 @@
 }

 html {
+  --primary: #fd0ebf;
+  --background: #fff;
+  --foreground: #000;
+  --grayish: #777;
+  --box-padding: 1.5rem;
+
  font-family: 'Raleway', sans-serif;

-  font-size: 7.3vw;
-  line-height: 150%;
-  background: white;
+  font-size: 16px;
+  line-height: 175%;
 }

-body {
-  background: white;
+@media screen and (min-width: 800px) {
+  html {
+    --box-padding: 3rem;
+  }
 }

-a,
-a:visited {
-  color: #ff006c;
-  text-decoration: none;
+*:focus {
+  outline: 1px dashed var(--grayish);
+  outline-offset: -5px;
 }

-a:hover {
-  text-decoration: underline;
+h1 { 
+  font-size: 3rem;
 }

-h1 {
-  font-size: 1.4rem;
+h2 { 
+  font-size: 1.8rem;
 }

-h2 {
+h2::after {
+  display: block;
+  content: '';
+  flex-grow: 1;
+  border-bottom: 1px solid var(--foreground);
+}
+
+h3 { 
  font-size: 1.2rem;
 }

+h4 { 
+  font-size: 1rem;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  margin-top: 1rem;
+  margin-bottom: 0rem;
+  line-height: 1.5;
+  display: flex;
+}
+
 .mi-page {
  margin: 0;
-  column-gap: 0.666rem;
  padding: 0;
-  padding-left: 0.666rem;
-  display: grid;
-  grid-template-columns: 14vw 1fr;
-  grid-template-rows: auto auto auto auto;
-}
-
-.mi-page--title {
-  font-weight: 100;
-}
-
-.mi-logo {
-  font-weight: 100;
-}
-
-.mi-page--title_side {
-  position: sticky;
-  margin-top: 2rem;
-  top: 2rem;
-  font-size: 0.7rem;
-  line-height: 120%;
-  align-self: start;
-}
-
-.mi-page--we-are {
-  grid-row-start: 1;
-  grid-row-end: 2;
-  grid-column-start: 1;
-  grid-column-end: 2;
-}
-
-.mi-content {
-  grid-column-start: 2;
-  grid-column-end: 3;
-  background: black;
-  color: white;
-  padding: 0.666rem;
-  margin: 0;
-}
-
-.mi-things-we-are {
-  padding: 1rem 0;
-  grid-row-start: 1;
-  grid-row-end: 2;
+  background: var(--background);
  display: flex;
-  font-size: 0.7rem;
  flex-direction: column;
-  font-weight: 100;
-  position: relative;
+  min-height: 100vh;
+  width: 100vw;
 }

-.mi-things-we-are::before {
-  display: flex;
-  justify-content: right;
-  content: 'space';
-  position: sticky;
-  top: 1.5rem;
-  left: 0;
-  right: 0;
-  padding: 0.5em 0.666rem;
-  padding-right: 3.75rem;
-  background: white;
-  color: black;
-  z-index: 0;
+.mi-border {
+  pointer-events: none;
+  z-index: 10;
 }

-.mi-things-we-are--space {
-  opacity: 0;
+.mi-border > * {
+  pointer-events: all;
 }

-.mi-things-we-are--thing {
-  padding: 0.5em 0.666rem;
-  white-space: nowrap;
-  mix-blend-mode: difference;
-  z-index: 1;
-  transition-property: background, color;
-  transition-duration: 0.2s;
-  transition-timing-function: ease;
-}
-
-.mi-things-we-are--thing:first-child {
-  margin-top: -1.7rem;
-}
-
-.mi-main {
-  grid-row-start: 2;
-  grid-row-end: 3;
-
-  font-size: 3vw;
+.mi-border--top,
+.mi-border--bottom,
+.mi-border--left,
+.mi-border--right {
+  background: var(--background);
+  position: fixed;
+  overflow: hidden;
+  border: 1px solid var(--foreground);
+  box-sizing: content-box;
+  font-size: calc(0.5 * var(--box-padding));
  line-height: 150%;
 }

-.mi-footer {
-  grid-row-start: 3;
-  grid-row-end: 4;
-  grid-column-start: 2;
-  grid-column-end: 3;
+.mi-border--top::before,
+.mi-border--bottom::before,
+.mi-border--left::before,
+.mi-border--right::before {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+  content: 'each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one each one teach one';
+  color: black; 
+  height: var(--box-padding);
 }

-.mi-people {
-  list-style: none;
-  padding: 0;
-  margin: 1rem 0;
-  font-size: 0.6rem;
-  line-height: 120%;
+.mi-border--top::before,
+.mi-border--bottom::before {
+  width: 100%;
 }

-.mi-person {
-  margin-top: 1em;
+.mi-border--left::before,
+.mi-border--right::before {
+  width: 10000vh;
 }

-.mi-person--name {
-  margin: 0;
-  font-size: 0.8em;
+.mi-border--top {
+  height: var(--box-padding);
+  top: 0;
+  left: 0;
+  right: 0;
+  border-top: 0;
+  margin-left: var(--box-padding);
+  margin-right: var(--box-padding);
 }

-.mi-person--pronoun {
-  font-weight: 400;
+.mi-border--bottom {
+  height: var(--box-padding);
+  bottom: 0;
+  left: 0;
+  right: 0;
+  border-bottom: 0;
+  margin-left: var(--box-padding);
+  margin-right: var(--box-padding);
 }

-.mi-person--role {
-  font-size: 0.4rem;
-  margin: 0;
+.mi-border--left {
+  width: var(--box-padding);
+  top: 0;
+  left: 0;
+  height: calc(100% - 2 * var(--box-padding) - 2px);
+  border-left: 0;
+  margin-top: var(--box-padding);
+  margin-bottom: var(--box-padding);
 }

-.mi-person--contact-toggle {
-  font-size: 0.4rem;
-  font-weight: 400;
-  color: #ff006c;
+.mi-border--left::before {
+  transform-origin: 0 0;
+  transform: translateY(100vh) rotateZ(-90deg);
+}
+
+.mi-border--right {
+  width: var(--box-padding);
+  top: 0;
+  right: 0;
+  height: calc(100% - 2 * var(--box-padding) - 2px);
+  border-right: 0;
+  margin-top: var(--box-padding);
+  margin-bottom: var(--box-padding);
+}
+
+.mi-border--right::before {
+  transform-origin: 0 0;
+  transform: translateX(var(--box-padding)) translateY(-17px) rotateZ(90deg);
+}
+
+.mi-border--bottom::before {
+  transform: rotateZ(-180deg) translateX(-34px);
+  text-align: right;
+}
+
+.mi-nav {
+  border: 0;
+  position: sticky;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  z-index: 100;
+  display: flex;
+  align-items: stretch;
+  justify-content: space-between;
+}
+
+.mi-nav--toggle {
+  margin-left: calc(var(--box-padding) + 1px);
+  padding: 0 1rem;
+  height: 2.4rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  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-person--contact-options {
-  margin: 0;
+.mi-nav--toggle:hover {
+  color: var(--primary);
+}
+
+.mi-nav--top {
+  list-style: none;
+  display: flex;
  padding: 0;
-  font-size: 0.4rem;
+  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;
 }

-.mi-person--contact-option-name {
-  padding-right: 0.5em;
+@media screen and (min-width: 800px) {
+  .mi-nav--top,
+  .mi-nav--toggle {
+    border-bottom: 0;
+    height: var(--box-padding);
+  }
+}
+
+.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;
+  padding: var(--box-padding) 0;
+  margin: 0;
+  position: fixed;
+  background: var(--background);
+  left: calc(var(--box-padding) + 1px);
+  right: calc(var(--box-padding) + 1px);
+  top: calc(var(--box-padding) + 1px);
+  bottom: calc(var(--box-padding) + 1px);
+}
+
+@media screen and (min-width: 800px) {
+  .mi-nav--list {
+    font-size: 1.5rem;
+    line-height: 1.5;
+  }
+}
+
+@media screen and (min-width: 800px) {
+  .mi-nav--toggle {
+    border-bottom: 0;
+  }
+}
+
+.mi-nav_open .mi-nav--list {
+  display: flex;
+  flex-direction: column;
+}
+
+.mi-nav--divider {
+  flex-grow: 1;
+}
+
+.mi-nav--link {
+  display: flex;
+  padding: 0.25rem var(--box-padding);
+  color: var(--foreground);
+  text-decoration: none;
+}
+
+.mi-nav--link:before {
+  display: inline-block;
+  content: '__';
+}
+
+.mi-nav--link:hover {
+  color: var(--primary);
+  text-decoration: underline;
+}
+
+.mi-main {
+  background: var(--background);
+  margin: 0 var(--box-padding);
+  flex-grow: 1;
+  position: relative;
+  margin-bottom: var(--box-padding);
+}
+
+.mi-main a,
+.mi-main  a:visited {
+  color: var(--primary);
+}
+
+.mi-main_content {
+  padding: var(--box-padding) 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.mi-main_content > * {
+  margin-left: var(--box-padding);
+  margin-right: var(--box-padding);
+  margin-top: 1rem;
+  margin-bottom: 0;
+  max-width: 800px;
+}
+
+.mi-cards {
+  display: grid;
+  background: var(--foreground);
+  grid-gap: 1px;
+  grid-template-columns: 1fr;
+}
+
+@media screen and (min-width: 800px) {
+  .mi-cards {
+    grid-template-columns: repeat(8, 1fr);
+  }
+
+  .mi-card {
+    grid-column: auto / span 4;
+  }
+  
+  .mi-logo {
+    grid-column: 1 / span 3;
+  }
+
+  .mi-tagline {
+    grid-column: 4 / span 5;
+  }
+}
+
+@media screen and (min-width: 1600px) {
+  .mi-card {
+    grid-column: auto / span 2;
+  }
+}
+
+.mi-logo {
+  background: var(--background);
+}
+
+.mi-logo--img {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+
+.mi-tagline {
+  background: var(--background);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0.5rem 2rem;
+  min-height: 300px;
+  font-size: 2rem;
+  line-height: 1.75;
+}
+
+@media screen and (min-width: 800px) {
+  .mi-tagline {
+    padding: 1rem 3rem;
+    font-size: 1.5rem;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .mi-tagline {
+    padding: 2rem 4rem;
+    font-size: 2.4rem;
+  }
+}
+
+.mi-tagline > * {
+  margin-bottom: 0;
+}
+
+.mi-tagline > *:first-child {
+  margin-top: 0;
+}
+
+.mi-card {
+  background: var(--background);
+  position: relative;
+  height: 600px;
+  max-height: 70vh;
+  padding: 1rem;
+}
+
+.mi-card:hover,
+.mi-card:focus {
+  z-index: 1;
+}
+
+.mi-card--background {
+  width: calc(100% - 2rem);
+  height: calc(100% - 2rem);
+  position: absolute;
+  top: 1rem;
+  left: 1rem;
+  object-fit: cover;
+  filter: grayscale(100%);
+}
+
+.mi-card:focus .mi-card--background,
+.mi-card:hover .mi-card--background {
+  filter: grayscale(0%);
+}
+
+.mi-card--text {
+  color: var(--background);
+  background: var(--foreground);
+  display: flex;
+  z-index: 1;
+  padding: 0.25rem 1rem;
+  position: absolute;
+  bottom: 2rem;
+  left: 2rem;
+  right: 2rem;
+}
+
+.mi-card:hover .mi-card--text {
+  color: var(--primary);
 }

 .mi-footer {
-  font-size: 0.5rem;
+  border-top: 1px solid var(--foreground);
+  background: var(--background);
+  margin: var(--box-padding);
 }

 .mi-footer--links {
  display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  flex-wrap: wrap;
  list-style: none;
+  margin: 0;
  padding: 0;
-  line-height: 140%;
 }

-@media screen and (min-width: 1400px) {
-  html {
-    font-size: 5vw;
-  }
-
-  .mi-page {
-    grid-template-columns: auto 1fr;
-    grid-template-rows: auto auto auto auto;
-  }
-
-  .mi-page--title {
-    white-space: nowrap;
-    line-height: 200%;
-  }
-
-  .mi-things-we-are {
-    padding: 1.15rem 0;
-  }
-
-  .mi-things-we-are::before {
-    padding-right: 8.05rem;
-    top: 1.65rem;
-  }
-
-  .mi-things-we-are--thing:first-child {
-    margin-top: -1.6rem;
-  }
-
-  .mi-person--contact-options {
-    font-size: 0.3rem;
-  }
-
-  .mi-footer--links {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
+.mi-footer--link {
+  text-decoration: none;
+  color: var(--foreground);
+  padding: 0.25rem 1rem;
+}
+
+.mi-footer--link:hover {
+  text-decoration: underline;
 }