dash-frontend: Welcome screen: Add center marker video

dash-frontend/assets/dashboard/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Material Symbols by Google - https://github.com/google/material-design-icons/blob/master/LICENSE --><path fill="currentColor" d="M11 17h2v-6h-2zm1.713-8.287Q13 8.425 13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9t.713-.288M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>

dash-frontend/assets/gui/tab/welcome_common.xml

@@ -1,7 +1,7 @@
 <layout>
   <!-- icon, title -->
   <template name="PageTitle">
-    <div position="absolute" align_self="start" justify_self="center" width="100%" margin_top="8" gap="8" align_items="center" justify_content="center">
+    <div position="absolute" align_self="start" justify_self="center" width="100%" margin_top="16" gap="8" align_items="center" justify_content="center">
       <sprite width="48" height="48" src_builtin="${icon}" color="#FFFFFF"/>
       <label size="28" weight="bold" text="${title}" shadow="#000000" shadow_x="3" shadow_y="3" />
     </div>

dash-frontend/assets/gui/tab/welcome_page_4.xml

@@ -1,7 +1,20 @@
 <layout>
+  <include src_builtin="welcome_common.xml"/>
+  
   <elements>
-    <label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" color="#FF00FF" size="30"/>
-    <label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" weight="bold" color="#FFFF00" size="30"/>
-    <label text="Page 4" shadow="#000000" shadow_x="10" shadow_y="10" color="#00FFFF" size="30"/>
+    <rectangle color="#0A2939" width="100%" height="100%" position="absolute"/>
+    <Video macro="video_overlay_component" src_builtin="video/onboarding_center_marker.ivf" aspect_ratio="1.33333">
+      <div macro="video_overlay_content">
+        <PageTitle icon="dashboard/panorama.svg" title="Moving your set"/>
+        <div position="relative" align_self="end" padding="16" flex_direction="column" gap="4">
+          <label shadow="#000000" size="14" weight="bold" wrap="1" color="#aaffcc" text="— Grab it with one hand to move your set."/>
+          <label shadow="#000000" size="14" weight="bold" wrap="1" color="#ccaaff" text="— Grab it with both hands if you want to move a specific overlay in your set."/>
+          <div align_items="center" gap="8">
+            <sprite src_builtin="dashboard/info.svg" width="24" height="24" color="#ffff00"/>
+            <label shadow="#000000" size="16" weight="bold" wrap="1" color="#ffff00" text="Center marker determines the center or your set."/>
+          </div>
+        </div>
+      </div>
+    </Video>
   </elements>
 </layout>

wayvr/src/assets/gui/anchor.xml

@@ -4,8 +4,8 @@
     <div width="192" height="192" padding="8">
       <rectangle
       width="100%" height="100%"
-      margin="4" box_sizing="border_box"
-      border_color="#FFFF00" border="2"
+      margin="6" box_sizing="border_box"
+      border_color="#FFFF00" border="4"
       round="100%" color="#00000000"
       align_items="center"
       justify_content="center">