override heading styling

src/markdown-pages/events.mdx

@@ -4,4 +4,4 @@ title: "Events"
 edit: "events.mdx"
 ---
 
-## Events
+# Events

src/markdown-pages/home.mdx

@@ -4,7 +4,7 @@ title: "Home"
 edit: "home.mdx"
 ---
 
-## \# Wer wir sind
+# Wer wir sind
 
 Der Chaostreff Dortmund e.V. ist ein Erfa-Kreis des CCC\* und eine bunt
 gemischte Gruppe aus computer-, technikbegeisterten und kreativen Menschen.
@@ -24,7 +24,7 @@ Alle, die interessiert sind, sind auch bei uns willkommen.
 (Erfahrungsaustausch Kreis), da wir seit 2017-04-16¹ den Erfa Status
 vom Regiotreff zuerkannt bekommen haben.
 
-## \# Unsere Ziele
+# Unsere Ziele
 
 - Schaffung einer Plattform für technikbegeisterte Menschen
 - Bereitstellung einer technischen Infrastruktur
@@ -34,7 +34,7 @@ vom Regiotreff zuerkannt bekommen haben.
 - 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,7 +57,7 @@ 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.

src/markdown-pages/kontakt.mdx

@@ -5,7 +5,7 @@ edit: "kontakt.mdx"
 ---
 import Accordion from "../components/accordion.js"
 
-## \# Ich möchte
+# Ich möchte
 
 <Accordion title="dem IRC joinen">
 
@@ -17,7 +17,7 @@ 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
+## Warum Hackint
 
 Das Hackint-Netzwerk wurde unter anderem vom Chaostreff Dortmund ins Leben
 gerufen, um eine einfache und trotzdem sichere Kommunikation zu ermöglichen.
@@ -30,9 +30,9 @@ 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
+## Anleitung für des IRCens Unkundige
 
-#### \### Einen IRC-Client suchen
+### Einen IRC-Client suchen
 
 Unix/Linux-nutzende können [HexChat](https://hexchat.github.io/) benutzen,
 oder, für das CLI-Feeling `weechat` oder `irssi`.
@@ -42,7 +42,7 @@ zu empfehlen.
 
 todo: Macs
 
-#### \### Konfiguration von HexChat
+### Konfiguration von HexChat
 
 Als erstes einen Nick-(Spitz-)namen ausdenken.
 Jeder hat einen einzigartigen Nick, daher nicht wundern wenn gängige Namen
@@ -77,7 +77,7 @@ 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
+## Subscriben/Unsubscriben auf die Mailingliste
 
 Die Mailingliste wird von mailman gemanaged und ist offen für alle.
 Subscriben kann man sich auf der Mailingliste,
@@ -85,7 +85,7 @@ 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
+## Was ist so auf der Mailingliste
 
 Alle Chaostreff-Aktivitäten werden (sollten zumindest) über die Mailingliste
 geplant oder zumindest angekündigt.
@@ -108,13 +108,13 @@ und anderen Zeitgeschehen.
 Grundsätzlich gilt: Die Mailingliste ist nicht readonly und
 lebt durch eure Postings. Also postet!
 
-### \## FAQ
+## FAQ
 
-#### \### Wer kann die Subscriptions lesen?
+### 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?
+### 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,
@@ -123,11 +123,11 @@ 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?
+### Wer sind diese Moderatoren?
 
 Zur Zeit: tarja, fisch und claas
 
-#### \### Ich habe technische Probleme
+### Ich habe technische Probleme
 
 Bei technischen Problemen (subscription passt nicht)
 kann dem Listen-Owner geschrieben werden.

src/markdown-pages/treff.mdx

@@ -5,16 +5,16 @@ edit: "treff.mdx"
 ---
 import RoomState from "../components/roomState.js"
 
-## \# Raumstatus: <RoomState/>
+# Raumstatus: <RoomState/>
 
-## \# Zeiten
+# Zeiten
 
 Wir sind für gewöhnlich Dienstags und Donnerstag ab 19:00
 (±1hr Chaos-Verspätung) im Treff.
 Bevor du kommst schau einmal nach ob jemand da ist.
 Das kannst du oben beim Raumstatus sehen.
 
-## \# Location
+# Location
 
 Die Räume sind im Langen August.
 Wenn ihr den Langen August gefunden habt, geht ihr durch das erste Tor,
@@ -22,7 +22,7 @@ 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 (beim Chaostreff) klingeln.
 
-## \# Was wir tun
+# Was wir tun
 
 Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen
 und das Diskutieren von aktuellen politischen Themen ist eigentlich alles dabei.

src/markdown-pages/verein.mdx

@@ -4,7 +4,7 @@ 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)
@@ -54,7 +54,7 @@ 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
+# Mitglied werden
 
 Durch deine Mitgliedschaft kannst du dem CTDO direkt deine Unterstützung
 zukommen lassen.
@@ -70,7 +70,7 @@ 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
+# Satzung
 
 Die aktuelle Satzung des Vereins Chaostreff Dortmund e.V. kann stets hier auf
 unserer Webseite heruntergeladen werden.
@@ -82,13 +82,13 @@ 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
+# 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?
+## Wieso und wofür?
 
 Wir haben gewisse Kosten zu decken, dazu gehören die Miete, Kosten für Heizung,
 Strom und Internet.
@@ -104,7 +104,7 @@ 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?
+## Gerne, wo soll ich unterschreiben?
 
 Empfänger: Chaostreff Dortmund e.V.  
 IBAN: DE19 4306 0967 4009 3686 00  

src/templates/siteTemplate.js

@@ -2,10 +2,23 @@ import React, { useEffect } from "react"
 import { graphql } from "gatsby"
 import Layout from "../components/layout"
 import { MDXRenderer } from "gatsby-plugin-mdx"
+import { MDXProvider } from "@mdx-js/react"
 
 const ide =
   "https://repos.ctdo.de/-/ide/project/neri/ctdo-hompage/edit/master/-/src/markdown-pages/"
 
+const MdLeakH1 = props => <h2 {...props}># {props.children}</h2>
+const MdLeakH2 = props => <h3 {...props}># {props.children}</h3>
+const MdLeakH3 = props => <h4 {...props}># {props.children}</h4>
+const MdLeakH4 = props => <h5 {...props}># {props.children}</h5>
+
+const components = {
+  h1: MdLeakH1,
+  h2: MdLeakH2,
+  h3: MdLeakH3,
+  h4: MdLeakH4,
+}
+
 export default function Template({
   data, // this prop will be injected by the GraphQL query below.
 }) {
@@ -20,7 +33,9 @@ export default function Template({
 
   return (
     <Layout editLink={editLink}>
-      <MDXRenderer>{body}</MDXRenderer>
+      <MDXProvider components={components}>
+        <MDXRenderer>{body}</MDXRenderer>
+      </MDXProvider>
     </Layout>
   )
 }