From 3d299983e1b95843559ae4b2ca117c01604f11dc Mon Sep 17 00:00:00 2001
From: pietervdvn <pietervdvn@posteo.net>
Date: Mon, 21 Jun 2021 13:52:48 +0200
Subject: [PATCH] Add youtube icon, move movie to the top

---
 assets/themes/speelplekken/speelplekken.json | 29 +++++----
 assets/themes/speelplekken/youtube.svg       | 62 ++++++++++++++++++++
 2 files changed, 79 insertions(+), 12 deletions(-)
 create mode 100644 assets/themes/speelplekken/youtube.svg

diff --git a/assets/themes/speelplekken/speelplekken.json b/assets/themes/speelplekken/speelplekken.json
index bd7eee9d39..998917e804 100644
--- a/assets/themes/speelplekken/speelplekken.json
+++ b/assets/themes/speelplekken/speelplekken.json
@@ -251,19 +251,24 @@
     "maxZoom": 16,
     "minNeededElements": 100
   },
-  "roamingRenderings": [
-    {
-      "render": "Maakt deel uit van {_part_of_walking_routes}",
-      "condition": "_part_of_walking_routes~*"
-    },
-    {
-      "freeform": {
-        "key": "_video:id"
-      },
-      "render": "<iframe style='width: 100%; height: 300px' src=\"https://www.youtube-nocookie.com/embed/{_video:id}\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"
-    }
-  ],
   "overrideAll": {
+    "+tagRenderings": [
+      {
+        "render": "Maakt deel uit van {_part_of_walking_routes}",
+        "condition": "_part_of_walking_routes~*"
+      },
+      {
+        "freeform": {
+          "key": "_video:id"
+        },
+        "render": "<iframe style='width: 100%; height: 300px' src=\"https://www.youtube-nocookie.com/embed/{_video:id}\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>"
+      }
+    ],
+    "+iconOverlays": [{
+      "if": "_video:id~*",
+      "then": "./assets/themes/speelplekken/youtube.svg",
+      "badge": true
+    }],
     "isShown": {
       "render": "yes",
       "mappings": [
diff --git a/assets/themes/speelplekken/youtube.svg b/assets/themes/speelplekken/youtube.svg
new file mode 100644
index 0000000000..fae4ea617e
--- /dev/null
+++ b/assets/themes/speelplekken/youtube.svg
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   id="Слой_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 202.2738 141.55469"
+   enable-background="new 0 0 400 400"
+   xml:space="preserve"
+   inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
+   sodipodi:docname="YouTube_social_white_circle_(2017).svg"
+   width="202.2738"
+   height="141.55469"><metadata
+     id="metadata17"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs15"><pattern
+       y="0"
+       x="0"
+       height="6"
+       width="6"
+       patternUnits="userSpaceOnUse"
+       id="EMFhbasepattern" /></defs><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="999"
+     id="namedview13"
+     showgrid="false"
+     inkscape:zoom="1.18"
+     inkscape:cx="-81.583141"
+     inkscape:cy="50.49807"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Слой_1"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0" /><g
+     id="g4167"
+     transform="matrix(5.9026317,0,0,5.9026317,472.53336,-790.5403)"><path
+       inkscape:connector-curvature="0"
+       id="path4156"
+       transform="matrix(0.16941596,0,0,0.16941596,-88.332912,120.50856)"
+       d="m 149.9375,79.222656 c 0,0 -63.218849,5.9e-5 -79.085938,4.123047 -8.495787,2.373802 -15.491408,9.3695 -17.865234,17.990237 -4.122953,15.8671 -4.123047,48.72656 -4.123047,48.72656 0,0 9.4e-5,32.9842 4.123047,48.60156 2.373826,8.62062 9.244506,15.49138 17.865234,17.86524 15.99203,4.24788 79.085938,4.24804 79.085938,4.24804 0,0 63.34418,-5e-5 79.21094,-4.12304 8.62079,-2.37381 15.49133,-9.11966 17.74023,-17.86524 4.24793,-15.74232 4.24805,-48.60156 4.24805,-48.60156 0,0 0.12484,-32.98446 -4.24805,-48.85156 -2.2489,-8.620737 -9.11944,-15.491334 -17.74023,-17.740237 -15.86676,-4.372847 -79.21094,-4.373047 -79.21094,-4.373047 z m -20.11523,40.480464 52.59961,30.35938 -52.59961,30.23438 z"
+       style="fill:#ff0000;fill-opacity:1;fill-rule:nonzero;stroke:none" /></g></svg>
\ No newline at end of file