diff --git a/assets/hero.jpg b/assets/hero.jpg new file mode 100644 index 0000000..bbe4423 Binary files /dev/null and b/assets/hero.jpg differ diff --git a/layouts/assets/blahaj.svg b/layouts/assets/blahaj.svg new file mode 100644 index 0000000..861d4ab --- /dev/null +++ b/layouts/assets/blahaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/assets/logo-monochrome.svg b/layouts/assets/logo-monochrome.svg new file mode 100644 index 0000000..146e104 --- /dev/null +++ b/layouts/assets/logo-monochrome.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/layouts/base.njk b/layouts/base.njk index a46e3b3..8b974f2 100644 --- a/layouts/base.njk +++ b/layouts/base.njk @@ -30,11 +30,12 @@ + {% include "header.njk" %}
- {{ logos["logo-monochrome.svg"] | safe }}
{{ content | safe }}
+ {% include "footer.njk" %} \ No newline at end of file diff --git a/layouts/footer.njk b/layouts/footer.njk new file mode 100644 index 0000000..5439684 --- /dev/null +++ b/layouts/footer.njk @@ -0,0 +1,14 @@ + \ No newline at end of file diff --git a/layouts/header.njk b/layouts/header.njk new file mode 100644 index 0000000..3beb067 --- /dev/null +++ b/layouts/header.njk @@ -0,0 +1,12 @@ +
+ {% include "./assets/logo-monochrome.svg" %} + +
diff --git a/layouts/style.css b/layouts/style.css index 07db532..be074c8 100644 --- a/layouts/style.css +++ b/layouts/style.css @@ -1,14 +1,141 @@ +:root { + --color-bg: #171717; + --color-fg: #e8e8e8; + --color-accent: #00c300; + --color-accent-focus: #00ff00; +} + body { font-family: sans-serif; display: flex; justify-content: center; align-items: center; flex-direction: column; - background: #fff; - color: #1f1f1f; + background: var(--color-bg); + color: var(--color-fg); + margin: 0; +} + +a { + color: var(--color-accent); +} + +a:hover { + color: var(--color-accent-focus); } main { max-width: 600px; padding: 2rem; } + +main article { + line-height: 1.5; +} + +main article p { + margin-bottom: 1.5rem; +} + +main article hr { + border: none; + margin-bottom: 5rem; +} + +.video-embed { + position: relative; + overflow: hidden; + width: 100%; + height: 0; + padding-top: calc(100% / (16 / 9)); +} + +.video-embed > iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +header { + background-image: linear-gradient( + 0deg, + var(--color-bg) 0, + var(--color-bg) 1rem, + rgba(255, 255, 255, 0) 6rem + ), + url("/assets/hero.jpg"); + background-size: cover; + background-position: center; + width: 100%; + padding: 50vh 2rem 0 2rem; + box-sizing: border-box; + position: relative; + + display: flex; + align-items: stretch; + flex-wrap: wrap; +} + +header svg { + width: 100%; + height: auto; + max-width: 20rem; +} + +header svg path { + stroke: transparent; + fill: var(--color-fg); +} + +header nav { + display: flex; + margin-left: auto; + margin-top: 2rem; + + font-family: "CP Mono", monospace; + font-size: 1.25em; +} + +header nav ul { + margin: 0; + list-style: none; + display: flex; + gap: 1rem; + height: 45%; + align-items: flex-end; +} + +footer { + width: 100%; + display: flex; +} + +footer .blahaj { + padding: 1rem; +} + +footer .blahaj svg { + height: 100%; + width: auto; +} + +footer nav { + margin-left: auto; +} + +footer nav ul { + list-style: none; + display: flex; + justify-content: flex-start; + gap: 0.5rem; + padding: 0 2rem; +} + +@media (prefers-color-scheme: light) { + :root { + --color-bg: #fff; + --color-fg: #1f1f1f; + } +} diff --git a/pages/code-of-conduct/Awareness-Briefkasten.jpg b/pages/code-of-conduct/Awareness-Briefkasten.jpg new file mode 100644 index 0000000..247c159 Binary files /dev/null and b/pages/code-of-conduct/Awareness-Briefkasten.jpg differ diff --git a/pages/code-of-conduct/index.md b/pages/code-of-conduct/index.md new file mode 100644 index 0000000..9cbe550 --- /dev/null +++ b/pages/code-of-conduct/index.md @@ -0,0 +1,247 @@ +--- +title: Code of Conduct +footer_link: true +--- + +Das Chaosdorf hat sich zum Ziel gemacht, sowohl Mitglieder\*innen als +auch Besucher\*innen eine angenehme Atmosphäre zu bieten. Dafür haben +wir einen **Code of +Conduct** +ausgearbeitet. + +### Kurzfassung + +Du hast das Recht, nicht belästigt zu werden. + +Wir helfen dir, damit du im Chaosdorf sicher bist und respektiert wirst. + +Als Belästigung verstehen wir unter anderem: + +- Gewalt (verbal und physisch), +- Rassismus, Sexismus, + Ableismus, + Queerfeindlichkeit und Diskriminierungen aller Art, sowie +- Körperkontakt ohne Erlaubnis, +- Misgendering + und + Deadnaming, +- Fotografieren und Filmen ohne Erlaubnis, +- Blick auf deine Bildschirme ohne Erlaubnis, +- Unnötigen Lärm (Schreien, Hämmern, etc.) +- \*-splaining und Backseat-Driving + +Du bekommst Hilfe beim [Awareness-Team](https://wiki.chaosdorf.de/Awareness-Team). Wenn +du Fragen oder Anmerkungen hast, freuen wir uns über deine +Kontaktaufnahme. + +Erklärungen zu den einzelnen Punkten findest du in der Langfassung des +Code of Conduct, den wir mit dem Feedback der Chaosdorf-Community +gemeinsam erarbeitet haben. + +--- + +### Langfassung + +#### Präambel + +> Das Chaosdorf ist ein Ort des Lernens und des Austauschs. Je größer +> die Diversität der Community ist, desto besser kann das Chaosdorf +> seinen Zweck erfüllen. Damit das funktioniert, halten wir einen +> besonnenen Umgang mit Konflikten für wichtig. Dies bedeutet für uns, +> dass wir grundsätzlich die Bedürfnisse der Menschen ernst nehmen und +> ihnen eine Garantie geben, bei der Lösung von Konflikten solidarisch +> zu helfen. + +Mit diesem Code of Conduct hat es sich das Chaosdorf zum Ziel gemacht, +sowohl für Mitglieder\*innen als auch für Besucher\*innen eine angenehme +Atmosphäre zu bieten. Wir haben den Anspruch, einen belästigungs- und +diskriminierungsfreien Raum zu schaffen, in dem sich Entitäten +ungeachtet ihres Geschlechts, ihrer sexuellen Orientierung, ihrer +körperlichen und geistigen Fähigkeiten, der äußeren Erscheinung, des +Körperbaus, des Alters, der ethnischen, regionalen und/oder religiösen +Zugehörigkeit bzw. Herkunft oder der sozioökonomischen Stellung +entfalten können. + +Uns ist bewusst, dass dieses Ziel aufgrund der gesellschaftlichen +Machtverhältnisse und Missstände nicht in Gänze erreicht werden kann. +Dennoch ist es unser Anspruch **darauf hinzuwirken**, diesen Raum zur +Entfaltung zu schaffen. Entitäten, die diesem Ziel zuwiderhandeln, +können nach dem Ermessen der Anwesenden temporär von den Räumlichkeiten +ausgeschlossen werden. + +Dieses Dokument ist kein Regelwerk, sondern soll als Richtlinie +verstanden werden. + +#### Belästigung + +Belästigung kennt viele Facetten und kann sich verbal oder nonverbal +zeigen. Wir helfen dir, damit du im Chaosdorf sicher bist. + +> Es gibt viele Formen von Belästigung. Wir führen hier einige Beispiele +> auf, um diese Vielfältigkeit zu zeigen. Es kann noch weitere Formen +> von Belästigung geben, aber diese können wir hier nicht vollständig +> aufführen. +> +> Wenn du belästigt wirst, dann werden wir dir helfen. Wir möchten +> verstehen, wie deine Bedürfnisse verletzt oder bedroht werden und +> dafür sorgen, dass du im Chaosdorf sicher davor sein kannst. Im +> Folgenden zeigen wir verschiedene Beispiele für Verhalten auf, die wir +> als Belästigung verstehen und die daher unzulässig im Sinne des Code +> of Conducts sind. + +Als Belästigung verstehen wir unter anderem: + +- **Gewalt** + Jede Form von Gewalt ist unzulässig. Dazu gehören körperliche, + psychische und soziale Gewalt. + + Gewalt kann sich vielfältig äußern. Dazu zählt: + + - Einschüchterung, Beleidigung, Stalking oder Verfolgung + - unerwünschte sexuelle/sexualisierte Aufmerksamkeit (Komplimente, + Anspielungen, Blicke, Gesten, Aussagen, Handlungen) + - Befürwortung von oder Ermutigung zu einer der oben genannten + Verhaltensweisen + - Androhung von oder Anstiftung zu Gewalt + - Ausnutzen von Notlagen oder struktureller Ungleichheiten + - Sammeln von Informationen über andere + - Androhung von staatlicher Verfolgung durch die Weitergabe von + Informationen an Behörden + - Verbale Äußerungen, die soziale Machtverhältnisse verstärken + - Ungefragtes Veröffentlichen von persönlich überreichten + Information (u.a. Zitieren aus privater Kommunikation) + +- **Diskriminierung** + Diskriminierung in jeglicher Form ist nicht zulässig. Dies bedeutet + einen Missbrauch einer Machthierarchie zur Abwertung oder + Unterdrückung eines anderen Menschen. + + Gesellschaftliche Hierarchien äußern sich auf viele verschiedene + Weisen. Dazu gehören: + + - Rassimus, + - Sexismus, + - Ableismus/Behindertenfeindlichkeit, + - Antisemitismus und + - Queerfeindlichkeit. + + Die Betroffenheit von einer dieser Formen der Diskriminierung + berechtigt nicht dazu, wiederum Diskriminierung auszuüben. + +- **Körperkontakt ohne Erlaubnis.** + Jede Form von Kontakt zwischen Körpern ohne Erlaubnis ist nicht + zulässig. Dies gilt auch für Kopfbehaarung und für Oberflächen von + getragener Kleidung. Körperkontakt ist vielseitig. Dies beginnt beim + Händeschütteln, geht zu einer Umarmung über und hört beim sexuellen + Verkehr auf. Nichts davon ist ohne ausdrückliche Erlaubnis der + betroffenen Personen gestattet. +- **Misgendering und Deadnaming.** + Das Verwenden eines abgelegten Namens oder die Offenbarung dessen + (Deadnaming) ist nicht zulässig. Das Verwenden eines falschen + Pronomens oder Geschlechts (Misgendering) ist nicht zulässig. +- **Fotografieren und Filmen ohne Erlaubnis.** + Fotografieren und Filmen einer Person oder ihrer persönlichen + Gegenstände ohne Erlaubnis ist unzulässig. Zu persönlichen + Gegenständen gehören Geräte, insbesondere deren Bildschirme oder + Sticker auf dem Gehäuse, Kleidung, Bücher und anderes, das auf die + Identität der Person schließen lässt. +- **Blick auf deine Bildschirme ohne Erlaubnis.** + Das dauerhafte Blicken auf persönliche Bildschirme ohne Erlaubnis + ist unzulässig. Du hast das Recht, ungestört an deinen Geräten zu + arbeiten. Es geht nur dich etwas an, was auf dem Bildschirm deines + Notebooks, Smartphones oder sonstigen Geräts passiert. +- **Lärm** + Ein störender Umgang mit Geräuschen ist unzulässig. Dazu gehören + beispielsweise Schreien, das Arbeiten mit Werkzeug außerhalb der + vorgesehenen Orte oder die laute Wiedergabe von Musik. + + Natürlich machen Menschen durch ihre bloße Anwesenheit Geräusche. + Lärm hingegen ist eine Belastung durch Geräusche. Wir bitten dich, + hier rücksichtsvoll auf andere einzugehen. Dies bedeutet, + beispielsweise folgende Verhaltensweisen zu unterlassen: + + - plötzliches Rufen durch den Raum + - Klappern, Kochen, Aufräumen, während Menschen ein Gespräch in + der Nähe führen + - auf den Tisch hämmern um "das Machtwort auszusprechen" + - Menschen durch Anschleichen und anschließendes Brüllen zu + erschrecken + - Anhaltende Störung von Vorträgen oder Workshops + +- **\*-splaining und Backseat-Driving** + Das ungefragte Erklären oder Kommentieren der Handlungen anderer ist + unzulässig. + + Im Chaosdorf kommen viele verschiedene Menschen mit + unterschiedlichen Kenntnissen zusammen. Hoffentlich bist du dazu + bereit, dein Wissen mit anderen Menschen zu teilen. Bitte stelle + immer die Frage, ob dein Beitrag erwünscht ist und ob deine + Teilnahme am Gespräch erwünscht ist. + + Menschen sollen für Unwissen nicht ausgelacht oder schief angeschaut + werden. Menschen haben Wissen in unterschiedlichen Bereichen. Ein + "Wie, du kennst \ nicht?" hilft + niemandem. + +Du bekommst Hilfe beim Awareness-Team. Wenn du Fragen oder Anmerkungen +hast, freuen wir uns über deine Kontaktaufnahme. + +#### Gültigkeitsbereich + +Dieser _Code of Conduct_ gilt nicht nur innerhalb der Räume des +Chaosdorfs, sondern auch außerhalb. Bei jeder Begegnung von Menschen aus +unserer Gemeinschaft besteht unser Hilfsangebot. Kommunikationsmittel +wie Mailinglisten und Chats sind ebenso gemeint. + +Belästigung soll keinen Menschen treffen, auch nicht außerhalb unseres +Hackspaces. Wir haben als gesamte Community eine Verantwortung und sind +uns dieser bewusst. + +#### Durchsetzung + +Wenn eine Person auf ihr belästigendes Verhalten hingewiesen wird, soll +sie es **sofort** unterlassen. + +Bei einer dennoch anhaltenden Belästigung kann ein Hausverbot +ausgesprochen werden. Dies gilt entweder für den restlichen Tag (genannt +"Kick") oder für eine längere Zeit (genannt "Ban"). + +Jedes Mitglied des Vereins ist berechtigt, von diesem Hausrecht Gebrauch +zu machen. Der Vorstand des Vereins entscheidet darüber, ob ein +Hausverbot mit längerer Dauer als 1 Tag ausgesprochen +wird. + +#### Melden von Verstößen + +Das [Awareness-Team](https://wiki.chaosdorf.de/Awareness-Team) steht dir zur Seite. +Wenn du Fragen oder Anmerkungen hast, freuen wir uns über deine +Kontaktaufnahme. Melde dich bitte so schnell wie möglich. Belästigungen +oder Zuwiderhandlungen sind sowohl für den Hackspace als auch dessen +Entitäten störend, daher sind wir über jede Meldung dankbar. + +##### Anonyme Meldung + +{% image "pages/code-of-conduct/Awareness-Briefkasten.jpg", "Awareness-Briefkasten im Flur", "foo", "max-width: 20rem; height: auto; float: right; margin-left: .5rem; margin-bottom: 1rem" %} + +Eine anonyme Meldung lässt sich in Papierform im +Briefkasten des Awareness-Teams hinterlegen. Dieser ist im Flur zwischen +der linken Garderobe und der +FLINTA\*-Toilette +angebracht. + +Eine rein digitale Möglichkeit für anonyme Meldungen existiert bisher +(Stand: 07.01.2024) noch nicht. + +##### Persönliche Meldung + +Du kannst eine persönliche Meldung machen, indem du dich [an das +Awareness-Team wendest](https://wiki.chaosdorf.de/Awareness-Team#Das_Team). + +Wir haben dafür auch einen Mailverteiler unter +eingerichtet. + +#### Änderungen an diesem Dokument + +Der _Code of Conduct_ einschließlich aller Bestandteile und Anhänge wird +vom Plenum beschlossen und kann ausschließlich durch Beschluss des +Plenums oder der Mitgliederversammlung geändert werden. diff --git a/pages/index.md b/pages/index.md index 663ac5c..06ac721 100644 --- a/pages/index.md +++ b/pages/index.md @@ -2,6 +2,23 @@ title: Startseite --- +Lust auf Lernen, Hacken, Erfinden, Entdecken oder einfach nur neue Leute kennenlernen? +Dann bist du hier genau richtig. +Hier ist jeder willkommen, unabhänig wie viel du weißt. +Niemand hier ist experte für alles und deswegen musst du das auch nicht sein. Viel mehr gilt hier, wenn dich etwas interessiert frag einfach und es wird eine Person geben die dir freudig alles erklärt. + +...something something wir sind das Kollektiv des Chaosdorfs... +... glaube an Diversität und ineresieren uns für eig alles, ob Programmieren, Siebdruck, Löten, Züge, Fotographie, Videotechnik, 3D-Druck, Desgin, immer her damit. +... Lernen Vortragen etc... + +Das Kollektiv des Chaosdorfs ist Teil einer globalen Gemeinschaft, die viele solche Orte betreibt und spaßige Konferenzen organisiert. Komm mit auf die Reise und finde noch mehr Menschen und Ideen, die deine Welt größer machen werden! + +--- + +
+ +--- + ### Was Das Chaosdorf ist ein sogenannter Hackspace. Ein Hackspace ist ein physischer Ort, der von einem Kollektiv betrieben wird, damit Menschen sich dort treffen können und an ihren Projekten arbeiten. Das Chaosdorf ist wie jeder Hackspace genau so wie die anderen und ein bisschen anders. Was genau in einem Hackspace zu finden ist, hängt von den Menschen ab, die dort unterwegs sind. diff --git a/pages/kontakt.md b/pages/kontakt.md new file mode 100644 index 0000000..3eab29c --- /dev/null +++ b/pages/kontakt.md @@ -0,0 +1,4 @@ +--- +title: Kontakt +header_link: true +--- diff --git a/pages/neu-hier.md b/pages/neu-hier.md new file mode 100644 index 0000000..a981811 --- /dev/null +++ b/pages/neu-hier.md @@ -0,0 +1,4 @@ +--- +title: Neu hier? +header_link: true +--- diff --git a/pages/termine.md b/pages/termine.md new file mode 100644 index 0000000..b812598 --- /dev/null +++ b/pages/termine.md @@ -0,0 +1,4 @@ +--- +title: Termine +header_link: true +--- diff --git a/pages/verein.md b/pages/verein.md new file mode 100644 index 0000000..72d1dc8 --- /dev/null +++ b/pages/verein.md @@ -0,0 +1,4 @@ +--- +title: Verein +header_link: true +---