diff --git a/.drone.yml b/.drone.yml index 0205efe..679b129 100644 --- 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 diff --git a/_config.ts b/_config.ts index 6798679..344df79 100644 --- 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; diff --git a/_data/navigationItems.yml b/_data/navigationItems.yml new file mode 100644 index 0000000..ae20b09 --- /dev/null +++ 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 diff --git a/_data/people/avd.yml b/_data/people/avd.yml deleted file mode 100644 index a1a2caa..0000000 --- a/_data/people/avd.yml +++ /dev/null @@ -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' - diff --git a/_data/people/byb.yml b/_data/people/byb.yml deleted file mode 100644 index 9e59a11..0000000 --- a/_data/people/byb.yml +++ /dev/null @@ -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' diff --git a/_data/people/cmp.yml b/_data/people/cmp.yml deleted file mode 100644 index 4575eae..0000000 --- a/_data/people/cmp.yml +++ /dev/null @@ -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' diff --git a/_data/people/jfw.yml b/_data/people/jfw.yml deleted file mode 100644 index 707aaeb..0000000 --- a/_data/people/jfw.yml +++ /dev/null @@ -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' diff --git a/_data/people/jjg.yml b/_data/people/jjg.yml deleted file mode 100644 index 7bc962c..0000000 --- a/_data/people/jjg.yml +++ /dev/null @@ -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' diff --git a/_data/people/klz.yml b/_data/people/klz.yml deleted file mode 100644 index 5298681..0000000 --- a/_data/people/klz.yml +++ /dev/null @@ -1,7 +0,0 @@ -name: Katharina Lenz -pronouns: she/her -role: -contactOptions: - - name: mail - value: klz@miom.space - link: 'mailto:klz@miom.space' diff --git a/_data/people/ks.yml b/_data/people/ks.yml deleted file mode 100644 index 23d47e0..0000000 --- a/_data/people/ks.yml +++ /dev/null @@ -1,7 +0,0 @@ -name: Katharina Schreiber -pronouns: she/her -role: -contactOptions: - - name: mail - value: ks@miom.space - link: 'mailto:ks@miom.space' diff --git a/_data/people/lv.yml b/_data/people/lv.yml deleted file mode 100644 index c8b1455..0000000 --- a/_data/people/lv.yml +++ /dev/null @@ -1,7 +0,0 @@ -name: Lea Vieler -pronouns: she/her -role: -contactOptions: - - name: mail - value: lv@miom.space - link: 'mailto:lv@miom.space' diff --git a/_data/people/sd.yml b/_data/people/sd.yml deleted file mode 100644 index eeb4d10..0000000 --- a/_data/people/sd.yml +++ /dev/null @@ -1,7 +0,0 @@ -name: Slavica Dretvić -pronouns: she/her -role: -contactOptions: - - name: mail - value: sd@miom.space - link: 'mailto:sd@miom.space' diff --git a/_data/socialLinks.yml b/_data/socialLinks.yml new file mode 100644 index 0000000..f8a41a5 --- /dev/null +++ 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 diff --git a/_data/thingsWeAre.yml b/_data/thingsWeAre.yml deleted file mode 100644 index 21e1430..0000000 --- a/_data/thingsWeAre.yml +++ /dev/null @@ -1,5 +0,0 @@ -- 'an off' -- 'a studio' -- 'an art' -- 'a tech' -- 'a people' diff --git a/_includes/border.njk b/_includes/border.njk new file mode 100644 index 0000000..060a55f --- /dev/null +++ b/_includes/border.njk @@ -0,0 +1,6 @@ + diff --git a/_includes/footer.njk b/_includes/footer.njk deleted file mode 100644 index 8df7068..0000000 --- a/_includes/footer.njk +++ /dev/null @@ -1,9 +0,0 @@ - diff --git a/_includes/header.njk b/_includes/header.njk deleted file mode 100644 index e7daeee..0000000 --- a/_includes/header.njk +++ /dev/null @@ -1,7 +0,0 @@ -
-

{{ title | safe }}

- - {% if header.subheadline %} -

{{ header.subheadline | safe }}

- {% endif %} -

diff --git a/_includes/layouts/default.njk b/_includes/layouts/default.njk index 7eb64e8..f078a54 100644 --- a/_includes/layouts/default.njk +++ b/_includes/layouts/default.njk @@ -1,5 +1,5 @@ - + {{ title | title | safe }} @@ -14,6 +14,8 @@ + + {% if extraStylesheets %} {% for extraStylesheet in extraStylesheets %} @@ -21,25 +23,18 @@ {% endif %} - {% block header %} -
- -
-
- Back home -
- -
-

{{ title }}

-
+ {% include "border.njk" %} + + {% block navigation %} + {% include "navigation.njk" %} {% endblock %} -
- {% block main %} - {{ article | md | safe }} - {% endblock %} -
+ {% block main %} +
+

{{ title }}

- {% include "footer.njk" %} + {{ text | md | safe }} +
+ {% endblock %} diff --git a/_includes/layouts/homepage.njk b/_includes/layouts/homepage.njk index 7348a5a..dc857ac 100644 --- a/_includes/layouts/homepage.njk +++ b/_includes/layouts/homepage.njk @@ -1,20 +1,27 @@ {% extends 'layouts/default.njk' %} -{% block header %} -
is
-

- {% for thingWeAre in thingsWeAre %} - - {{ thingWeAre }}space - - {% endfor %} -

-{% endblock %} - {% block main %} - {{ introduction | md | safe }} +
+ - {% include "people.njk" %} +
+ {{ tagline | md | safe }} +
- {{ cta | md | safe }} + {% for card in cards %} + + {{ card.image.alt }} +
{{ card.text }}
+ + {% endfor %} +
{% endblock %} diff --git a/_includes/navigation.njk b/_includes/navigation.njk new file mode 100644 index 0000000..fb30a8b --- /dev/null +++ b/_includes/navigation.njk @@ -0,0 +1,47 @@ + diff --git a/_includes/people.njk b/_includes/people.njk deleted file mode 100644 index 13e860e..0000000 --- a/_includes/people.njk +++ /dev/null @@ -1,28 +0,0 @@ - diff --git a/build.sh b/build.sh index 6ddc8b1..af0e292 100755 --- 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/ diff --git a/collaborate.yml b/collaborate.yml new file mode 100644 index 0000000..a064575 --- /dev/null +++ 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! diff --git a/collective.yml b/collective.yml new file mode 100644 index 0000000..92b8b67 --- /dev/null +++ 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! diff --git a/contact.yml b/contact.yml new file mode 100644 index 0000000..14e0169 --- /dev/null +++ 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. diff --git a/deno.lock b/deno.lock index 9551f67..b9432c7 100644 --- 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": {} - } - } } } diff --git a/en/collaborate.yml b/en/collaborate.yml new file mode 100644 index 0000000..a0e795d --- /dev/null +++ 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! diff --git a/en/collective.yml b/en/collective.yml new file mode 100644 index 0000000..c5d0153 --- /dev/null +++ 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! diff --git a/en/contact.yml b/en/contact.yml new file mode 100644 index 0000000..6983509 --- /dev/null +++ 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. diff --git a/en/imprint.yml b/en/imprint.yml new file mode 100644 index 0000000..22af6b0 --- /dev/null +++ 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. +' diff --git a/en/index.yml b/en/index.yml new file mode 100644 index 0000000..3d1018b --- /dev/null +++ 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 diff --git a/en/privacy-policy.yml b/en/privacy-policy.yml new file mode 100644 index 0000000..aaa4a1f --- /dev/null +++ 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. +' diff --git a/en/projects.yml b/en/projects.yml new file mode 100644 index 0000000..1aa2df9 --- /dev/null +++ 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) diff --git a/en/space.yml b/en/space.yml new file mode 100644 index 0000000..e820f90 --- /dev/null +++ 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. diff --git a/flake.lock b/flake.lock index 025ae1f..2a23135 100644 --- 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", diff --git a/flake.nix b/flake.nix index c02a499..bb8fb21 100644 --- 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 diff --git a/img/IMG_0199.jpg b/img/IMG_0199.jpg new file mode 100644 index 0000000..8b422ad Binary files /dev/null and b/img/IMG_0199.jpg differ diff --git a/img/IMG_0200.jpg b/img/IMG_0200.jpg new file mode 100644 index 0000000..dadfad0 Binary files /dev/null and b/img/IMG_0200.jpg differ diff --git a/img/IMG_0746.jpg b/img/IMG_0746.jpg new file mode 100644 index 0000000..e691c92 Binary files /dev/null and b/img/IMG_0746.jpg differ diff --git a/img/IMG_0817.jpg b/img/IMG_0817.jpg new file mode 100644 index 0000000..f7db02f Binary files /dev/null and b/img/IMG_0817.jpg differ diff --git a/img/aussenchill.jpg b/img/aussenchill.jpg new file mode 100644 index 0000000..c24f228 Binary files /dev/null and b/img/aussenchill.jpg differ diff --git a/img/crowd-top.jpg b/img/crowd-top.jpg new file mode 100644 index 0000000..d102c97 Binary files /dev/null and b/img/crowd-top.jpg differ diff --git a/img/crowd.jpg b/img/crowd.jpg new file mode 100644 index 0000000..7885669 Binary files /dev/null and b/img/crowd.jpg differ diff --git a/img/hakken.jpeg b/img/hakken.jpeg new file mode 100644 index 0000000..7ec29d7 Binary files /dev/null and b/img/hakken.jpeg differ diff --git a/img/instagram.svg b/img/instagram.svg new file mode 100644 index 0000000..7fef11f --- /dev/null +++ b/img/instagram.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/logo.jpg b/img/logo.jpg new file mode 100644 index 0000000..2cc9781 Binary files /dev/null and b/img/logo.jpg differ diff --git a/img/mastodon.svg b/img/mastodon.svg new file mode 100644 index 0000000..c7c6bf5 --- /dev/null +++ b/img/mastodon.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/poledance.jpg b/img/poledance.jpg new file mode 100644 index 0000000..e74900e Binary files /dev/null and b/img/poledance.jpg differ diff --git a/img/signal-2023-03-02-144400_020.jpeg b/img/signal-2023-03-02-144400_020.jpeg new file mode 100644 index 0000000..e4bcebf Binary files /dev/null and b/img/signal-2023-03-02-144400_020.jpeg differ diff --git a/img/werkstatt.jpg b/img/werkstatt.jpg new file mode 100644 index 0000000..8d99910 Binary files /dev/null and b/img/werkstatt.jpg differ diff --git a/imprint.yml b/imprint.yml index d34d5de..dc53094 100644 --- 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: -MiOM Kreativraum e.V.
-Vorstand: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery
-
-Wilhelm-Mauser-Straße 47
-Halle 5
-50827 Köln
+**MiOM Kreativraum e.V.** + +Vorstand: Slavica Dretvić, Constantin Pannwitz, Jhonas Wernery + +Wilhelm-Mauser-Straße 47 + +Halle 5 + +50827 Köln -contact@miom.space +[contact@miom.space](mailto:contact@miom.space) + + +Der [Quellcode dieser Website](https://git.pub.solar/MiOM/miom.space) ist lizenziert unter AGPLv3. ' diff --git a/index.yml b/index.yml index d4e30d4..5f23a22 100644 --- 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 diff --git a/privacy-policy.yml b/privacy-policy.yml index b319e20..d6136fe 100644 --- 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. ' diff --git a/projects.yml b/projects.yml new file mode 100644 index 0000000..713076a --- /dev/null +++ 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) diff --git a/raleway.css b/raleway.css index 1ff4c89..ede6890 100644 --- 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; } diff --git a/space.yml b/space.yml new file mode 100644 index 0000000..d89f470 --- /dev/null +++ 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 diff --git a/styles.css b/styles.css index 8676ae7..0ea429f 100644 --- 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; }