map: switch to embed hopglass

content/map.de.md

@@ -7,11 +7,9 @@ menu:
     weight: 2
 ---
 
-Die Freifunk Berlin Karte zeigt freie WLAN Zugangspunkte mit ihrer genauen Lage. Die WLAN Zugangspunkte sind kostenlos nutzbar, unzensiert und öffentlich zugänglich.
+Die [Freifunk Berlin Karte](https://hopglass.berlin.freifunk.net/) zeigt freie WLAN Zugangspunkte mit ihrer genauen Lage. Die WLAN Zugangspunkte sind kostenlos nutzbar, unzensiert und öffentlich zugänglich.
 
-{{< iframe src="https://openwifimap.net/#map?bbox=52.449,13.1777,52.587,13.625" height="600px" width="100%" >}}
-
-Die Karte gibt es in mehreren Versionen. Neben der OpenWifiMap gibt es auch noch die [Hopglass-Version der Karte](https://hopglass.berlin.freifunk.net/).
+{{< img src="hopglass.png" alt="Es ist eine Karte von Berlin zu sehen. Auf der Karte sind viele kleine Punkte. Die meisten sind blau, einige sind rot. Zwischen manchen der Punkte sind grüne Linien gezogen." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
 
 ## Statistiken
 

content/map.en.md

@@ -7,11 +7,9 @@ menu:
     weight: 2
 ---
 
-The Freifunk Berlin map shows free WiFi access points with their exact location. The WiFi access points are free to use, uncensored and publicly accessible.
+The [Freifunk Berlin map](https://hopglass.berlin.freifunk.net/) shows free WiFi access points with their exact location. The WiFi access points are free to use, uncensored and publicly accessible.
 
-{{< iframe src="https://openwifimap.net/#map?bbox=52.449,13.1777,52.587,13.625" height="600px" width="100%" >}}
-
-The map is available in several versions. In addition to the OpenWifiMap, there is also the [Hopglass version of the map](https://hopglass.berlin.freifunk.net/).
+{{< img src="hopglass.png" alt="You can see a map of Berlin. There are lots of little dots on the map. Most of them are blue, some are red. There are green lines between some of the dots." link="https://hopglass.berlin.freifunk.net/" width="100%" >}}
 
 ## Statistics
 

layouts/shortcodes/img.html

@@ -1,4 +1,4 @@
-<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
+<figure{{ with .Get "class" }} class="{{ . }}"{{ end }} style="margin:0;">
     {{- if .Get "link" -}}
         <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
     {{- end -}}