add osm embed on location page

src/components/osmMap.js

@@ -0,0 +1,20 @@
+import React from "react"
+import mapStyles from "./osmMap.module.css"
+
+export default () => {
+  return (
+    <>
+      <iframe
+        title="OpenStreetMaps Map zum Langen August"
+        src="https://www.openstreetmap.org/export/embed.html?bbox=7.4632975459098825%2C51.52693355178172%2C7.466703951358796%2C51.5284370503752&amp;layer=mapnik&amp;marker=51.527685307284564%2C7.465000748634338"
+        className={mapStyles.map}
+      ></iframe>
+      <br />
+      <small>
+        <a href="https://www.openstreetmap.org/?mlat=51.52769&amp;mlon=7.46500#map=19/51.52769/7.46500">
+          In OpenStreetMaps öffnen
+        </a>
+      </small>
+    </>
+  )
+}

src/components/osmMap.module.css

@@ -0,0 +1,6 @@
+.map {
+  border: 1px solid white;
+  max-width: 425px;
+  width: 100%;
+  height: 350px;
+}

src/markdown-pages/treff.mdx

@@ -4,6 +4,8 @@ title: "zeiten & location"
 edit: "treff.mdx"
 ---
 import RoomState from "../components/roomState.js"
+import OsmMap from "../components/osmMap.js"
+import Accordion from "../components/accordion.js"
 
 # Raumstatus: <RoomState/>
 
@@ -22,6 +24,8 @@ dann findest du 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.
 
+<OsmMap/>
+
 # Was wir tun
 
 Von dem gemütlichen Beisammensitzen, über das Fachsimpeln von technischen Themen