From ab514a007903bd5d099d34dfbd786a25812fabef Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@gmail.com>
Date: Wed, 22 Jul 2020 16:40:36 +0200
Subject: [PATCH] Add images

---
 UI/Input/DropDown.ts                       |  2 +
 assets/walkbybrussels/artwork.svg          | 57 +++++++++++++++++
 assets/walkbybrussels/bench_black.svg      | 14 +++++
 assets/walkbybrussels/building.svg         | 25 ++++++++
 assets/walkbybrussels/bus_black.svg        | 72 ++++++++++++++++++++++
 assets/walkbybrussels/park.svg             | 63 +++++++++++++++++++
 assets/walkbybrussels/playground_black.svg | 28 +++++++++
 assets/walkbybrussels/streetart.svg        | 64 +++++++++++++++++++
 assets/walkbybrussels/tree.svg             | 40 ++++++++++++
 assets/walkbybrussels/viewpoint.svg        | 43 +++++++++++++
 assets/walkbybrussels/waterpoint_black.svg | 12 ++++
 11 files changed, 420 insertions(+)
 create mode 100644 assets/walkbybrussels/artwork.svg
 create mode 100644 assets/walkbybrussels/bench_black.svg
 create mode 100644 assets/walkbybrussels/building.svg
 create mode 100644 assets/walkbybrussels/bus_black.svg
 create mode 100644 assets/walkbybrussels/park.svg
 create mode 100644 assets/walkbybrussels/playground_black.svg
 create mode 100644 assets/walkbybrussels/streetart.svg
 create mode 100644 assets/walkbybrussels/tree.svg
 create mode 100644 assets/walkbybrussels/viewpoint.svg
 create mode 100644 assets/walkbybrussels/waterpoint_black.svg

diff --git a/UI/Input/DropDown.ts b/UI/Input/DropDown.ts
index fc7012a..8776381 100644
--- a/UI/Input/DropDown.ts
+++ b/UI/Input/DropDown.ts
@@ -85,6 +85,8 @@ export class DropDown<T> extends InputElement<T> {
             self._value.setData(self._values[index].value);
 
         });
+        
+        
 
         var t = this._value.data;
         for (let i = 0; i < this._values.length ; i++) {
diff --git a/assets/walkbybrussels/artwork.svg b/assets/walkbybrussels/artwork.svg
new file mode 100644
index 0000000..fba5612
--- /dev/null
+++ b/assets/walkbybrussels/artwork.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st3" d="M22.18,92.56c0,0,0,0.01,0.01,0.01c0.97,0.56,2.04,1.14,3.22,1.69c0,0,0,0,0,0
+		C24.23,93.71,23.15,93.13,22.18,92.56C22.19,92.56,22.18,92.56,22.18,92.56z"/>
+	<path class="st3" d="M31.45,55.28c1.33-3.83-0.4-8.1-3.87-9.52c-3.47-1.42-7.37,0.55-8.7,4.38c-1.33,3.83,0.4,8.1,3.86,9.52
+		C26.21,61.08,30.12,59.12,31.45,55.28z"/>
+	<path class="st3" d="M20.76,94.39c0.46,0.34,0.92,0.67,1.38,0.97C21.68,95.05,21.22,94.73,20.76,94.39
+		C20.76,94.39,20.76,94.39,20.76,94.39z"/>
+	<path class="st3" d="M22.13,95.37C22.13,95.36,22.13,95.36,22.13,95.37c-0.44,0.29-1.01,0.3-1.49,0c0,0,0.01,0.01,0.01,0.01
+		C21.12,95.67,21.69,95.65,22.13,95.37z"/>
+	<path class="st3" d="M35.74,71c-3.18-1.31-6.76,0.5-7.99,4.01c-1.22,3.52,0.36,7.44,3.55,8.74c3.18,1.3,6.77-0.5,7.99-4.02
+		C40.51,76.22,38.92,72.3,35.74,71z"/>
+	<path class="st3" d="M38.64,22.51c-3.47-1.42-7.37,0.55-8.7,4.38c-1.33,3.83,0.4,8.1,3.86,9.52c3.47,1.42,7.37-0.54,8.7-4.37
+		C43.84,28.2,42.1,23.93,38.64,22.51z"/>
+	<path class="st3" d="M58.97,13.28c-2.59-1.06-5.51,0.41-6.5,3.27c-0.99,2.86,0.3,6.06,2.88,7.11c2.59,1.06,5.5-0.41,6.5-3.27
+		C62.85,17.53,61.56,14.34,58.97,13.28z"/>
+	<path class="st4" d="M91.37,11.51C63.22-7.72,24.2-3.67,8.98,29.84c-6.77,14.91-6.89,31.7-0.36,49.91
+		c0.26,0.73,0.54,1.44,0.85,2.13c3.34,5.36,7.29,9.52,11.29,12.5c0,0,0,0-0.01,0c0,0,0,0,0,0c-4.01-2.97-7.95-7.15-11.29-12.5
+		c2.38,5.47,6.06,10,10.75,13.2c0,0,0,0,0,0c0.07,0.05,0.15,0.1,0.22,0.15c-0.07-0.05-0.16-0.1-0.22-0.14
+		c0.14,0.09,0.28,0.19,0.42,0.29c0.01,0.01,0.02,0,0.03,0.01c0,0-0.01-0.01-0.01-0.01c0.48,0.31,1.05,0.29,1.49,0
+		c0,0,0,0.01-0.01,0.01c-0.44,0.29-1.01,0.3-1.48,0.01c0.46,0.31,0.92,0.63,1.46,0.95c0.71,0.42,1.5,0.84,2.35,1.22
+		c1.46,0.66,2.81,1.1,3.98,1.39c-0.39-0.11-0.78-0.22-1.17-0.36c-0.03-0.01-0.06-0.02-0.09-0.04c-0.25-0.1-0.41-0.33-0.57-0.55
+		c0.16,0.22,0.32,0.44,0.57,0.55c0.03,0.01,0.06,0.02,0.09,0.04c0.39,0.13,0.78,0.24,1.17,0.36c0.02-0.08,0.04-0.17,0.06-0.26
+		c-0.69-0.25-1.39-0.54-2.1-0.87c0,0,0,0,0,0c0,0-0.01,0-0.01-0.01c-0.18-0.36-0.23-0.81-0.11-1.24c0.18-0.65,0.7-1.09,1.28-1.16
+		c-0.57,0.07-1.08,0.51-1.27,1.16c-0.12,0.44-0.07,0.88,0.11,1.25c0.71,0.33,1.41,0.63,2.1,0.88c0.22-0.97,0.44-1.94,0.67-2.91
+		c0,0,0,0,0.01,0c-0.22,0.97-0.45,1.94-0.67,2.91c0,0,0,0-0.01,0c-0.02,0.09-0.04,0.17-0.06,0.26c0.84,0.24,1.71,0.34,2.57,0.5
+		c0.61,0.14,1.21,0.27,1.8,0.35c0.01,0.01,0.03,0.01,0.04,0.01c6.81,0.9,13.49-1.31,13.49-1.31c1.59-0.53,2.78-1.06,3.24-1.28
+		c2.42-1.14,7.4-3.49,11.36-9.09c2.54-3.6,3.58-7.02,4.08-8.74c1.32-4.51,1.48-8.71,1.22-12.11c-0.66-4.62-1.43-8.2-2.02-10.64
+		c-0.46-1.89-0.91-3.52-0.89-5.91c0.02-2.08,0.39-4.15,1.11-6.22c3.02-8.69,9.97-12.71,20.65-11.95c4.86,0.35,9-2.74,10.54-7.86
+		C96.93,20.45,96.1,14.74,91.37,11.51z M20.76,94.39C20.76,94.39,20.76,94.39,20.76,94.39c0.46,0.34,0.92,0.66,1.38,0.97
+		C21.68,95.05,21.22,94.73,20.76,94.39z M25.41,94.26c-1.18-0.55-2.25-1.13-3.22-1.69c0,0,0-0.01-0.01-0.01c0,0,0,0,0,0
+		C23.15,93.13,24.23,93.71,25.41,94.26C25.41,94.26,25.41,94.26,25.41,94.26z M22.74,59.66c-3.46-1.42-5.2-5.68-3.86-9.52
+		c1.33-3.83,5.24-5.79,8.7-4.38c3.47,1.42,5.2,5.68,3.87,9.52C30.12,59.12,26.21,61.08,22.74,59.66z M39.28,79.74
+		c-1.22,3.52-4.8,5.32-7.99,4.02c-3.18-1.3-4.77-5.22-3.55-8.74c1.23-3.52,4.81-5.32,7.99-4.01C38.92,72.3,40.51,76.22,39.28,79.74z
+		 M42.51,32.03c-1.33,3.83-5.24,5.8-8.7,4.37c-3.46-1.42-5.2-5.69-3.86-9.52c1.33-3.83,5.24-5.79,8.7-4.38
+		C42.1,23.93,43.84,28.2,42.51,32.03z M61.85,20.39c-1,2.86-3.91,4.33-6.5,3.27c-2.59-1.06-3.88-4.25-2.88-7.11
+		c0.99-2.86,3.91-4.33,6.5-3.27S62.85,17.53,61.85,20.39z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/bench_black.svg b/assets/walkbybrussels/bench_black.svg
new file mode 100644
index 0000000..e13b399
--- /dev/null
+++ b/assets/walkbybrussels/bench_black.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<g>
+	<rect x="1.2" y="58.1" width="97.8" height="11"/>
+	<rect x="9.3" y="26.9" width="79.8" height="11"/>
+	<rect x="9.4" y="12.9" width="79.8" height="11"/>
+	<path d="M93.9,49.3c-29.6,0-59.2,0-88.8,0c-0.9,2.1-1.9,4.2-2.8,6.2c31.7,0,63.5,0,95.2,0C96.3,53.5,95.1,51.4,93.9,49.3z"/>
+	<path d="M9,40.9C8,42.9,7.1,45,6.2,47.1C35,47,63.7,47,92.5,46.9c-1.2-2-2.3-4-3.5-6C62.4,40.9,35.7,40.9,9,40.9z"/>
+	<rect x="10.1" y="71.2" width="5.5" height="21.2"/>
+	<rect x="82" y="71.2" width="5.5" height="21.2"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/building.svg b/assets/walkbybrussels/building.svg
new file mode 100644
index 0000000..333d222
--- /dev/null
+++ b/assets/walkbybrussels/building.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st2" d="M50.8,0.5c-0.51-0.25-1.09-0.25-1.6,0L0.15,24.65h99.7L50.8,0.5z"/>
+	<path class="st2" d="M0.15,30.26c0,2.51,1.79,4.55,4.01,4.55h8.62v64.66h10.63V34.81h21.2v64.88H50h5.38V34.81h21.06v64.66h10.63
+		V34.81h8.76c2.22,0,4.01-2.04,4.01-4.55v-5.61H0.15V30.26z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/bus_black.svg b/assets/walkbybrussels/bus_black.svg
new file mode 100644
index 0000000..4b19aef
--- /dev/null
+++ b/assets/walkbybrussels/bus_black.svg
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+</style>
+<g>
+	<path class="st0" d="M56.4,11.6c-1-0.6-2-0.9-3.3-0.9c-0.8,0-1.5,0.2-2.2,0.6c-2,1.2-2,4.1-0.9,5.4c0.5,0.6,1.2,1,2,1.3
+		c0.5,0.2,1,0.4,1.5,0.8c0.5,0.4,0.7,0.9,0.6,1.5c-0.2,1-1,1.6-2,1.5c-0.6,0-1.2-0.3-1.8-0.7C50.2,21,50.1,21,50,21.3
+		c-0.2,0.4-0.4,0.8-0.6,1.2c-0.1,0.3-0.1,0.4,0.2,0.5c0.9,0.5,1.8,0.8,2.8,0.8c1.1,0,2.1-0.3,2.9-1c1.5-1.4,1.8-4.3-0.5-5.7
+		c-0.4-0.2-0.8-0.4-1.2-0.6c-0.5-0.3-1.1-0.5-1.6-0.9c-1-0.9-0.8-2.3,0.4-2.8c0.5-0.2,0.9-0.2,1.4-0.1c0.6,0.1,1.1,0.4,1.6,0.7
+		c0.1,0.1,0.2,0.1,0.3-0.1c0.2-0.4,0.5-0.9,0.7-1.3C56.6,11.8,56.6,11.7,56.4,11.6z"/>
+	<path class="st0" d="M66.2,10.9c-2.8,0-5.5,0-8.3,0c-0.2,0-0.3,0.1-0.3,0.3c0,0.5,0,0.9,0,1.4c0,0.2,0.1,0.3,0.3,0.3
+		c0.9,0,1.8,0,2.8,0c0.2,0,0.3,0.1,0.3,0.3c0,1.7,0,3.3,0,5c0,0-0.1,0-0.1,0c0,1.7,0,3.3,0,5c0,0.2,0,0.3,0.3,0.3c0.6,0,1.1,0,1.7,0
+		c0.2,0,0.2,0,0.2-0.3c0-0.9,0-1.7,0-2.6c0-2.5,0-4.9,0-7.4c0-0.3,0.1-0.4,0.4-0.4c0.9,0,1.8,0,2.7,0c0.2,0,0.3-0.1,0.3-0.3
+		c0-0.5,0-0.9,0-1.4C66.5,11,66.4,10.9,66.2,10.9z"/>
+	<path class="st0" d="M34.2,38.8c1-0.1,2-0.2,3-0.3c1-0.1,2-0.2,3-0.3c0.4,0,0.4,0,0.3-0.4c-0.1-0.6-0.1-1.1-0.2-1.7
+		c0-0.2-0.1-0.3-0.3-0.2c-1.2,0.2-2.5,0.4-3.7,0.6c-1.5,0.2-3,0.5-4.5,0.7c-1.1,0.2-2.2,0.3-3.3,0.5c-0.2,0-0.2,0.1-0.2,0.2
+		c0,0.6,0,1.2,0,1.8c0,0.2,0.1,0.3,0.3,0.4c3,1.1,6,2.2,9,3.3c0.1,0,0.2,0,0.3,0.2c-1.2,0.4-2.4,0.8-3.6,1.2
+		c-1.9,0.6-3.8,1.2-5.7,1.8c-0.1,0-0.2,0.1-0.2,0.3c0,0.6,0,1.3,0,1.9c0,0.2,0,0.2,0.2,0.3c0.3,0,0.7,0.1,1,0.2
+		c3.5,0.7,7,1.3,10.5,2c0.2,0,0.2,0,0.3-0.2c0-0.5,0.1-1,0.2-1.5c0.1-0.5,0.1-0.5-0.4-0.5c-1.2-0.2-2.4-0.3-3.5-0.5
+		c-1.4-0.2-2.8-0.4-4.2-0.6c-0.4,0-0.8-0.1-1.2-0.2c0.1-0.1,0.3-0.2,0.4-0.2c2.8-0.9,5.6-1.8,8.4-2.7c0.2-0.1,0.3-0.2,0.3-0.4
+		c0-0.6,0-1.2,0-1.8c0-0.3-0.1-0.4-0.3-0.5c-1.2-0.4-2.3-0.8-3.5-1.2c-1.8-0.6-3.6-1.2-5.4-1.9c0.1,0,0.2-0.1,0.2-0.1
+		C32.3,39,33.2,38.9,34.2,38.8z"/>
+	<path class="st0" d="M28.6,33c1.9,0,3.8,0,5.7,0c1.9,0,3.8,0,5.6,0.1c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.1-0.2,0.1-0.3
+		c0-0.4,0-1.2,0-1.5c0,0,0-0.2,0-0.3c0,0-0.1-0.1-0.2-0.1c-1,0-2,0-3,0c-2.8,0-5.6-0.1-8.4-0.1c-0.3,0-0.4,0.1-0.3,0.4
+		c0,0.6,0,1.1,0,1.7C28.4,32.9,28.4,33,28.6,33z"/>
+	<path d="M86.1,15c-1.3-0.3-2.7-0.6-4-0.9c-0.2,0-0.3,0-0.3,0.2c-0.1,1.4-0.6,2.4-2,2.8c0.4,0.1,0.8,0.2,1.1,0.5
+		c1.5,1.1,1.5,3.8,0,5c-0.8,0.6-1.7,0.9-2.6,0.9c-1.3,0-2.7,0-4,0c-0.3,0-0.4-0.1-0.4-0.4c0.1-3.5,0.1-7,0.1-10.4
+		c0-0.3-0.1-0.4-0.3-0.4c-1-0.2-2-0.4-3-0.7c-0.3-0.1-0.3,0.1-0.3,0.3c0,3.3-0.1,6.5-0.1,9.8c0,0.5,0,1,0,1.6c0,0.2,0,0.2-0.2,0.2
+		c-0.6,0-1.2,0-1.8,0c-0.2,0-0.2,0-0.2-0.2c0-0.1,0-0.2,0-0.2c0-3.9,0.1-7.8,0.1-11.7c0-0.2,0-0.4-0.2-0.4c-1.6-0.4-3.2-0.7-4.8-1.1
+		c-3.2-0.7-6.5-1.4-9.7-2.2c-2.2-0.5-4.4-1-6.6-1.5c-2.9-0.7-5.8-1.3-8.8-2c-1.8-0.4-3.7-0.8-5.5-1.2c-0.2,0-0.3,0-0.3,0.2
+		c-0.2,1.2-0.5,2.5-0.7,3.7c-0.1,0.5-0.1,0.5,0.3,0.5c0.1,0,0.2,0,0.3,0.1c0.9,0.2,1.7,0.7,2,1.7c0,0.1,0,0.3,0.1,0.4
+		c0.1-0.3,0.2-0.5,0.3-0.8c0.8-1.8,3.1-2,4.4-1c0.9,0.7,1.3,1.7,1.4,2.9c0.1,1.6,0,3.1,0,4.7c0,0.3-0.1,0.4-0.4,0.4
+		c-3.3,0-6.6-0.1-9.9-0.1c-0.2,0-0.3,0.1-0.4,0.3c-0.1,0.5-0.2,1-0.3,1.5c-0.1,0.2,0,0.3,0.2,0.4c1.1,0.5,2.3,1,3.4,1.4
+		c2.3,1,4.7,2,7,2.9c0.2,0.1,0.3,0.2,0.2,0.4c0,0.5,0,1.1,0,1.6c0,0.2-0.1,0.3-0.2,0.4c-1.2,0.4-2.3,0.9-3.5,1.4
+		c-2.5,1-5,1.9-7.5,2.9c-0.2,0.1-0.3,0-0.4-0.2c-0.2-0.6-0.3-1.2-0.5-1.7c-0.1-0.2,0-0.3,0.2-0.4c2.3-0.8,4.6-1.6,7-2.4
+		c0.7-0.2,1.4-0.5,2.1-0.7c0-0.1-0.1-0.1-0.1-0.1c-2.8-1.1-5.5-2.1-8.2-3.2c-0.2-0.1-0.2,0-0.3,0.2c-0.5,2.4-1,4.8-1.5,7.3
+		c-0.7,3.3-1.3,6.6-2,9.8s-1.3,6.6-2,9.8c-0.7,3.3-1.3,6.6-2,9.9c-0.7,3.5-1.4,7-2.1,10.4c-0.6,3.2-1.3,6.3-1.9,9.5
+		c-0.7,3.5-1.4,7-2.1,10.5c-0.5,2.5-1,4.9-1.5,7.4c0,0.1-0.1,0.2,0,0.2c0.1,0,0.2,0,0.3,0c18.6,0,37.2,0,55.8,0c0.1,0,0.1,0,0.2,0
+		c0-0.1,0.1-0.2,0.1-0.3c0.4-2.1,0.8-4.3,1.3-6.4c0.8-4.2,1.7-8.4,2.6-12.7c0.9-4.4,1.8-8.9,2.7-13.3c0.8-3.7,1.5-7.5,2.3-11.2
+		c0.7-3.3,1.3-6.6,2-9.9c0.6-3.1,1.2-6.2,1.8-9.2c0.7-3.3,1.3-6.6,2-9.8c0.5-2.4,0.9-4.7,1.4-7.1C86.3,15.1,86.2,15,86.1,15z
+		 M28.7,30.6c2.8,0,5.6,0.1,8.4,0.1c1,0,2,0,3,0c0.1,0,0.2,0,0.2,0.1c0.1,0.1,0.1,0.2,0,0.3c0,0.3,0,1.1,0,1.5c0,0.1,0,0.2-0.1,0.3
+		C40.1,33,40,33,39.9,33c-1.9,0-3.8,0-5.6-0.1c-1.9,0-3.8,0-5.7,0c-0.2,0-0.2-0.1-0.2-0.3c0-0.6,0-1.1,0-1.7
+		C28.3,30.7,28.4,30.6,28.7,30.6z M36.5,41c1.2,0.4,2.3,0.8,3.5,1.2c0.2,0.1,0.3,0.2,0.3,0.5c0,0.6,0,1.2,0,1.8
+		c0,0.2-0.1,0.3-0.3,0.4c-2.8,0.9-5.6,1.8-8.4,2.7c-0.1,0-0.3,0.1-0.4,0.2c0.4,0,0.8,0.1,1.2,0.2c1.4,0.2,2.8,0.4,4.2,0.6
+		c1.2,0.2,2.4,0.3,3.5,0.5c0.5,0.1,0.5,0.1,0.4,0.5c-0.1,0.5-0.1,1-0.2,1.5c0,0.2-0.1,0.3-0.3,0.2c-3.5-0.7-7-1.3-10.5-2
+		c-0.3-0.1-0.7-0.1-1-0.2c-0.2,0-0.2-0.1-0.2-0.3c0-0.6,0-1.3,0-1.9c0-0.2,0.1-0.2,0.2-0.3c1.9-0.6,3.8-1.2,5.7-1.8
+		c1.2-0.4,2.4-0.8,3.6-1.2c-0.1-0.1-0.2-0.1-0.3-0.2c-3-1.1-6-2.2-9-3.3c-0.2-0.1-0.3-0.1-0.3-0.4c0-0.6,0-1.2,0-1.8
+		c0-0.2,0-0.2,0.2-0.2c1.1-0.2,2.2-0.3,3.3-0.5c1.5-0.2,3-0.5,4.5-0.7c1.2-0.2,2.5-0.4,3.7-0.6c0.2,0,0.2,0,0.3,0.2
+		c0,0.6,0.1,1.1,0.2,1.7c0,0.4,0,0.4-0.3,0.4c-1,0.1-2,0.2-3,0.3c-1,0.1-2,0.2-3,0.3c-1,0.1-1.9,0.2-2.9,0.3c0,0-0.1,0-0.2,0.1
+		C32.9,39.8,34.7,40.4,36.5,41z M56.5,11.9c-0.2,0.4-0.5,0.9-0.7,1.3c-0.1,0.2-0.2,0.2-0.3,0.1c-0.5-0.3-1-0.6-1.6-0.7
+		c-0.5-0.1-1-0.1-1.4,0.1c-1.2,0.5-1.4,1.9-0.4,2.8c0.5,0.4,1,0.6,1.6,0.9c0.4,0.2,0.8,0.4,1.2,0.6c2.2,1.4,2,4.3,0.5,5.7
+		c-0.8,0.8-1.8,1.1-2.9,1c-1,0-1.9-0.3-2.8-0.8c-0.2-0.1-0.3-0.2-0.2-0.5c0.2-0.4,0.4-0.8,0.6-1.2c0.1-0.2,0.2-0.3,0.4-0.1
+		c0.5,0.4,1.1,0.6,1.8,0.7c1,0.1,1.8-0.5,2-1.5c0.1-0.6-0.1-1.1-0.6-1.5c-0.5-0.4-1-0.6-1.5-0.8c-0.7-0.3-1.4-0.7-2-1.3
+		c-1.2-1.3-1.2-4.2,0.9-5.4c0.7-0.4,1.4-0.6,2.2-0.6c1.2,0,2.3,0.4,3.3,0.9C56.6,11.7,56.6,11.8,56.5,11.9z M66.5,12.6
+		c0,0.2-0.1,0.3-0.3,0.3c-0.9,0-1.8,0-2.7,0c-0.3,0-0.4,0.1-0.4,0.4c0,2.5,0,5,0,7.4c0,0.9,0,1.7,0,2.6c0,0.2-0.1,0.3-0.2,0.3
+		c-0.5,0-1.1,0-1.7,0c-0.2,0-0.3-0.1-0.3-0.3c0-1.7,0-3.3,0-5c0,0,0.1,0,0.1,0c0-1.7,0-3.3,0-5c0-0.3-0.1-0.3-0.3-0.3
+		c-0.9,0-1.8,0-2.8,0c-0.2,0-0.3,0-0.3-0.3c0-0.5,0-0.9,0-1.4c0-0.2,0-0.3,0.3-0.3c2.8,0,5.5,0,8.3,0c0.2,0,0.3,0.1,0.3,0.3
+		C66.5,11.6,66.5,12.1,66.5,12.6z"/>
+	<path d="M35.3,13.4c0.5,0,1,0,1.5,0c0,0,0,0,0,0c0.5,0,1,0,1.5,0c0.2,0,0.2,0,0.2-0.2c0-0.6,0-1.1,0-1.7c0-0.5-0.1-0.9-0.4-1.3
+		c-0.5-0.6-1.1-0.7-1.7-0.6c-0.7,0.1-1.1,0.7-1.3,1.4c-0.2,0.7-0.1,1.5-0.1,2.2C35.1,13.4,35.2,13.4,35.3,13.4z"/>
+	<path d="M76.1,19.9c0,0.5,0,1,0,1.6c0,0.2,0.1,0.3,0.2,0.3c0.6,0,1.2,0,1.8,0c0.4,0,0.8-0.2,1.2-0.5c0.5-0.4,0.6-1,0.5-1.7
+		c-0.1-0.7-0.5-1.2-1.2-1.4C77.8,17.9,77,18,76.3,18c-0.2,0-0.2,0.1-0.2,0.2C76.1,18.8,76.1,19.3,76.1,19.9
+		C76.1,19.9,76.1,19.9,76.1,19.9z"/>
+	<path d="M76.1,16c0,0.1,0,0.2,0.2,0.2c0.6,0,1.2,0,1.8-0.1c1-0.2,1.6-1,1.5-2.1c0-0.3-0.2-0.6-0.5-0.6c-0.9-0.2-1.8-0.4-2.7-0.6
+		c-0.2-0.1-0.3,0-0.3,0.2c0,0.5,0,1,0,1.4c0,0,0,0,0,0C76.1,15,76.1,15.5,76.1,16z"/>
+	<path d="M31.9,13.4c0.5,0,0.9,0,1.4,0c0.2,0,0.2,0,0.2-0.2c0-0.6,0-1.2-0.1-1.8c-0.2-1.3-1.1-2-2.2-1.7c-0.2,0.1-0.3,0.1-0.3,0.3
+		c-0.2,1-0.4,2-0.6,3.1c0,0.2,0,0.2,0.2,0.2C30.9,13.4,31.4,13.4,31.9,13.4z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/park.svg b/assets/walkbybrussels/park.svg
new file mode 100644
index 0000000..2d2d57d
--- /dev/null
+++ b/assets/walkbybrussels/park.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<path class="st1" d="M86.8,75.14c0.01,0,0.02,0,0.03-0.01c1.74-0.37,3.27-0.98,4.62-1.78c2.96-1.77,5.01-4.52,6.31-8.04c0,0,0,0,0,0
+	s0.15-0.43,0.29-0.9c0.51-1.75,0.67-2.76,0.67-2.76c0.28-1.71,0.03-3.45-0.18-4.5c-0.01-0.05-0.02-0.11-0.03-0.19
+	c-0.01-0.06-0.02-0.12-0.03-0.19c-0.04-0.19-0.08-0.41-0.12-0.64c-0.02-0.08-0.03-0.15-0.05-0.24c-0.02-0.08-0.04-0.16-0.06-0.25
+	c-0.01-0.03-0.01-0.05-0.02-0.08c-0.02-0.06-0.03-0.12-0.05-0.18c-0.02-0.09-0.05-0.18-0.07-0.27c-0.04-0.14-0.08-0.29-0.12-0.43
+	c0-0.02-0.01-0.03-0.01-0.04c-0.49-1.64-1.36-3.68-3.02-5.6c-0.01-0.01-0.02-0.02-0.03-0.03c-0.12-0.13-0.24-0.26-0.36-0.4
+	c-0.02-0.02-0.04-0.04-0.06-0.06c-0.07-0.08-0.14-0.15-0.21-0.23c-0.02-0.02-0.05-0.05-0.07-0.07c-0.06-0.06-0.12-0.12-0.19-0.18
+	c-0.07-0.07-0.15-0.14-0.22-0.21c-0.06-0.06-0.13-0.12-0.19-0.17c-0.08-0.07-0.15-0.13-0.23-0.2c-0.07-0.06-0.14-0.12-0.2-0.17
+	c-0.08-0.07-0.16-0.13-0.23-0.19c-0.07-0.05-0.14-0.11-0.21-0.16c-0.08-0.06-0.16-0.12-0.24-0.18c-0.07-0.05-0.14-0.1-0.22-0.15
+	c-0.08-0.06-0.17-0.12-0.25-0.17c-0.07-0.05-0.15-0.1-0.22-0.15c-0.09-0.05-0.17-0.11-0.26-0.16c-0.08-0.04-0.15-0.09-0.23-0.14
+	c-0.09-0.05-0.18-0.1-0.27-0.15c-0.08-0.05-0.15-0.09-0.23-0.14c-0.09-0.05-0.19-0.1-0.28-0.15c-0.08-0.04-0.16-0.08-0.24-0.13
+	c-0.09-0.05-0.19-0.09-0.29-0.14c-0.08-0.03-0.16-0.08-0.24-0.11c-0.1-0.04-0.2-0.09-0.3-0.13c-0.08-0.03-0.17-0.07-0.25-0.11
+	c-0.1-0.04-0.21-0.08-0.32-0.13c-0.08-0.03-0.17-0.07-0.25-0.1c-0.11-0.04-0.22-0.07-0.33-0.12c-0.08-0.03-0.16-0.06-0.25-0.08
+	c-0.12-0.04-0.24-0.08-0.36-0.11c-0.08-0.02-0.16-0.05-0.24-0.07c-0.13-0.04-0.27-0.08-0.4-0.11c-0.07-0.02-0.13-0.03-0.2-0.05
+	c-0.2-0.05-0.41-0.1-0.61-0.15c0,0-0.01,0-0.01,0c0.04-0.07,0.09-0.14,0.14-0.2c0.14-0.19,0.27-0.38,0.36-0.58
+	c0.35-0.8,0.71-1.6,1.06-2.41c0.26-0.59,0.5-1.19,0.73-1.79c0,0,0,0,0,0c0.12-0.29,0.26-0.69,0.38-1.19
+	c0.31-1.33,0.19-2.39,0.07-3.3c-0.11-0.87-0.35-2.1-0.91-3.49l-0.1-0.23v0c-0.03-0.06-0.05-0.13-0.08-0.19
+	c-0.17-0.38-0.36-0.75-0.56-1.1c-0.6-1.06-1.32-2.01-2.16-2.84c-0.28-0.28-0.58-0.54-0.88-0.79c-0.52-0.43-1.09-0.82-1.68-1.17
+	c-0.2-0.12-0.41-0.23-0.62-0.35c-0.27-0.14-0.54-0.28-0.82-0.41c-0.21-0.1-0.39-0.18-0.51-0.31c-0.07-0.08-0.13-0.18-0.15-0.31
+	c-0.02-0.08-0.03-0.18-0.02-0.29c0.07-1.55-0.17-2.98-0.71-4.23c-0.19-0.43-0.4-0.83-0.66-1.22c-0.45-0.67-1.01-1.27-1.69-1.8
+	c-0.51-0.4-1.08-0.74-1.72-1.05c-0.22-0.1-0.42-0.21-0.6-0.32c-0.27-0.16-0.51-0.33-0.71-0.51c-0.2-0.18-0.37-0.38-0.52-0.59
+	c-0.39-0.56-0.6-1.24-0.76-2.11c-0.13-0.73-0.33-1.42-0.59-2.08c-0.2-0.5-0.43-0.97-0.7-1.43C71.4,7,70.86,6.3,70.24,5.66
+	c-0.09-0.09-0.19-0.19-0.28-0.28c-0.29-0.28-0.59-0.54-0.9-0.78c-0.42-0.33-0.87-0.63-1.33-0.9c-0.31-0.18-0.63-0.35-0.96-0.51
+	c-0.98-0.46-2.04-0.81-3.13-1.02c-0.37-0.07-0.74-0.12-1.11-0.16c-0.75-0.08-1.52-0.08-2.29-0.02c-0.54,0.04-1.07,0.13-1.6,0.24
+	c-0.35,0.08-0.69,0.17-1.03,0.28c-0.17,0.05-0.33,0.11-0.5,0.18c-0.33,0.13-0.66,0.27-0.97,0.42c-0.95,0.46-1.84,1.05-2.63,1.74
+	c-0.26,0.23-0.52,0.47-0.77,0.72c-1.96,2.01-3.22,4.67-3.32,7.52c-0.01,0.21-0.04,0.37-0.1,0.51c-0.04,0.09-0.1,0.16-0.18,0.23
+	c-0.11,0.1-0.26,0.17-0.47,0.24c-3.15,1.03-5.33,3.32-6.06,6.24c-0.06,0.23-0.11,0.47-0.15,0.71c-0.06,0.36-0.1,0.73-0.11,1.11
+	c-0.01,0.13-0.01,0.25-0.01,0.38s0,0.25,0.01,0.38c0,0.04,0,0.08,0,0.12c0,0.34-0.06,0.58-0.2,0.75c-0.12,0.14-0.3,0.24-0.56,0.28
+	c-0.09,0.02-0.18,0.03-0.28,0.03c-0.02-0.06-0.05-0.12-0.07-0.19c-0.06-0.17-0.12-0.34-0.19-0.5c-0.03-0.06-0.05-0.12-0.07-0.18
+	c-0.83-1.94-1.62-3.9-2.45-5.84c-0.5-1.16-1.02-2.32-1.57-3.46c-0.45-0.91-0.92-1.81-1.42-2.68c-0.38-0.66-0.78-1.3-1.2-1.92
+	c-0.56-0.84-1.17-1.64-1.84-2.4c-0.33-0.38-0.68-0.76-1.04-1.12c-0.54-0.54-1.12-1.06-1.73-1.55c-0.15-0.12-0.3-0.23-0.45-0.34
+	c-0.13-0.1-0.27-0.19-0.41-0.29c-0.67-0.45-1.34-0.81-2.02-1.08c-0.37-0.14-0.73-0.26-1.1-0.35c-0.24-0.06-0.49-0.11-0.74-0.15
+	c-0.37-0.06-0.74-0.08-1.1-0.09c-0.86-0.01-1.72,0.13-2.57,0.41c-1.09,0.36-2.17,0.97-3.22,1.82c-0.97,0.79-1.85,1.64-2.65,2.53
+	c-0.4,0.45-0.78,0.91-1.15,1.38c-0.24,0.31-0.48,0.63-0.71,0.95c-0.11,0.16-0.23,0.32-0.34,0.49c-0.45,0.65-0.86,1.32-1.26,2
+	c-0.9,1.54-1.68,3.14-2.41,4.77c-0.16,0.36-0.33,0.73-0.48,1.09c-0.4,0.92-0.78,1.84-1.16,2.76c-0.01,0.01-0.01,0.02-0.01,0.03
+	C7.52,21.1,7.1,22.11,6.71,23.2c-0.36,0.99-0.65,1.94-0.9,2.83c-0.06,0.13-0.11,0.27-0.15,0.41c-0.76,3.07-1.58,6.14-2.33,9.21
+	c-0.45,1.84-0.88,3.7-1.26,5.55c-0.95,4.62-1.34,9.33-0.24,14.01c0.38,1.64,0.88,3.19,1.5,4.66c0.09,0.21,0.18,0.42,0.27,0.62
+	c0.28,0.62,0.58,1.22,0.9,1.81c0.32,0.59,0.67,1.16,1.04,1.71c0.9,1.35,1.94,2.6,3.12,3.74c0.27,0.26,0.55,0.52,0.84,0.77
+	c1.54,1.34,3.3,2.52,5.3,3.53c0.3,0.15,0.59,0.29,0.89,0.42c0.6,0.26,1.21,0.48,1.84,0.68s1.25,0.36,1.89,0.5
+	c0.69,0.15,1.39,0.26,2.1,0.35v20.3H1.16v4.9h97.56v-4.9H86.8V75.14z M8.39,27.43c0.02-0.07,0.04-0.13,0.05-0.2l0,0
+	C8.43,27.3,8.41,27.37,8.39,27.43z M69.97,57.4c0,0.93-0.06,2.03,0.01,3.12c0.32,5.2,2.46,9.47,6.85,12.55
+	c1.52,1.07,3.22,1.75,5.06,2.07v19.17c-5.99,0-11.95,0-17.97,0V55.66c0.77,0.36,1.53,0.71,2.33,0.96
+	C67.36,56.97,68.53,57.11,69.97,57.4z M39,67.83c3.73-3.64,5.97-8.06,7.05-13.14c4.23,3.17,8.52,3.2,12.98,0.91v38.7H26.41V73.98
+	C31.27,73.32,35.48,71.27,39,67.83z"/>
+</svg>
diff --git a/assets/walkbybrussels/playground_black.svg b/assets/walkbybrussels/playground_black.svg
new file mode 100644
index 0000000..19d7ad7
--- /dev/null
+++ b/assets/walkbybrussels/playground_black.svg
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<g>
+	<path d="M39.2,90.4c1.2-1.2,2.1-2.6,2.8-4.1c0.3-0.8,0.6-1.6,0.7-2.5c-0.8-0.1-1.6-0.2-2.3-0.2C34.9,83,29.6,81.8,24.5,80
+		c-6.6-2.2-12.3-5.1-16.6-8.2c4.9,9.2,12.6,16.6,22,21c0,0,0,0,0.1,0c0,0,0,0,0.1,0C33.3,93.2,36.5,92.4,39.2,90.4L39.2,90.4z"/>
+	<path d="M11.4,22.5c0,3.8,7.1,11.9,13.9,19.8c10.5,12,22.4,25.6,22.4,36.9c0,0.1,0,0.3,0,0.4c3,0.1,6,0,9-0.2
+		C56.2,33.2,53,23.8,41.2,3.2c0-0.1-0.1-0.2-0.1-0.3c-12,2.3-22.6,9.1-29.7,19C11.4,22.1,11.4,22.3,11.4,22.5
+		C11.4,22.5,11.4,22.5,11.4,22.5z"/>
+	<path d="M88.7,22c0.8,9.3-3.1,18.5-6.8,27.5c-3.9,7.9-6.3,16.4-7,25.2c0,0.1,0,0.1,0,0.2c7.4-3.2,14.1-7.9,19.7-13.8
+		c0.7-0.8,1.4-1.6,2.1-2.4C99.3,45.8,96.3,32.6,88.7,22z"/>
+	<path d="M12.1,69.2c0.1,0,0.1,0.1,0.2,0.1c7.4,4.7,18.6,8.8,31,10v-0.1c0-9.7-11.8-23.1-21.2-34c-3-3.1-5.9-6.5-8.4-10
+		c-2.4-3-4.3-5.8-5.4-8.2c-1.4,2.6-2.6,5.3-3.5,8c0,0.1-0.1,0.2-0.1,0.3c-0.1,0.2-0.1,0.4-0.2,0.5c-0.1,0.2-0.1,0.4-0.2,0.7
+		c0,0.1-0.1,0.2-0.1,0.3C4,37.1,4,37.4,3.9,37.8c0,0,0,0,0,0c-1,3.8-1.5,7.8-1.5,11.9c0,0.2,0,0.4,0,0.5c0,0.2,0,0.3,0,0.5
+		c0.1,3.7,0.6,7.4,1.6,11c0.1,0.1,0.2,0.2,0.3,0.4c1.5,2.3,4.1,4.7,7.7,7C12,69.2,12,69.2,12.1,69.2z"/>
+	<path d="M70.4,75.2c0-0.2,0-0.3,0-0.5c0.6-9.4,3.1-18.5,7.3-26.9c4.8-11.6,9.4-22.5,4.3-33.2C73.6,6.8,62.6,2.4,51.1,2.1
+		c-0.4,0-0.8,0-1.1,0l0,0c-1.4,0-2.7,0.1-4.1,0.2C58,23.6,60.8,35,61.3,78.8c3.1-0.5,6.2-1.2,9.2-2.2C70.4,76.1,70.4,75.7,70.4,75.2
+		z"/>
+	<path d="M56.8,84c-3.1,0.3-6.2,0.3-9.3,0.2c-0.2,1.1-0.5,2.1-0.9,3.2c-0.9,2.5-2.3,4.7-4.3,6.5c0,0-0.1,0.1-0.1,0.1c0,0,0,0,0,0
+		c-1,0.8-2.1,1.5-3.3,2c3.7,0.9,7.4,1.4,11.2,1.4c2.3,0,4.6-0.2,6.8-0.5c0-0.1,0-0.1,0-0.2c0-4.2,0-8.2,0-11.9
+		C56.8,84.5,56.8,84.3,56.8,84z"/>
+	<path d="M75.8,80.4c0.3,0.9,0.7,1.6,1.1,2.3c1,1.4,2.4,2.6,4.1,3.2c5.7-4.8,10.1-10.9,13-17.8c-5.5,4.9-11.7,8.7-18.4,11.5
+		C75.6,79.8,75.7,80.1,75.8,80.4z"/>
+	<path d="M72.4,83.9c-0.2-0.4-0.5-0.9-0.7-1.4c-0.2-0.5-0.4-1-0.5-1.5c-3.2,1.1-6.6,1.9-10,2.4c0,3.9,0,8,0,12.4
+		c5.6-1.4,10.9-3.8,15.7-7C75.4,87.9,73.7,86.4,72.4,83.9z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/streetart.svg b/assets/walkbybrussels/streetart.svg
new file mode 100644
index 0000000..56d7eb4
--- /dev/null
+++ b/assets/walkbybrussels/streetart.svg
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st3" d="M72.79,34.66l-3.1,2.84c-0.25,0.23-0.6,0.16-0.78-0.07l-5.58-7.15c-0.09-0.12-0.14-0.27-0.13-0.42
+		c-0.01,0.15,0.04,0.31,0.13,0.42l5.58,7.15c0.18,0.23,0.52,0.3,0.78,0.07L72.79,34.66c0.24-0.22,0.24-0.6,0.06-0.83
+		C73.03,34.07,73.03,34.44,72.79,34.66z"/>
+	<path class="st3" d="M47.92,43.19C47.92,43.2,47.92,43.2,47.92,43.19l6.69,8.57c4.21-4.4,7.98-8.6,11.05-12.32
+		c-3.07,3.71-6.84,7.92-11.05,12.31L47.92,43.19z"/>
+	<path class="st3" d="M50.85,55.61c-0.56,0.56-1.13,1.14-1.7,1.7c-0.32,0.32-0.64,0.64-0.96,0.95c-1.26,1.24-2.54,2.49-3.84,3.74
+		c-1.29,1.24-2.59,2.48-3.9,3.69c-0.3,0.29-0.61,0.57-0.92,0.86c-0.68,0.64-1.37,1.27-2.05,1.89l0,0.01
+		c-8.62,7.19-17.24,14.39-25.86,21.58c0,0.01-0.01,0.01-0.01,0.01c-0.43,0.32-0.86,0.63-1.28,0.94c-1.55,0.77-4.15,0.96-5.6-0.8
+		c-0.05-0.07-0.1-0.13-0.15-0.2C4.23,89.49,4,88.96,3.86,88.4C4,88.97,4.23,89.51,4.58,90c0.05,0.07,0.1,0.14,0.15,0.2
+		c1.4,1.74,3.81,2.1,5.6,0.8c0.57-0.29,0.99-0.65,1.28-0.94c5.32-3.94,11.27-8.75,17.36-14.01l7.58-6.73
+		c0.31-0.28,0.62-0.56,0.93-0.85c0-0.02,0-0.02,0-0.02c0.68-0.62,1.37-1.25,2.05-1.89c0.31-0.28,0.61-0.57,0.92-0.85
+		c1.31-1.22,2.61-2.45,3.9-3.69c1.29-1.24,2.57-2.49,3.84-3.74c0.32-0.32,0.64-0.64,0.96-0.95c0.58-0.57,1.14-1.13,1.7-1.7
+		c0.36-0.37,0.72-0.73,1.08-1.09l-0.01-0.01C51.57,54.89,51.21,55.25,50.85,55.61z M4.73,90.19c1.45,1.77,4.05,1.58,5.6,0.8
+		C8.54,92.29,6.13,91.93,4.73,90.19z M36.55,69.31l-7.58,6.73c-6.08,5.27-12.04,10.07-17.36,14.01c0-0.01,0.01-0.01,0.01-0.01
+		c8.62-7.19,17.23-14.38,25.86-21.58C37.17,68.75,36.86,69.03,36.55,69.31z"/>
+	<path class="st3" d="M95.13,6.33c-6.07,0.59-10.41,1.65-13.37,2.76c-3.1,1.16-4.75,2.35-5.55,3.08c0.81-0.72,2.45-1.91,5.54-3.07
+		C84.71,7.98,89.06,6.93,95.13,6.33z"/>
+	<path class="st3" d="M87.49,26.75c-2.56,2.35-5.62,3.54-8.32,4.18C81.86,30.29,84.92,29.1,87.49,26.75
+		c1.58-1.44,5.57-6.32,8.83-20.55c0,0,0,0,0,0C93.05,20.43,89.06,25.31,87.49,26.75z"/>
+	<path class="st4" d="M99.16,3.59c-0.75-0.96-1.89-1.48-3.05-1.39c-6.05,0.5-17.01,2.07-22.35,6.96c-4.32,3.96-6.41,9.52-7.38,13.33
+		c-0.83,0.1-1.61,0.47-2.26,1.06l-3.1,2.84c-0.88,0.8-1.43,1.95-1.49,3.29c-8.09,6.36-16.19,12.71-24.29,19.07
+		C24.18,59.62,13.13,70.48,2.09,81.34c-0.54,0.64-1.48,1.94-1.9,3.86c-0.45,2.08-0.22,4.96,1.47,7.24c2.75,3.7,7.35,3.02,8,2.91
+		c2.1-0.35,3.46-1.43,5.24-2.83c6.62-5.23,10.11-7.99,10.15-7.97c0,0,0,0.01-0.01,0.01c3.36-3.13,8.16-7.45,14.92-13.13
+		c9.57-8.79,20.69-19.83,28.87-29.83c1.24,0.16,2.37-0.25,3.24-1.05l3.1-2.84c0.66-0.6,1.11-1.39,1.33-2.23
+		c3.63-0.41,9.04-1.71,13.36-5.67c5.34-4.9,8.59-16.34,10.04-22.72C100.19,5.86,99.91,4.56,99.16,3.59z M50.85,55.62
+		c-0.56,0.57-1.13,1.13-1.7,1.7c-0.32,0.32-0.64,0.64-0.96,0.95c-1.27,1.25-2.55,2.5-3.84,3.74c-1.29,1.24-2.59,2.47-3.9,3.69
+		c-0.31,0.29-0.61,0.57-0.92,0.85c-0.68,0.64-1.37,1.27-2.05,1.89c0,0,0,0,0,0.02c-0.31,0.29-0.62,0.57-0.93,0.85l-7.58,6.73
+		c-6.08,5.26-12.04,10.07-17.36,14.01c-0.29,0.29-0.71,0.65-1.28,0.94c-1.79,1.3-4.21,0.94-5.6-0.8c-0.05-0.07-0.1-0.13-0.15-0.2
+		C4.23,89.51,4,88.97,3.86,88.4c0.15,0.56,0.38,1.09,0.72,1.58c0.05,0.07,0.1,0.14,0.15,0.2c1.45,1.77,4.05,1.58,5.6,0.8
+		c0.42-0.31,0.85-0.62,1.28-0.94c0-0.01,0.01-0.01,0.01-0.01c8.62-7.19,17.24-14.39,25.86-21.58l0-0.01
+		c0.68-0.62,1.36-1.25,2.05-1.89c0.31-0.29,0.62-0.57,0.92-0.86c1.31-1.22,2.61-2.45,3.9-3.69c1.31-1.25,2.58-2.5,3.84-3.74
+		c0.32-0.32,0.64-0.64,0.96-0.95c0.57-0.57,1.14-1.14,1.7-1.7c0.36-0.36,0.72-0.72,1.07-1.08l0.01,0.01
+		C51.57,54.9,51.22,55.26,50.85,55.62z M54.61,51.76l-6.69-8.57c0,0,0,0,0,0L54.61,51.76c4.21-4.4,7.98-8.6,11.05-12.32
+		C62.59,43.16,58.82,47.36,54.61,51.76z M72.79,34.66l-3.1,2.84c-0.25,0.23-0.6,0.16-0.78-0.07l-5.58-7.15
+		c-0.09-0.12-0.14-0.27-0.13-0.42c-0.01,0.15,0.04,0.3,0.13,0.42l5.58,7.15c0.18,0.22,0.52,0.3,0.78,0.07L72.79,34.66
+		c0.24-0.22,0.24-0.59,0.06-0.83C73.04,34.07,73.04,34.44,72.79,34.66z M76.21,12.17c0.8-0.72,2.45-1.91,5.55-3.08
+		c2.96-1.11,7.3-2.17,13.37-2.76C89.06,6.93,84.71,7.98,81.75,9.1C78.66,10.26,77.02,11.44,76.21,12.17z M87.49,26.75
+		c-2.57,2.35-5.63,3.54-8.32,4.18C81.86,30.29,84.92,29.1,87.49,26.75c1.57-1.43,5.56-6.31,8.82-20.55c0,0,0,0,0,0
+		C93.06,20.43,89.06,25.31,87.49,26.75z"/>
+	<path class="st4" d="M11.61,90.05c5.32-3.94,11.27-8.74,17.36-14.01l7.58-6.73c0.31-0.28,0.62-0.56,0.93-0.85
+		c-8.62,7.19-17.24,14.39-25.86,21.58C11.62,90.04,11.62,90.05,11.61,90.05z"/>
+	<path class="st4" d="M4.73,90.19c1.4,1.74,3.81,2.1,5.6,0.8C8.78,91.76,6.19,91.95,4.73,90.19z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/tree.svg b/assets/walkbybrussels/tree.svg
new file mode 100644
index 0000000..ad76c80
--- /dev/null
+++ b/assets/walkbybrussels/tree.svg
@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<path class="st1" d="M77.22,32.79c2.42-8.74-3.23-17.77-12.07-19.42c-1.33-7.25-7.64-12.75-15.2-12.75c-7.56,0-13.86,5.5-15.2,12.75
+	c-7.17,1.34-12.63,7.71-12.63,15.35c0,1.37,0.19,2.74,0.56,4.08c-7.62,2.43-12.93,9.55-12.93,17.77c0,10.33,8.32,18.73,18.55,18.73
+	c3.69,0,7.2-1.15,10.29-3.33c1.96,1.24,4.09,2.04,6.28,2.59v29.93h4.4v0h5.73v0V68.55c2.19-0.55,4.33-1.34,6.29-2.59
+	c3.09,2.19,6.61,3.33,10.29,3.33c10.23,0,18.55-8.4,18.55-18.73C90.15,42.36,84.85,35.23,77.22,32.79z M59.23,16.22
+	c0,1.73,1.39,3.12,3.09,3.12c7.02,0,11.72,7.74,7.93,14.14c-0.88,1.48-0.38,3.28,0.89,4.17c-1.27-0.89-1.77-2.69-0.89-4.17
+	c3.79-6.41-0.91-14.14-7.93-14.14C60.61,19.35,59.22,17.95,59.23,16.22c-0.01-5.16-4.16-9.36-9.28-9.36c0,0,0,0,0,0
+	C55.07,6.86,59.23,11.06,59.23,16.22z M41.58,26.5c-1.21,1.22-1.21,3.2,0,4.42l1.58,1.6l-1.59-1.6
+	C40.37,29.7,40.37,27.72,41.58,26.5c1.2-1.22,3.16-1.22,4.37,0l0,0C44.74,25.29,42.79,25.29,41.58,26.5z M60.14,39l-5.12,5.17v-0.01
+	L60.14,39c0.9-0.92,2.23-1.14,3.35-0.69C62.37,37.86,61.04,38.08,60.14,39z M53.95,26.51l-4,4.04l-0.01-0.01L53.95,26.51
+	c0.9-0.92,2.23-1.14,3.34-0.69C56.18,25.37,54.85,25.6,53.95,26.51z M44.88,44.15L44.88,44.15l-5.11-5.16
+	c-1.21-1.22-3.17-1.22-4.37,0c-0.91,0.91-1.13,2.25-0.68,3.38c-0.46-1.13-0.23-2.47,0.68-3.38c1.21-1.22,3.16-1.22,4.37,0
+	L44.88,44.15z M44.88,52.97L44.88,52.97l-6.57-6.62L44.88,52.97z M44.73,61.99c-0.41-0.15-0.83-0.23-1.23-0.42
+	C43.9,61.75,44.32,61.83,44.73,61.99z M46.85,41.05v-4.81l0.01,0.01L46.85,41.05L46.85,41.05z M37.58,19.34
+	c0.85,0,1.62-0.35,2.18-0.91C39.21,19,38.43,19.35,37.58,19.34c-1.28,0-2.5,0.27-3.61,0.74C35.08,19.61,36.3,19.34,37.58,19.34z
+	 M28.31,63.04C28.31,63.04,28.31,63.04,28.31,63.04c3.71,0,6.45-1.79,8.11-3.3c0.36-0.33,0.78-0.52,1.22-0.64
+	c-0.44,0.13-0.86,0.32-1.22,0.64C34.77,61.25,32.02,63.04,28.31,63.04z M59.5,59.63c-1.38,1.1-2.91,1.85-4.48,2.42v-0.01
+	c1.57-0.57,3.1-1.32,4.47-2.42c1.02-0.82,2.39-0.85,3.48-0.2C61.88,58.79,60.52,58.81,59.5,59.63z M71.6,63.05
+	c-1.85,0-3.47-0.45-4.83-1.09C68.13,62.6,69.74,63.05,71.6,63.05c6.81,0,12.36-5.6,12.36-12.49c0-6.5-4.87-11.81-11.32-12.37
+	c-0.22-0.02-0.37-0.15-0.57-0.21c0.2,0.06,0.36,0.19,0.57,0.21c6.46,0.55,11.32,5.87,11.32,12.36
+	C83.96,57.45,78.42,63.05,71.6,63.05z"/>
+</svg>
diff --git a/assets/walkbybrussels/viewpoint.svg b/assets/walkbybrussels/viewpoint.svg
new file mode 100644
index 0000000..a0f490e
--- /dev/null
+++ b/assets/walkbybrussels/viewpoint.svg
@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#003B8B;}
+	.st1{fill:#72B154;}
+	.st2{fill:#FDC400;}
+	.st3{fill:none;}
+	.st4{fill:#E64335;}
+	.st5{fill:#9C9B9A;}
+	.st6{fill:#020203;}
+	.st7{fill:#0081C1;}
+	.st8{clip-path:url(#SVGID_2_);}
+	.st9{fill:none;stroke:#003B8B;stroke-width:9;stroke-linecap:round;}
+	.st10{clip-path:url(#SVGID_4_);}
+	.st11{clip-path:url(#SVGID_6_);}
+	.st12{fill:#FFFFFF;}
+</style>
+<g>
+	<path class="st3" d="M32.95,71.53c-3.34-2.49-7.11-3.48-11.15-3.45c-4.58,0.04-8.73,1.39-12.22,4.6
+		c-4.08,3.74-4.17,8.97-0.23,12.86c3.49,3.44,7.79,4.62,11.68,4.69c4.81,0,8.58-0.96,11.92-3.46
+		C38.64,82.52,38.64,75.77,32.95,71.53z"/>
+	<path class="st3" d="M50.05,61.82c-1.62-0.03-2.92,1.24-2.96,2.91c-0.04,1.62,1.25,3.01,2.84,3.03c1.61,0.01,2.91-1.31,2.92-2.95
+		C52.87,63.2,51.6,61.86,50.05,61.82z"/>
+	<path class="st3" d="M89.27,71.73c-3.31-2.49-7.05-3.62-11.1-3.64c-4.04-0.02-7.81,0.96-11.15,3.44c-5.7,4.25-5.7,10.98-0.02,15.23
+		c3.31,2.49,7.05,3.46,9.56,3.47c5.5,0.01,9.25-0.94,12.57-3.38C94.9,82.63,94.96,76.03,89.27,71.73z"/>
+	<path class="st7" d="M99.31,77.82c-1.16-4.74-2.28-9.49-3.45-14.2c-3.35-13.31-6.74-26.61-10.09-39.92
+		c-0.71-2.77-2.04-5.05-4.19-6.83c-0.32-0.27-0.59-0.72-0.68-1.14c-0.74-3.27-2.72-5.5-5.54-6.81c-4.58-2.12-9.1-1.88-13.4,0.95
+		c-2.69,1.77-4.94,5.55-3.76,9.67c0.08,0.3,0.09,0.71-0.04,0.96c-1.17,2.13-1.32,4.47-1.22,6.84c0.01,0.42,0,0.85,0,1.39
+		c-4.65-1.81-9.23-1.85-13.88,0.01c0-1.13-0.02-2.12,0-3.13c0.03-1.72-0.38-3.32-1.11-4.85c-0.17-0.35-0.26-0.86-0.16-1.23
+		c1.15-4.08-0.97-7.85-3.69-9.62C33.13,6.7,28.05,6.66,23.05,9.86c-2.04,1.32-3.35,3.28-3.94,5.76c-0.12,0.48-0.42,0.98-0.78,1.29
+		c-2.11,1.78-3.42,4.03-4.11,6.77C9.93,40.69,5.67,57.7,1.29,74.69c-2.11,8.19,1.54,14.55,7.59,18.04
+		c9.17,5.3,18.43,5.07,27.31-0.93c3.71-2.51,6.13-6.13,6.73-10.82c0.22-1.69,0.12-3.44,0.13-5.15c0.01-1.75,0-3.5,0-5.49
+		c1.91,2.32,4.16,3.56,6.88,3.57c2.75,0.02,5.03-1.18,6.91-3.49c0.04,0.36,0.08,0.6,0.08,0.84c0,2.32,0.05,4.65-0.01,6.97
+		c-0.17,5.89,2.38,10.31,6.83,13.57c8.31,6.09,20.19,6.13,28.55,0.15c3.6-2.57,6.12-5.99,6.86-10.64c0.01-0.09,0.1-0.15,0.16-0.23
+		V77.82z M32.95,86.76c-3.34,2.5-7.11,3.46-11.92,3.46c-3.89-0.07-8.19-1.25-11.68-4.69c-3.94-3.88-3.84-9.12,0.23-12.86
+		c3.49-3.21,7.64-4.56,12.22-4.6c4.04-0.04,7.81,0.96,11.15,3.45C38.64,75.77,38.64,82.52,32.95,86.76z M49.94,67.76
+		c-1.59-0.02-2.89-1.4-2.84-3.03c0.04-1.67,1.34-2.94,2.96-2.91c1.55,0.03,2.81,1.38,2.8,2.99C52.84,66.45,51.55,67.77,49.94,67.76z
+		 M89.14,86.84c-3.33,2.45-7.08,3.4-12.57,3.38c-2.52-0.01-6.26-0.98-9.56-3.47c-5.68-4.25-5.68-10.98,0.02-15.23
+		c3.34-2.48,7.11-3.46,11.15-3.44c4.05,0.02,7.79,1.15,11.1,3.64C94.96,76.03,94.9,82.63,89.14,86.84z"/>
+</g>
+</svg>
diff --git a/assets/walkbybrussels/waterpoint_black.svg b/assets/walkbybrussels/waterpoint_black.svg
new file mode 100644
index 0000000..4bb57e9
--- /dev/null
+++ b/assets/walkbybrussels/waterpoint_black.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<path d="M82.3,62.2c-0.1-3.8-1.2-7.2-2.6-10.7c-2.7-7-6.3-13.4-10.2-19.7C64.3,23.3,58.8,15,53.4,6.7c-0.7-1-1.4-2-2.5-2.5
+	c-0.5,0-1,0-1.6,0c-1.2,0.4-1.9,1.3-2.5,2.3C46,7.8,45.2,9,44.4,10.2c-6.3,9.4-12.6,18.7-18,28.6c-2.8,5-5.4,10.2-7.2,15.8
+	c-0.9,2.8-1.6,5.6-1.5,8.6c0,5.2,1.2,10.1,3.5,14.7C24.3,84.1,28.9,88.8,35,92c6.2,3.3,12.8,4.5,19.7,3.5c5-0.7,9.5-2.6,13.6-5.5
+	c6-4.2,10.2-9.9,12.5-17C81.9,69.5,82.4,65.9,82.3,62.2z M49.7,13.6c0.1-0.1,0.1-0.2,0.3-0.4c0,0,0,0,0,0
+	C49.9,13.4,49.8,13.5,49.7,13.6c-3.6,5.8-7.3,11.5-11,17.2C42.4,25.1,46.1,19.4,49.7,13.6z M34.6,84.1c-5.1-3.8-8.3-8.9-9.8-15.2
+	c-1.1-4.6-0.8-9,0.8-13.4c2.2-6.1,5.1-11.8,8.5-17.3c1-1.6,2.1-3.3,3.1-4.9c-1,1.6-2.1,3.3-3.1,4.9c-3.4,5.5-6.3,11.2-8.5,17.3
+	c-1.6,4.4-1.9,8.9-0.8,13.4C26.3,75.2,29.5,80.3,34.6,84.1c4.4,3.3,9.2,5,14.6,5.2C43.8,89.1,39,87.4,34.6,84.1z"/>
+</svg>