From 4bfc8572d78d962833515b0c215ba491cde56701 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Benjamin=20Yule=20B=C3=A4dorf?= Date: Sun, 25 Feb 2024 14:31:28 +0100 Subject: [PATCH] v2: collective, projects, and space pages --- _data/socialLinks.yml | 2 ++ _includes/navigation.njk | 1 + collective.yml | 5 ++--- en/collective.yml | 16 ++++++---------- en/projects.yml | 39 +++++++++++++++++++++++++++++---------- en/space.yml | 33 +++++++++++++++++++++++++++------ projects.yml | 38 ++++++++++++++++++++++++++++---------- space.yml | 21 ++++++++++++--------- styles.css | 38 +++++++++++++++++++++++++++++++++++++- 9 files changed, 144 insertions(+), 49 deletions(-) diff --git a/_data/socialLinks.yml b/_data/socialLinks.yml index 1717706..f8a41a5 100644 --- a/_data/socialLinks.yml +++ b/_data/socialLinks.yml @@ -1,6 +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/_includes/navigation.njk b/_includes/navigation.njk index 10f8ce2..fb30a8b 100644 --- a/_includes/navigation.njk +++ b/_includes/navigation.njk @@ -26,6 +26,7 @@ Each one teach one + We are MiOM. A creative collective and a group with the vision of creating affordable space for creative synergies. - ## Kurze Geschichte - - Entstanden sind wir 2020, im damaligen [Wandelwerk](https://wandelwerk.koeln/). Nachdem wir dort ausziehen mussten sind wir ins Gewächshaus umgezogen. + 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. - 2022 haben wir einen Verein gegründet um die finanziellen und organisatorischen Aufgaben in einer Basisdemokratischen Struktur unter zu bringen. + 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. - ## Organisatorisches - - - Findest du hier. + Each one, teach one! diff --git a/en/projects.yml b/en/projects.yml index 72c32f4..162cd3b 100644 --- a/en/projects.yml +++ b/en/projects.yml @@ -1,14 +1,33 @@ layout: layouts/default.njk -title: Projekte +title: Projects and Events -text: ' -- Termine (Wollen wir die Plenumszeiten veröffentlichen?) +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. -- Bisherige Projekte: - * Workshops - * Veranstaltungen (machwerkschau) - * hackathon pub.solar - * Kunstprojekte ? - * Exhibitionen - ' + ### 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 index 7e7604a..23f5442 100644 --- a/en/space.yml +++ b/en/space.yml @@ -1,10 +1,31 @@ layout: layouts/default.njk -title: Der Raum +title: The space text: | - - Foto vom Raum oder interactive visuelle Lösung (Collagenmäßig - Grafickerin) - - Standort - - Aufteilung in der Location - - Benutzungskonzept - - Infrastruktur (I-net, Holzwerkstatt, , Getränkeshop, Wasser für Künstler\*ins, elektronischer Hubwagen, DIY mittagstisch, besprechungsraum / Chillecke) + 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., Cologne’ + + **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/projects.yml b/projects.yml index 72c32f4..713076a 100644 --- a/projects.yml +++ b/projects.yml @@ -1,14 +1,32 @@ layout: layouts/default.njk -title: Projekte +title: Projekte und Veranstaltungen -text: ' -- Termine (Wollen wir die Plenumszeiten veröffentlichen?) +text: | + ## Kunstroute 2024 -- Bisherige Projekte: - * Workshops - * Veranstaltungen (machwerkschau) - * hackathon pub.solar - * Kunstprojekte ? - * Exhibitionen - ' + 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/space.yml b/space.yml index 23ee22b..71d15f4 100644 --- a/space.yml +++ b/space.yml @@ -3,18 +3,21 @@ layout: layouts/default.njk title: Der Raum text: | - - Foto vom Raum oder interactive visuelle Lösung (Collagenmäßig - Grafickerin) - - Standort - - Aufteilung in der Location - - Benutzungskonzept - - Infrastruktur (I-net, Holzwerkstatt, , Getränkeshop, Wasser für Künstler\*ins, elektronischer Hubwagen, DIY mittagstisch, besprechungsraum / Chillecke) + 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/). - Wie findest du zu uns? + 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. - > Link auf Standort + 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. - Mit dem Bus: Mit der Linie 141/143 bis zur Haltestelle „Bickendorf Wilhelm-Mauser-Str., Köln“ + 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. - Zu Fuß: 10 min von der U-Bahn Haltestelle Rochusplatz (Linie 3/4) + ## 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 928fe45..18f825c 100644 --- a/styles.css +++ b/styles.css @@ -26,6 +26,39 @@ html { outline-offset: -5px; } +h1 { + font-size: 3rem; +} + +h2 { + font-size: 1.8rem; +} + +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; padding: 0; @@ -296,10 +329,13 @@ html { .mi-main_content { padding: var(--box-padding) 0; + display: flex; + flex-direction: column; } .mi-main_content > * { - margin: calc(0.5 * var(--box-padding)) var(--box-padding); + margin-left: var(--box-padding); + margin-right: var(--box-padding); max-width: 800px; }