add all the texts, create fancy contact page

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "gatsby-starter-hello-world",
+  "name": "ctdo-homepage",
   "private": true,
   "description": "A simplified bare-bones starter for Gatsby",
   "version": "0.1.0",
@@ -25,12 +25,5 @@
   },
   "devDependencies": {
     "prettier": "^1.19.1"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/gatsbyjs/gatsby-starter-hello-world"
-  },
-  "bugs": {
-    "url": "https://github.com/gatsbyjs/gatsby/issues"
   }
 }

src/components/accordion.js

@@ -0,0 +1,19 @@
+import React, { useState } from "react"
+import accordionStyles from "./accordion.module.css"
+
+export default ({ title, initial, children }) => {
+  const [open, setOpen] = useState(initial)
+
+  return (
+    <>
+      <div
+        className={accordionStyles.header}
+        onClick={() => setOpen(open => !open)}
+      >
+        <span>{title}</span>
+        <span>{open ? "∨" : "∧"}</span>
+      </div>
+      {open ? <div className={accordionStyles.content}>{children}</div> : null}
+    </>
+  )
+}

src/components/accordion.module.css

@@ -0,0 +1,13 @@
+.header {
+  background-color: #14284c;
+  padding: 1em;
+  margin: 1.5em 0;
+  font-weight: bold;
+  display: flex;
+  justify-content: space-between;
+}
+
+.content {
+  margin-bottom: 1.5em;
+  padding: 0 2em;
+}

src/markdown-pages/datenschutz.mdx

@@ -5,3 +5,242 @@ edit: "datenschutz.mdx"
 ---
 
 ## Datenschutzerklärung
+
+### 1. Datenschutz auf einen Blick
+
+#### Allgemeine Hinweise
+
+Die folgenden Hinweise geben einen einfachen Überblick darüber, was mit Ihren personenbezogenen Daten passiert, wenn Sie unsere Website besuchen. Personenbezogene Daten sind alle Daten, mit denen Sie persönlich identifiziert werden können. Ausführliche Informationen zum Thema Datenschutz entnehmen Sie unserer unter diesem Text aufgeführten Datenschutzerklärung.
+
+#### Datenerfassung auf unserer Website
+
+*Wer ist verantwortlich für die Datenerfassung auf dieser Website?*
+
+Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber. Dessen Kontaktdaten können Sie dem Impressum dieser Website entnehmen.
+
+*Wie erfassen wir Ihre Daten?*
+
+Ihre Daten werden zum einen dadurch erhoben, dass Sie uns diese mitteilen. Hierbei kann es sich z.B. um Daten handeln, die Sie in ein Kontaktformular eingeben.
+
+Andere Daten werden automatisch beim Besuch der Website durch unsere IT-Systeme erfasst. Das sind vor allem technische Daten (z.B. Internetbrowser, Betriebssystem oder Uhrzeit des Seitenaufrufs). Die Erfassung dieser Daten erfolgt automatisch, sobald Sie unsere Website betreten.
+
+*Wofür nutzen wir Ihre Daten?*
+
+Ein Teil der Daten wird erhoben, um eine fehlerfreie Bereitstellung der Website zu gewährleisten. Andere Daten können zur Analyse Ihres Nutzerverhaltens verwendet werden.
+
+*Welche Rechte haben Sie bezüglich Ihrer Daten?*
+
+Sie haben jederzeit das Recht unentgeltlich Auskunft über Herkunft, Empfänger und Zweck Ihrer gespeicherten personenbezogenen Daten zu erhalten. Sie haben außerdem ein Recht, die Berichtigung, Sperrung oder Löschung dieser Daten zu verlangen. Hierzu sowie zu weiteren Fragen zum Thema Datenschutz können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden. Des Weiteren steht Ihnen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu.
+### 2. Allgemeine Hinweise und Pflichtinformationen
+
+#### Datenschutz
+
+Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften sowie dieser Datenschutzerklärung.
+
+Wenn Sie diese Website benutzen, werden verschiedene personenbezogene Daten erhoben. Personenbezogene Daten sind Daten, mit denen Sie persönlich identifiziert werden können. Die vorliegende Datenschutzerklärung erläutert, welche Daten wir erheben und wofür wir sie nutzen. Sie erläutert auch, wie und zu welchem Zweck das geschieht.
+
+Wir weisen darauf hin, dass die Datenübertragung im Internet (z.B. bei der Kommunikation per E-Mail) Sicherheitslücken aufweisen kann. Ein lückenloser Schutz der Daten vor dem Zugriff durch Dritte ist nicht möglich.
+
+#### Hinweis zur verantwortlichen Stelle
+
+Die verantwortliche Stelle für die Datenverarbeitung auf dieser Website ist:
+
+Chaostreff Dortmund e.V.  
+Braunschweiger Str. 22  
+44145 Dortmund  
+Deutschland
+
+Vertretungsberechtigter Vorstand
+
+Tim Windelschmidt (1. Vorsitzender)  
+Stefan Hauschild (2. Vorsitzender)
+
+Telefon: +49 231 8 404 777  
+E-Mail: vorstand@chaostreff-dortmund.de
+
+Verantwortliche Stelle ist die natürliche oder juristische Person, die allein oder gemeinsam mit anderen über die Zwecke und Mittel der Verarbeitung von personenbezogenen Daten (z.B. Namen, E-Mail-Adressen o. Ä.) entscheidet.
+
+#### Widerruf Ihrer Einwilligung zur Datenverarbeitung
+
+Viele Datenverarbeitungsvorgänge sind nur mit Ihrer ausdrücklichen Einwilligung möglich. Sie können eine bereits erteilte Einwilligung jederzeit widerrufen. Dazu reicht eine formlose Mitteilung per E-Mail an uns. Die Rechtmäßigkeit der bis zum Widerruf erfolgten Datenverarbeitung bleibt vom Widerruf unberührt.
+
+#### Beschwerderecht bei der zuständigen Aufsichtsbehörde
+
+Im Falle datenschutzrechtlicher Verstöße steht dem Betroffenen ein Beschwerderecht bei der zuständigen Aufsichtsbehörde zu. Zuständige Aufsichtsbehörde in datenschutzrechtlichen Fragen ist der Landesdatenschutzbeauftragte des Bundeslandes, in dem unser Unternehmen seinen Sitz hat. Eine Liste der Datenschutzbeauftragten sowie deren Kontaktdaten können folgendem Link entnommen werden: https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html.
+
+#### Recht auf Datenübertragbarkeit
+
+Sie haben das Recht, Daten, die wir auf Grundlage Ihrer Einwilligung oder in Erfüllung eines Vertrags automatisiert verarbeiten, an sich oder an einen Dritten in einem gängigen, maschinenlesbaren Format aushändigen zu lassen. Sofern Sie die direkte Übertragung der Daten an einen anderen Verantwortlichen verlangen, erfolgt dies nur, soweit es technisch machbar ist.
+
+#### SSL- bzw. TLS-Verschlüsselung
+
+Diese Seite nutzt aus Sicherheitsgründen und zum Schutz der Übertragung vertraulicher Inhalte, wie zum Beispiel Bestellungen oder Anfragen, die Sie an uns als Seitenbetreiber senden, eine SSL-bzw. TLS-Verschlüsselung. Eine verschlüsselte Verbindung erkennen Sie daran, dass die Adresszeile des Browsers von “http://” auf “https://” wechselt und an dem Schloss-Symbol in Ihrer Browserzeile.
+
+Wenn die SSL- bzw. TLS-Verschlüsselung aktiviert ist, können die Daten, die Sie an uns übermitteln, nicht von Dritten mitgelesen werden.
+
+#### Auskunft, Sperrung, Löschung
+
+Sie haben im Rahmen der geltenden gesetzlichen Bestimmungen jederzeit das Recht auf unentgeltliche Auskunft über Ihre gespeicherten personenbezogenen Daten, deren Herkunft und Empfänger und den Zweck der Datenverarbeitung und ggf. ein Recht auf Berichtigung, Sperrung oder Löschung dieser Daten. Hierzu sowie zu weiteren Fragen zum Thema personenbezogene Daten können Sie sich jederzeit unter der im Impressum angegebenen Adresse an uns wenden.
+
+### 3. Datenerfassung auf unserer Website
+
+#### Server-Log-Dateien
+
+Der Provider der Seiten erhebt und speichert automatisch Informationen in so genannten Server-Log-Dateien, die Ihr Browser automatisch an uns übermittelt. Dies sind:
+
+- Browsertyp und Browserversion
+- verwendetes Betriebssystem
+- Referrer URL
+- Hostname des zugreifenden Rechners
+- Uhrzeit der Serveranfrage
+- IP-Adresse
+
+Eine Zusammenführung dieser Daten mit anderen Datenquellen wird nicht vorgenommen.
+
+Grundlage für die Datenverarbeitung ist Art. 6 Abs. 1 lit. f DSGVO, der die Verarbeitung von Daten zur Erfüllung eines Vertrags oder vorvertraglicher Maßnahmen gestattet.
+
+### 4. Plugins und Tools
+
+#### YouTube
+
+Unsere Website nutzt Plugins der von Google betriebenen Seite YouTube. Betreiber der Seiten ist die YouTube, LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.
+
+Wenn Sie eine unserer mit einem YouTube-Plugin ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von YouTube hergestellt. Dabei wird dem YouTube-Server mitgeteilt, welche unserer Seiten Sie besucht haben.
+
+Wenn Sie in Ihrem YouTube-Account eingeloggt sind, ermöglichen Sie YouTube, Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen. Dies können Sie verhindern, indem Sie sich aus Ihrem YouTube-Account ausloggen.
+
+Die Nutzung von YouTube erfolgt im Interesse einer ansprechenden Darstellung unserer Online-Angebote. Dies stellt ein berechtigtes Interesse im Sinne von Art. 6 Abs. 1 lit. f DSGVO dar.
+
+Weitere Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von YouTube unter: https://www.google.de/intl/de/policies/privacy.
+
+#### Vimeo
+
+Unsere Website nutzt Plugins des Videoportals Vimeo. Anbieter ist die Vimeo Inc., 555 West 18th Street, New York, New York 10011, USA.
+
+Wenn Sie eine unserer mit einem Vimeo-Plugin ausgestatteten Seiten besuchen, wird eine Verbindung zu den Servern von Vimeo hergestellt. Dabei wird dem Vimeo-Server mitgeteilt, welche unserer Seiten Sie besucht haben. Zudem erlangt Vimeo Ihre IP-Adresse. Dies gilt auch dann, wenn Sie nicht bei Vimeo eingeloggt sind oder keinen Account bei Vimeo besitzen. Die von Vimeo erfassten Informationen werden an den Vimeo-Server in den USA übermittelt.
+
+Wenn Sie in Ihrem Vimeo-Account eingeloggt sind, ermöglichen Sie Vimeo, Ihr Surfverhalten direkt Ihrem persönlichen Profil zuzuordnen. Dies können Sie verhindern, indem Sie sich aus Ihrem Vimeo-Account ausloggen.
+
+Weitere Informationen zum Umgang mit Nutzerdaten finden Sie in der Datenschutzerklärung von Vimeo unter: https://vimeo.com/privacy.
+
+## Privacy Policy
+
+### 1. An overview of data protection
+
+#### General
+
+The following gives a simple overview of what happens to your personal information when you visit our website. Personal information is any data with which you could be personally identified. Detailed information on the subject of data protection can be found in our privacy policy found below.
+
+#### Data collection on our website
+
+*Who is responsible for the data collection on this website?*
+
+The data collected on this website are processed by the website operator. The operator’s contact details can be found in the website’s required legal notice.
+
+*How do we collect your data?*
+
+Some data are collected when you provide it to us. This could, for example, be data you enter on a contact form.
+
+Other data are collected automatically by our IT systems when you visit the website. These data are primarily technical data such as the browser and operating system you are using or when you accessed the page. These data are collected automatically as soon as you enter our website.
+
+*What do we use your data for?*
+
+Part of the data is collected to ensure the proper functioning of the website. Other data can be used to analyze how visitors use the site.
+
+*What rights do you have regarding your data?*
+
+You always have the right to request information about your stored data, its origin, its recipients, and the purpose of its collection at no charge. You also have the right to request that it be corrected, blocked, or deleted. You can contact us at any time using the address given in the legal notice if you have further questions about the issue of privacy and data protection. You may also, of course, file a complaint with the competent regulatory authorities.
+### 2. General information and mandatory information
+
+#### Data protection
+
+The operators of this website take the protection of your personal data very seriously. We treat your personal data as confidential and in accordance with the statutory data protection regulations and this privacy policy.
+
+If you use this website, various pieces of personal data will be collected. Personal information is any data with which you could be personally identified. This privacy policy explains what information we collect and what we use it for. It also explains how and for what purpose this happens.
+
+Please note that data transmitted via the internet (e.g. via email communication) may be subject to security breaches. Complete protection of your data from third-party access is not possible.
+
+#### Notice concerning the party responsible for this website
+
+The party responsible for processing data on this website is:
+
+Chaostreff Dortmund e.V.  
+Braunschweiger Str. 22  
+44145 Dortmund  
+Deutschland
+
+Vertretungsberechtigter Vorstand
+
+Tim Windelschmidt (1. Vorsitzender)  
+Stefan Hauschild (2. Vorsitzender)
+
+ 
+
+Telephone: +49 231 8 404 777  
+Email: vorstand@chaostreff-dortmund.de
+
+The responsible party is the natural or legal person who alone or jointly with others decides on the purposes and means of processing personal data (names, email addresses, etc.).
+
+#### Revocation of your consent to the processing of your data
+
+Many data processing operations are only possible with your express consent. You may revoke your consent at any time with future effect. An informal email making this request is sufficient. The data processed before we receive your request may still be legally processed.
+
+#### Right to file complaints with regulatory authorities
+
+If there has been a breach of data protection legislation, the person affected may file a complaint with the competent regulatory authorities. The competent regulatory authority for matters related to data protection legislation is the data protection officer of the German state in which our company is headquartered. A list of data protection officers and their contact details can be found at the following link: https://www.bfdi.bund.de/DE/Infothek/Anschriften_Links/anschriften_links-node.html.
+
+#### Right to data portability
+
+You have the right to have data which we process based on your consent or in fulfillment of a contract automatically delivered to yourself or to a third party in a standard, machine-readable format. If you require the direct transfer of data to another responsible party, this will only be done to the extent technically feasible.
+
+#### SSL or TLS encryption
+
+This site uses SSL or TLS encryption for security reasons and for the protection of the transmission of confidential content, such as the inquiries you send to us as the site operator. You can recognize an encrypted connection in your browser’s address line when it changes from „http://“ to „https://“ and the lock icon is displayed in your browser’s address bar.
+
+If SSL or TLS encryption is activated, the data you transfer to us cannot be read by third parties.
+
+#### Information, blocking, deletion
+
+As permitted by law, you have the right to be provided at any time with information free of charge about any of your personal data that is stored as well as its origin, the recipient and the purpose for which it has been processed. You also have the right to have this data corrected, blocked or deleted. You can contact us at any time using the address given in our legal notice if you have further questions on the topic of personal data.
+
+### 3. Data collection on our website
+
+#### Server log files
+
+The website provider automatically collects and stores information that your browser automatically transmits to us in „server log files“. These are:
+
+- Browser type and browser version
+- Operating system used
+- Referrer URL
+- Host name of the accessing computer
+- Time of the server request
+- IP address
+
+These data will not be combined with data from other sources.
+
+The basis for data processing is Art. 6 (1) (f) DSGVO, which allows the processing of data to fulfill a contract or for measures preliminary to a contract.
+
+### 4. Plugins and tools
+
+#### YouTube
+
+Our website uses plugins from YouTube, which is operated by Google. The operator of the pages is YouTube LLC, 901 Cherry Ave., San Bruno, CA 94066, USA.
+
+If you visit one of our pages featuring a YouTube plugin, a connection to the YouTube servers is established. Here the YouTube server is informed about which of our pages you have visited.
+
+If you’re logged in to your YouTube account, YouTube allows you to associate your browsing behavior directly with your personal profile. You can prevent this by logging out of your YouTube account.
+
+YouTube is used to help make our website appealing. This constitutes a justified interest pursuant to Art. 6 (1) (f) DSGVO.
+
+Further information about handling user data, can be found in the data protection declaration of YouTube under https://www.google.de/intl/de/policies/privacy.
+
+#### Vimeo
+
+Our website uses features provided by the Vimeo video portal. This service is provided by Vimeo Inc., 555 West 18th Street, New York, New York 10011, USA.
+
+If you visit one of our pages featuring a Vimeo plugin, a connection to the Vimeo servers is established. Here the Vimeo server is informed about which of our pages you have visited. In addition, Vimeo will receive your IP address. This also applies if you are not logged in to Vimeo when you visit our website or do not have a Vimeo account. The information is ransmitted to a Vimeo server in the US, where it is stored.
+
+If you are logged in to your Vimeo account, Vimeo allows you to associate your browsing behavior directly with your personal profile. You can prevent this by logging out of your Vimeo account.
+
+For more information on how to handle user data, please refer to the Vimeo Privacy Policy at https://vimeo.com/privacy.
+

src/markdown-pages/home.mdx

@@ -4,27 +4,27 @@ title: "Home"
 edit: "home.mdx"
 ---
 
-## Wer wir sind
+## \# Wer wir sind
 
-Der Chaostreff Dortmund e.V. ist Erfa-Kreis des CCC\* und eine bunt
+Der Chaostreff Dortmund e.V. ist ein Erfa-Kreis des CCC\* und eine bunt
-gemischte Gruppe aus Computer-, Technikbegeisterten und kreativen
+gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen.
-Menschen. Wir sind nicht finanziell orientiert und betreiben den
+Wir sind nicht finanziell orientiert und betreiben den Chaostreff aus Spaß an
-Chaostreff aus Spaß an der Sache und um interessierten Menschen eine
+der Sache und um interessierten Menschen eine Plattform zu bieten, über die
-Plattform zu bieten, über die man sich austauschen kann. Unser Ziel ist es
+man sich austauschen kann.
-den Chaostreff fortwährend aus Spenden der einzelnen Teilnehmenden bzw.
+Unser Ziel ist es den Chaostreff fortwährend aus Spenden der einzelnen
-Mitglieder zu finanzieren. Wenn DU dir angucken möchtest, wie das so bei
+Teilnehmenden bzw.  Mitglieder zu finanzieren.
-uns in den Räumen aussieht, dann komm doch einfach vorbei.
+Wenn du dir angucken möchtest, wie das so bei uns in den Räumen aussieht,
+dann komm doch einfach vorbei.
 
-\*Wir sind ein Teil des Chaos Computer Club (CCC), ein s. g. Erfa Kreis, da
+Wir schließen niemanden aufgrund körperlicher Disposition, Religion, Alter,
-wir seit 2017-04-16¹ den Erfa Status vom Regiotreff zuerkannt bekommen
+Weltanschauung, sexueller Ausrichtung oder sonstigen nichtigen Gründen aus!
-haben.
+Alle, die interessiert sind, sind auch bei uns willkommen.
 
-Zunächst: Wir schließen niemanden aufgrund körperlicher Disposition,
+\*Wir sind ein Teil des Chaos Computer Club (CCC), ein s. g. Erfa Kreis
-Religion, Alter, Weltanschauung, sexueller Ausrichtung oder sonstigen
+(Erfahrungsaustausch Kreis), da wir seit 2017-04-16¹ den Erfa Status
-nichtigen Gründen aus! Alle, die interessiert sind, sind auch bei uns
+vom Regiotreff zuerkannt bekommen haben.
-willkommen.
 
-## Unsere Ziele
+## \# Unsere Ziele
 
 - Schaffung einer Plattform für technikbegeisterte Menschen
 - Bereitstellung einer technischen Infrastruktur
@@ -34,7 +34,7 @@ willkommen.
 - Sich und andere weiterzubilden
 - Weltherrschaft natürlich!²
 
-## Unsere Zielgruppe
+## \# Unsere Zielgruppe
 
 Alle, die sich für Technik, Kunst, Kreativität, OpenSource, Netzpolitik,
 den Geist in der Maschine oder ähnliches begeistern können; wie bereits
@@ -43,7 +43,7 @@ dämlichen/rassistischen/vorurteilsbehafteten Gründen aus.
 
 Wir freuen uns schon auf deinen ersten Besuch bei uns.
 
-## Wir bieten dir
+## \# Wir bieten dir
 
 - Viel Platz für eigene Projekte
 - Chillout Platz mit Sofas und gemütlicher Atmosphäre
@@ -57,12 +57,16 @@ Wir freuen uns schon auf deinen ersten Besuch bei uns.
 - Freundliche Leute mit denen man sich austauschen kann
 - u.v.m
 
-## Du gehörst nicht zu uns, wenn…
+## \# Du gehörst nicht zu uns, wenn…
 
 - …du einen 24/7 kostenlosen PC-Hilfe Notdienst suchst.
-- …deine Festplatte kaputt ist, und du vergessen hast, ein Backup zu machen. (Ausnahmen bestätigen die Regel)
+- …deine Festplatte kaputt ist, und du vergessen hast, ein Backup zu machen.
+(Ausnahmen bestätigen die Regel)
 - …du der Meinung bist, wir wären dein kostenloses Internetcafé
-- …du der irrigen Annahme verfallen bist, wir würden für dich irgendeinen FTP-/WebServer/eMail-Account-deiner-ExFreundin hacken, geschweige denn dir dabei helfen
+- …du der irrigen Annahme verfallen bist, wir würden für dich irgendeinen
+FTP-/WebServer/eMail-Account-deiner-ExFreundin hacken,
+geschweige denn dir dabei helfen
 
 ¹ [https://en.wikipedia.org/wiki/ISO_8601](https://en.wikipedia.org/wiki/ISO_8601)  
-² Dies ist eine witzige Bemerkung ein s.g. “Running Gag” und ist als sarkastische Bemerkung zu verstehen!
+² Dies ist eine witzige Bemerkung ein s.g. “Running Gag” und ist als
+sarkastische Bemerkung zu verstehen!

src/markdown-pages/impressum.mdx

@@ -5,3 +5,51 @@ edit: "impressum.mdx"
 ---
 
 ## Impressum
+
+### Postanschrift
+
+Chaostreff Dortmund e.V.  
+Braunschweiger Str. 22  
+44145 Dortmund  
+Deutschland
+
+Vertretungsberechtigter Vorstand
+
+- Tim Windelschmidt (1. Vorsitzender)
+- Stefan Hauschild (2. Vorsitzender)
+- Jan Münch (Kassenwart)
+
+### E-Mail
+
+- Presseanfragen bitte per E-Mail an unsere
+[Pressestelle](mailto://presse@chaostreff-dortmund.de)
+- Netz-Missbrauch Meldungen an die
+[abuse-addresse](mailto://abuse@chaostreff-dortmund.de)
+- Anfragen bezüglich inhaltlicher Gestaltung bitte per E-Mail an den
+[Webmaster](mailto://webmaster@chaostreff-dortmund.de)
+- Technischer Kontakt:
+[postmaster@chaostreff-dortmund.de](postmaster@chaostreff-dortmund.de)
+
+### Telefon
+
+- Chaos-Raum (Di+Do ab ca 19Uhr): +49 (0)231 8 404 777
+- Fax: +49 (0)231 8 404 779
+
+### Kontodaten
+
+Empfänger: Chaostreff Dortmund  
+IBAN: DE19 4306 0967 4009 3686 00  
+BIC: GENODEM1GLS  
+Konto-Nr.: 4009 368 600  
+BLZ: 430 609 67  
+Bank: GLS-Bank
+
+### Logo
+
+Unser Logo für die Verarbeitung in redaktionellen Inhalten und sonstigen
+Presse-Erzeugnissen findet Ihr [hier](https://www.chaostreff-dortmund.de/presse/logo)
+
+### Flyer
+
+Unseren Aktuellen Fyler als PDF gibt es
+[hier](https://www.chaostreff-dortmund.de/presse/flyer/)

src/markdown-pages/kontakt.mdx

@@ -3,5 +3,151 @@ path: "/kontakt"
 title: "Kontakt"
 edit: "kontakt.mdx"
 ---
+import Accordion from "../components/accordion.js"
 
-## Kontakt
+## \# Ich möchte
+
+<Accordion title="dem IRC joinen">
+
+Wir sind im Hackint IRC-Netzwerk erreichbar, der Server ist
+**irc.hackint.org** (SSL **Port 6697**), **Channel #ccc.do**.
+
+Um Missverständnisse un böses Blut zu vermeiden, hier mal reinschauen:
+
+[RFC-1855](https://tools.ietf.org/html/rfc1855),
+[RFC-2811](https://tools.ietf.org/html/rfc2811)
+
+### \## Warum Hackint
+
+Das Hackint-Netzwerk wurde unter anderem vom Chaostreff Dortmund ins Leben
+gerufen, um eine einfache und trotzdem sichere Kommunikation zu ermöglichen.
+Um das zu gewährleisten sind alle Server-Verbindungen verschlüsselt
+und alle Server ermöglichen den Benutzern eine verschlüsselte Verbindung
+via SSL aufzubauen.
+Eines der Ziele des Hackints ist es, eine Heimat für Hacker und änliche Leute
+auf der ganzen Welt zu schaffen und einfache Verbindungen zwischen
+einzelnen Gruppen zu ermöglichen.
+Damit das klappt, müssen sich möglichst viele chaosnahe
+Gruppen in diesem Netz anfinden.
+
+### \## Anleitung für des IRCens Unkundige
+
+#### \### Einen IRC-Client suchen
+
+Unix/Linux-nutzende können [HexChat](https://hexchat.github.io/) benutzen,
+oder, für das CLI-Feeling `weechat` oder `irssi`.
+
+Windows-benutzenden ist ebenfalls [HexChat](https://hexchat.github.io/)
+zu empfehlen.
+
+todo: Macs
+
+#### \### Konfiguration von HexChat
+
+Als erstes einen Nick-(Spitz-)namen ausdenken.
+Jeder hat einen einzigartigen Nick, daher nicht wundern wenn gängige Namen
+schon vergeben sind.
+Ein Nick darf maximal 15 Buchstaben/Zahlen lang sein.
+Sonderzeichen funktionieren zwar, sehen aber komisch aus.
+
+Wenn ihr einen Nick gefunden habt, klickt ihr bei den Netzwerken auf plus.
+Dort vergebt ihr den Namen "hackint" und klickt direkt weiter auf bearbeiten.
+Statt dem voreingetragenen Server schreibt ihr dort `irc.hackint.org/6697` hin.
+Dann wählt ihr den Haken um `SSL` für alle Server des Netzwerks zu verwenden an.
+Nur noch die Netzwerkkonfiguration schließen und auf verbinden klicken.
+
+Nach dem Verbinden sollte HexChat fragen welchem Channel du joinen möchtest.
+Gib dort `#ccc.do` ein und drücke ok.
+
+\o/ du kannst uns jetzt Nachrichten schreiben.
+</Accordion>
+
+<Accordion title="euch eine Mail schreiben">
+
+Wenn du eine einfache Anfrage hast, schreib einfach an unsere Mailingliste
+(aber schreib bitte dabei, dass du nicht auf der Liste eingetragen bist.
+Sonst erreichen dich die Antworten möglicherweise nicht).
+Wenn du dich zu dem Chaostreff gesellen möchtest,
+trägst du dich am besten auf der Liste ein.
+
+Unsere Mailinglist ist unter
+[discuss@lists.chaostreff-dortmund.de](mailto://discuss@lists.chaostreff-dortmund.de),
+diese ist auch unsere öffentliche Mailingliste.
+
+Presse: [presse@chaostreff-dortmund.de](mailto://presse@chaostreff-dortmund.de)  
+Spenden: [spenden@chaostreff-dortmund.de](mailto://spenden@chaostreff-dortmund.de)
+
+### \## Subscriben/Unsubscriben auf die Mailingliste
+
+Die Mailingliste wird von mailman gemanaged und ist offen für alle.
+Subscriben kann man sich auf der Mailingliste,
+indem man auf die
+[Mailman](https://lists.chaostreff-dortmund.de/cgi-bin/mailman/listinfo/discuss)
+Seite geht und sich dort einträgt.
+
+### \## Was ist so auf der Mailingliste
+
+Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste
+geplant oder zumindest angekündigt.
+Wenn man nur wissen möchte, was der Chaostreff gerade so macht,
+kann man natürlich auch regelmässig auf unsere Webseite gucken.
+Wenn man wirklich wissen möchte was gerade geht, sollte man sich auf
+die Mailingliste eintragen.
+Hier können und werden aktuelle Weltherrschaftspläne geschmiedet¹,
+Kontakte geschlossen, und auch sonstige, den Chaostreff betreffende,
+Themen besprochen.
+
+¹ liebes Finanzamt, das ist nur Spaß :)
+
+Außerdem findet man alles was für den Chaostreff von Interesse sein könnte und
+mit dem ein entfernter Bezug zum Chaostreff hergestellt werden kann.
+Also von Diskussionen zu aktueller Hardware und dem kreativen Umgang damit,
+über die neuesten Fort- und Rückschritte in aktuellen Gesetzgebungsverfahren
+und anderen Zeitgeschehen.
+
+Grundsätzlich gilt: Die Mailingliste ist nicht readonly und
+lebt durch eure Postings. Also postet!
+
+### \## FAQ
+
+#### \### Wer kann die Subscriptions lesen?
+
+Jeder der auf der Liste subscribed ist kann sich die Subscriber-Liste ansehen.
+
+#### \### Warum kommt meine Mail nicht auf der Mailingliste an?
+
+Damit die Mailingliste nicht als Spam-Multiplexer fungiert,
+ist die Mailingliste so konfiguriert, dass alle Mails,
+die nicht eine auf der Liste eingetragene Mailaddresse
+im From: Header stehen haben,
+erstmal zur Moderator Mailingliste weitergeleitet werden.
+Da auch Moderatoren noch ein anderes Leben haben, kann das dann etwas dauern.
+
+#### \### Wer sind diese Moderatoren?
+
+Zur Zeit: tarja, fisch und claas
+
+#### \### Ich habe technische Probleme
+
+Bei technischen Problemen (subscription passt nicht)
+kann dem Listen-Owner geschrieben werden.
+Dieser wird versuchen, dich innerhalb seiner Möglichkeiten,
+nach besten Wissen und Gewissen, zu unterstützen.
+
+</Accordion>
+
+<Accordion title="mit euch telefonieren">
+
+Wenn du eher auf Voice-Communication stehst
+(oder einfach wissen willst, ob jemand im Raum ist),
+kannst du uns auch anrufen:
+Es klingelt im Raum, wenn man **+49 231 8404777** wählt.
+</Accordion>
+
+<Accordion title="euch Totholz zuschicken (einen Brief)">
+
+Chaostreff Dortmund e.V.  
+Braunschweiger Str. 22  
+44145 Dortmund  
+Deutschland
+</Accordion>

src/markdown-pages/treff.mdx

@@ -5,45 +5,41 @@ edit: "treff.mdx"
 ---
 import RoomState from "../components/roomState.js"
 
-## Raumstatus: <RoomState/>
+## \# Raumstatus: <RoomState/>
 
-## Treff
+## \# Zeiten
 
-Wir treffen uns in der Regel Dienstags und Donnerstags
+Wir sind für gewöhnlich Dienstags und Donnerstag ab 19:00
-ab ca 19:00 (+1h Chaos-Verspätung) in unserem Raum im Langen August.
+(±1hr Chaos-Verspätung) im Treff.
-Die Räume sind für jeden zugänglich.
+Bevor du kommst schau einmal nach ob jemand da ist.
-Eine Beschreibung wie du uns findest, haben wir hier.
+Das kannst du oben beim Raumstatus sehen.
-Bevor du uns besuchst, prüfe umbedingt ob jemand vorort ist.
-(Hier oben oder Im IRC siehst du ob der Raum „Offen“ oder „Geschlossen“ ist.)
 
-## Location
+## \# Location
 
-Die Räume befinden sich im Langen August im zweiten Stock.
+Die Räume sind im Langen August.
 Wenn ihr den Langen August gefunden habt, geht ihr durch das erste Tor,
 dann findet ihr auf der rechten Seite eine Tür in das Treppenhaus.
 Da noch zwei Stockwerke hoch, die rechte Tür führt zu uns.
-Wenn die Türen verschlossen sind, einfach klingeln (beim Chaostreff)!
+Wenn die Türen verschlossen sind, einfach (beim Chaostreff) klingeln.
 
-## Was wir tun
+## \# Was wir tun
 
-Auf einem Treffen werden verschiedene Dinge getan.
 Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen
 und das Diskutieren von aktuellen politischen Themen ist eigentlich alles dabei.
 Bei uns ist viel Raum für eigene Ideen und Projekte.
-Jeder ist dazu eingeladen uns zu einem Treffen zu besuchen und sich einzubringen.
+Jeder ist dazu eingeladen uns zu besuchen und sich einzubringen.
 
-Wir freuen uns sehr über neue Gesichter, egal welchen Alters oder Geschlechts ihr seid.
+Wir freuen uns sehr über neue Gesichter,
+egal welchen Alters oder Geschlechts ihr seid.
 Spezielles Vorwissen über Computer und Technik ist nicht erforderlich.
 
 Wir sind bemüht unsere Interessen in Projekten zu organisieren.
 Du bist herzlich eingeladen mal einen Blick auf diese zu werfen.
 
-In (derzeit noch) unregelmäßigen Abständen halten Leute im Chaostreff Vorträge
+Einmal im Monat halten Leute im Chaostreff Vorträge
 über verschiedene Themen technischer und auch nichttechnischer Natur.
-Informationen darüber findest du in unserem Wiki.
+Informationen darüber findest du unter Events.
-Auch hier bist du herzlich eingeladen einen eigenen Vortrag
-über dein Lieblingsthema bei uns abzuhalten.
 
-Wir treffen uns darüber hinaus jeden ersten Mittwoch im Monat zum „Topic Treff“
+Jeden ersten Donnerstag und jeden dritten Dienstag im Monat treffen wir uns zum
-um verschiedene Themen rund um die Organisation „Chaostreff Dortmund“ zu besprechen.
+„Topic Treff“ um verschiedene Themen rund um den Chaostreff zu besprechen.
-Jeder ist herzlich eingeladen! (Start ist 20Uhr im Chaostreff)
+Jeder ist herzlich eingeladen, Start ist um 20:00 Uhr.

src/markdown-pages/verein.mdx

@@ -4,4 +4,113 @@ title: "Verein"
 edit: "verein.mdx"
 ---
 
-## Verein
+## \# Verein
+
+Der Verein wurde als „Trägerverein“ des Chaostreffs im Jahre 2009 gegründet um
+dem Chaostreff als losen Verbund von Menschen gleicher Interessen eine (solide)
+rechtliche Grundlage zu geben.
+
+Der Wechsel zur Rechtsform des eingetragenen Vereins sollte verschiedene
+Haftungsprobleme, vor allem finanzieller und mietrechtlicher Natur,
+aus der Welt schaffen.
+So lief der Mietvertrag für die Räume des Chaostreffs ursprünglich über eine
+Einzelperson, ebenso wie die der jeweilige Kassenwart die Finanzen über sein
+privates Konto führte.
+
+Erste Diskussionen über den Sinn der Gründung eines Vereins gab es bereits im
+Jahre 2007, der Prozess kam aber immer wieder zum Stillstand und wurde erst
+2009 wieder aufgenommen.
+
+Die Gründung gestaltete sich auch deswegen so schwierig, weil unter den
+Mitgliedern/Besuchern des Chaostreffs verschiedene Strömungen existierten,
+deren Standpunkte zur Vereinsgründung unterschiedlicher nicht sein konnten,
+woraufhin sich manch einer gar vollständig aus dem Chaostreff zurückzog.
+
+Der Chaostreff teilte sich grob in zwei Lager, von denen das eine die Gründung
+eines Vereins (u.a. in Furcht vor Vereinsmeierei) vollständig ablehnte.
+Wohl auch teilweise zu Recht, weil es die Befürchtung gab, dass der Verein
+unerwünschten Einfluss auf das Konstrukt „Chaostreff“ ausüben könnte,
+der bis dahin selbstverwaltet, oder etwas überspitzt ausgedrückt,
+„anarchisch“ daherkam.
+Das andere Lager betrachtete die Vereinsgründung hingegen als
+„notwendiges Übel“, weil sich in Sachen Rechtssicherheit keine Alternative
+offenbarte.
+
+Nach der Gründungsversammlung existierte der CTDO längere Zeit als
+eingetragener Verein „iG“ (in Gründung).
+Es folgte eine mehrfache Überarbeitung der Satzung, was im wesentlichen der
+Zusammenarbeit mit dem Finanzamt geschuldet war, in dem Bemühen, als
+gemeinnützig anerkannt zu werden.
+Am 5. August 2011 lag die Satzung schließlich dem Notar vor.
+
+Doch durch Umzüge von einigen Gründungsmitgliedern verzögerte sich die
+Eintragung weiterhin, da noch Unterschriften (u.a. aus dem Ausland) von eben
+diesen Mitgliedern organisiert werden mussten.
+
+Schließlich haben wir es aber geschafft: Der 09.02.2012 kann als Datum gesehen
+werden, ab dem sich der Chaostreff Dortmund als eingetragener Verein
+bezeichnen darf.
+Einen weiteren Meilenstein erreichen wir hoffentlich in Kürze:
+Das Finanzamt stellt uns die Anerkennung der Gemeinnützigkeit in Aussicht,
+zu der es noch einer Änderung in der Satzung bedarf.
+
+## \# Mitglied werden
+
+Durch deine Mitgliedschaft kannst du dem CTDO direkt deine Unterstützung
+zukommen lassen.
+Wenn du uns zu deiner Mitgliedschaft einen freiwilligen Betrag spendest,
+wird dieser für neue Projekte und die Umsetzung von tollen Ideen verwendet.
+
+Du kannst den Mitgliedsantrag
+[hier](https://www.chaostreff-dortmund.de/wp-content/uploads/2011/07/mitgliedsantrag-2017.pdf)
+herunterladen, ausfüllen, und zum Chaostreff mitbringen.
+
+Selbstverständlich kannst du auch im Chaostreff-Dortmund aktiv sein,
+ohne Mitglied in unserem Verein zu sein.
+Es erfolgt keine Bestätigung über die Annahme des Mitgliedsantrages.
+Im Falle einer Ablehnung erfolgt eine Mitteilung.
+
+## \# Satzung
+
+Die aktuelle Satzung des Vereins Chaostreff Dortmund e.V. kann stets hier auf
+unserer Webseite heruntergeladen werden.
+Darin eventuell referenzierte Anhänge oder Zusatzvereinbarungen,
+die nicht notwendigerweise Teil der Satzung selbst sind,
+sind jeweils der Einfachheit halber als ein PDF-Dokument direkt der Aktuellen
+Satzung anhängig.
+
+[Aktuelle Satzung](https://www.chaostreff-dortmund.de/presse/satzung/aktuelle_satzung.pdf)  
+[Alle Satzungen](https://www.chaostreff-dortmund.de/presse/satzung/)
+
+## \# Spenden
+
+Der Chaostreff Dortmund finanziert sich vollkommen aus sich selbst:
+Das bedeutet aus dem Portemonnaie seiner Mitglieder und oder derer,
+die den Treff für sinnvoll halten.
+
+### \## Wieso und wofür?
+
+Wir haben gewisse Kosten zu decken, dazu gehören die Miete, Kosten für Heizung,
+Strom und Internet.
+Letztere Punkte werden durch das positive Klima im Langen August für uns sehr
+angenehm gehalten.
+Damit ist jedoch gerade einmal die grundsätzliche Infrastruktur geschaffen.
+Für Projekte fehlt es dem Treff schon wieder an Geld.
+Allein die Finanzierung der gemeinsamen Räume basiert Gerüchten zufolge eher
+auf einer raffinierten Mate-Wiederverkaufsstrategie in Kombination mit einer
+Ausnutzung der suchterregenden Auswirkungen dieses Getränks.
+Als groben Richtwert kann man sagen, dass der Spendendurchschnitt irgendwo
+zwischen 23 und 42 Euro monatlich liegt.
+An diesem Punkt sei erwähnt dass wir über jede Spende sehr erfreut sind,
+am liebsten natürlich wenn sie regelmäßig ist. ;)
+
+### \## Gerne, wo soll ich unterschreiben?
+
+Empfänger: Chaostreff Dortmund e.V.  
+IBAN: DE19 4306 0967 4009 3686 00  
+BIC: GENODEM1GLS
+
+Der Chaostreff Dortmund ist vom Finanzamt als gemeinnützig anerkannt und
+deshalb dürfen wir Spendenbescheinigungen ausstellen.
+
+**Der Chaostreff sagt in jedem Fall schon mal Danke!**