Lots of styling, mobile friendliness, better UI flows

Layers/CommonTagMappings.ts

@@ -27,10 +27,34 @@ export class CommonTagMappings {
     public static osmLink = new TagMappingOptions({
         key: "id",
         mapping: {
-            "node/-1": "<span class='osmlink'>Over enkele momenten sturen we je punt naar OpenStreetMap</span>"
+            "node/-1": ""
         },
         template: "<span class='osmlink'><a href='https://osm.org/{id}' target='_blank'>" +
             Img.osmAbstractLogo +
             "</a></span>"
-    })
+    });
+
+    public static wikipediaLink = new TagMappingOptions({
+        key: "wikipedia",
+        missing: "",
+        freeform: (value: string) => {
+            let link = "";
+            // @ts-ignore
+            if (value.startsWith("https")) {
+                link = value;
+            } else {
+
+                const splitted = value.split(":");
+                const language = splitted[0];
+                splitted.shift();
+                const page = splitted.join(":");
+                link = 'https://' + language + '.wikipedia.org/wiki/' + page;
+
+            }
+            return "<span class='wikipedialink'>" +
+                "<a href='" + link + "' target='_blank'>" +
+                "<img width='64px' src='./assets/wikipedia.svg' alt='wikipedia'" +
+                "</a></span>";
+        }
+    });
 }

Layers/KnownSet.ts

@@ -65,8 +65,8 @@ export class KnownSet {
         "\n" +
         "<p>De data komt van <b>OpenStreetMap</b> en je antwoorden worden daar ook opgeslaan. " +
         "Omdat iedereen aan deze data bijdraagt, kunnen we geen garantie op correctheid bieden en heeft deze data geen juridische waarde</p>\n" +
-        "<p>Je <b>privacy</b> is belangrijk. We tellen wel hoeveel personen de website bezoeken. Om je niet dubbel te tellen wordt er één coockie bijgehouden waar geen persoonlijke informatie in staat. " +
-        "Als je inlogt, komt er een tweede coockie bij met je inloggegevens.</p>\n",
+        "<p>Je <b>privacy</b> is belangrijk. We tellen wel hoeveel personen de website bezoeken. Om je niet dubbel te tellen wordt er één cookie bijgehouden waar geen persoonlijke informatie in staat. " +
+        "Als je inlogt, komt er een tweede cookie bij met je inloggegevens.</p>\n",
         "  <p>Wil je meehelpen? <br/>\n" +
         "            Begin dan met <a href=\"https://www.openstreetmap.org/user/new\" target=\"_blank\">een account\n" +
         "            te maken</a> of\n" +

Layers/Park.ts

@@ -3,7 +3,7 @@ import {Quests} from "../Quests";
 import {TagMappingOptions} from "../UI/TagMapping";
 import L from "leaflet"
 import {CommonTagMappings} from "./CommonTagMappings";
-import {Tag} from "../Logic/TagsFilter";
+import {Or, Tag} from "../Logic/TagsFilter";
 
 export class Park extends LayerDefinition {
 
@@ -11,7 +11,8 @@ export class Park extends LayerDefinition {
         super();
         this.name = "park";
         this.icon = "./assets/tree_white_background.svg";
-        this.overpassFilter = new Tag("leisure","park");
+        this.overpassFilter = 
+            new Or([new Tag("leisure","park"), new Tag("landuse","village_green")]);
         this.newElementTags = [new Tag("leisure", "park"), 
             new Tag("fixme", "Toegevoegd met MapComplete, geometry nog uit te tekenen")];
         this.removeTouchingElements = true;