From c3f762a0f35b30cc567e34bb8b346c97c507ae45 Mon Sep 17 00:00:00 2001
From: Aleksander <aleksander@oo8.dev>
Date: Thu, 2 Jul 2026 19:25:20 +0200
Subject: [PATCH] dash-frontend: Donation screen, translation keys for welcome
 screen

---
 dash-frontend/assets/dashboard/donate.svg     |  1 +
 .../assets/dashboard/opencollective.svg       |  1 +
 .../assets/dashboard/opencollective_logo.svg  | 54 ++++++++++++++++
 dash-frontend/assets/gui/tab/donate.xml       | 31 +++++++++
 dash-frontend/assets/gui/tab/home.xml         | 14 ++--
 .../assets/gui/tab/welcome_common.xml         |  6 +-
 .../assets/gui/tab/welcome_page_0.xml         | 13 ++--
 .../assets/gui/tab/welcome_page_1.xml         |  4 +-
 .../assets/gui/tab/welcome_page_2.xml         |  4 +-
 .../assets/gui/tab/welcome_page_3.xml         | 10 +--
 .../assets/gui/tab/welcome_page_4.xml         |  8 +--
 .../assets/gui/tab/welcome_page_5.xml         |  8 +--
 dash-frontend/assets/lang/en.json             | 32 +++++++++-
 dash-frontend/src/frontend.rs                 |  6 +-
 dash-frontend/src/tab/donate.rs               | 64 +++++++++++++++++++
 dash-frontend/src/tab/home.rs                 |  2 +
 dash-frontend/src/tab/mod.rs                  |  4 +-
 17 files changed, 230 insertions(+), 32 deletions(-)
 create mode 100644 dash-frontend/assets/dashboard/donate.svg
 create mode 100644 dash-frontend/assets/dashboard/opencollective.svg
 create mode 100644 dash-frontend/assets/dashboard/opencollective_logo.svg
 create mode 100644 dash-frontend/assets/gui/tab/donate.xml
 create mode 100644 dash-frontend/src/tab/donate.rs

diff --git a/dash-frontend/assets/dashboard/donate.svg b/dash-frontend/assets/dashboard/donate.svg
new file mode 100644
index 00000000..fc746fb5
--- /dev/null
+++ b/dash-frontend/assets/dashboard/donate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><!-- Icon from Iconoir by Luca Burgio - https://github.com/iconoir-icons/iconoir/blob/main/LICENSE --><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path d="M16 6.28a2.28 2.28 0 0 1-.662 1.606c-.976.984-1.923 2.01-2.936 2.958a.597.597 0 0 1-.822-.017l-2.918-2.94a2.28 2.28 0 0 1 0-3.214a2.277 2.277 0 0 1 3.232 0L12 4.78l.106-.107A2.276 2.276 0 0 1 16 6.28Z"/><path stroke-linecap="round" d="m18 20l3.824-3.824a.6.6 0 0 0 .176-.424V10.5A1.5 1.5 0 0 0 20.5 9v0a1.5 1.5 0 0 0-1.5 1.5V15"/><path stroke-linecap="round" d="m18 16l.858-.858a.48.48 0 0 0 .142-.343v0a.49.49 0 0 0-.268-.433l-.443-.221a2 2 0 0 0-2.308.374l-.895.895a2 2 0 0 0-.586 1.414V20M6 20l-3.824-3.824A.6.6 0 0 1 2 15.752V10.5A1.5 1.5 0 0 1 3.5 9v0A1.5 1.5 0 0 1 5 10.5V15"/><path stroke-linecap="round" d="m6 16l-.858-.858A.5.5 0 0 1 5 14.799v0c0-.183.104-.35.268-.433l.443-.221a2 2 0 0 1 2.308.374l.895.895a2 2 0 0 1 .586 1.414V20"/></g></svg>
\ No newline at end of file
diff --git a/dash-frontend/assets/dashboard/opencollective.svg b/dash-frontend/assets/dashboard/opencollective.svg
new file mode 100644
index 00000000..fa9687af
--- /dev/null
+++ b/dash-frontend/assets/dashboard/opencollective.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><!-- Icon from SVG Logos by Gil Barbara - https://raw.githubusercontent.com/gilbarbara/logos/master/LICENSE.txt --><path fill="#b8d3f4" d="M209.765 128.15c0 16.013-4.9 31.34-13.266 44.575l33.447 33.447a128.9 128.9 0 0 0 25.783-77.35c0-29.265-9.754-55.751-26.47-77.336l-32.776 32.729a79.44 79.44 0 0 1 13.267 43.888z"/><path fill="#7fadf2" d="M127.513 210.355c-45.367-.086-82.125-36.838-82.22-82.205c.069-45.386 36.835-82.166 82.22-82.252c16.732 0 32.058 4.901 44.607 13.267l32.744-32.776A128.97 128.97 0 0 0 127.514.636C57.123.636 0 57.76 0 128.15c0 70.359 57.124 127.513 127.513 127.513a125.13 125.13 0 0 0 77.351-26.501l-33.447-33.431c-11.861 9.754-27.157 14.624-43.904 14.624"/></svg>
\ No newline at end of file
diff --git a/dash-frontend/assets/dashboard/opencollective_logo.svg b/dash-frontend/assets/dashboard/opencollective_logo.svg
new file mode 100644
index 00000000..2972751e
--- /dev/null
+++ b/dash-frontend/assets/dashboard/opencollective_logo.svg
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="168"
+   height="28"
+   viewBox="0 0 168 28"
+   fill="none"
+   version="1.1"
+   id="svg3"
+   sodipodi:docname="opencollective_logo.svg"
+   inkscape:version="1.4.4 (dcaf3e7d9e, 2026-05-05)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs3" />
+  <sodipodi:namedview
+     id="namedview3"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="5.9872583"
+     inkscape:cx="56.286197"
+     inkscape:cy="5.0941513"
+     inkscape:window-width="3072"
+     inkscape:window-height="1664"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg3" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M106.727 5H108.459C108.494 5 108.529 5.03604 108.565 5.10811V20.1712C108.565 20.2432 108.529 20.2793 108.459 20.2793H106.727C106.657 20.2793 106.621 20.2432 106.621 20.1712V5.10811C106.621 5.03604 106.657 5 106.727 5ZM140.011 9.68468H141.954C141.99 9.68468 142.06 9.75676 142.06 9.79279V11.5586C142.06 11.6306 142.025 11.6667 141.954 11.6667H140.011C139.976 11.6667 139.94 11.7027 139.94 11.7387V20.1712C139.94 20.2432 139.905 20.2793 139.834 20.2793H138.103C138.032 20.2793 137.997 20.2432 137.997 20.1712V11.7387C137.997 11.7027 137.962 11.6667 137.926 11.6667H136.018C135.948 11.6667 135.912 11.6306 135.912 11.5586V9.79279C135.912 9.72072 135.948 9.68468 136.018 9.68468H137.926C137.962 9.68468 137.997 9.64865 137.997 9.61261V5.10811C137.997 5.03604 138.032 5 138.103 5H139.834C139.905 5 139.94 5.03604 139.94 5.10811V9.61261C139.94 9.64865 139.976 9.68468 140.011 9.68468ZM145.523 6.2973H143.792C143.721 6.2973 143.686 6.33334 143.686 6.40541V8.17118C143.686 8.24325 143.721 8.27928 143.792 8.27928H145.523C145.594 8.27928 145.629 8.24325 145.629 8.17118V6.40541C145.629 6.33334 145.594 6.2973 145.523 6.2973ZM159.727 17.3243C160.363 18.0451 161.246 18.4775 162.271 18.4775C163.578 18.4775 164.709 17.7207 165.345 16.6397C165.345 16.5676 165.415 16.5676 165.451 16.5676L167.182 16.8919C167.253 16.8919 167.288 16.964 167.253 17.036C166.44 19.018 164.532 20.4234 162.306 20.4234C159.232 20.4234 156.794 17.8288 156.935 14.6937C157.041 11.8829 159.338 9.61263 162.094 9.50452C164.709 9.39641 166.935 11.2342 167.5 13.7207C167.5 13.7568 167.5 13.7928 167.429 13.8288L165.698 14.5856L159.762 17.1442C159.691 17.1802 159.691 17.2523 159.727 17.3243ZM164.815 12.6757C164.214 11.955 163.295 11.4865 162.271 11.4865C160.363 11.4865 158.808 13.036 158.843 15.018V15.3063C158.843 15.3424 158.914 15.4144 158.985 15.3784C159.055 15.3424 164.779 12.8559 164.779 12.8559C164.85 12.8198 164.85 12.7478 164.815 12.6757ZM156.688 9.68469H154.992C154.957 9.68469 154.921 9.72073 154.886 9.75676L152.13 18.009C152.059 18.1892 151.847 18.1892 151.777 18.009L149.021 9.75676C149.021 9.72073 148.985 9.68469 148.915 9.68469H147.219C147.148 9.68469 147.113 9.75676 147.113 9.82884L150.611 20.2072C150.611 20.2433 150.646 20.2793 150.717 20.2793H153.119C153.155 20.2793 153.19 20.2433 153.225 20.2072L156.723 9.82884C156.794 9.75676 156.759 9.68469 156.688 9.68469ZM143.792 9.68469H145.523C145.594 9.68469 145.629 9.75676 145.629 9.7928V20.1712C145.629 20.2433 145.594 20.2793 145.523 20.2793H143.792C143.721 20.2793 143.686 20.2433 143.686 20.1712V9.7928C143.686 9.72073 143.721 9.68469 143.792 9.68469ZM130.612 18.4775C128.492 18.4775 126.832 16.5315 127.22 14.2973C127.432 13.0721 128.634 11.8108 129.835 11.5586C131.142 11.2703 132.379 11.7387 133.156 12.6396C133.192 12.6757 133.262 12.6757 133.298 12.6396L134.534 11.3784C134.57 11.3423 134.57 11.2703 134.534 11.2342C133.51 10.0811 131.99 9.39639 130.33 9.46847C127.609 9.61261 125.348 11.8829 125.206 14.6577C125.065 17.7928 127.503 20.3874 130.577 20.3874C132.132 20.3874 133.545 19.7027 134.534 18.6216C134.57 18.5856 134.57 18.5495 134.534 18.5135L133.298 17.2523C133.262 17.2162 133.192 17.2162 133.156 17.2523C132.556 18.045 131.637 18.4775 130.612 18.4775ZM112.239 5H110.508C110.437 5 110.402 5.03604 110.402 5.10811V20.1712C110.402 20.2432 110.437 20.2793 110.508 20.2793H112.239C112.31 20.2793 112.345 20.2432 112.345 20.1712V5.10811C112.345 5.03604 112.275 5 112.239 5ZM86.7287 14.2973C86.3401 16.5315 88.0007 18.4775 90.1207 18.4775C91.1454 18.4775 92.064 18.045 92.6647 17.2523C92.7 17.2162 92.7707 17.2162 92.806 17.2523L94.0427 18.5135C94.078 18.5495 94.078 18.5856 94.0427 18.6216C93.0533 19.7027 91.64 20.3874 90.0854 20.3874C87.0114 20.3874 84.5734 17.7928 84.7147 14.6577C84.8561 11.8829 87.1174 9.61261 89.838 9.46847C91.4987 9.39639 93.018 10.0811 94.0427 11.2342C94.078 11.2703 94.078 11.3423 94.0427 11.3784L92.806 12.6396C92.7707 12.6757 92.7 12.6757 92.6647 12.6396C91.8873 11.7387 90.6507 11.2703 89.3434 11.5586C88.142 11.8108 86.9407 13.0721 86.7287 14.2973ZM74.6383 9.5045C73.5076 9.5045 72.2003 10.2252 71.5997 11.0901C71.5643 11.1622 71.423 11.1261 71.423 11.0541V9.79279C71.423 9.75675 71.3877 9.68468 71.317 9.68468H69.5857C69.5503 9.68468 69.4797 9.72072 69.4797 9.79279V15.018V20.2072C69.4797 20.2432 69.515 20.3153 69.5857 20.3153H71.317C71.3523 20.3153 71.423 20.2793 71.423 20.2072V15.018C71.423 13.036 72.7303 11.6306 74.603 11.6306C77.0763 11.6306 77.8183 13.2883 77.8183 15.2342V20.2072C77.8183 20.2432 77.8536 20.3153 77.9243 20.3153H79.6556C79.6909 20.3153 79.7616 20.2793 79.7616 20.2072V15.2342C79.7969 12.2072 78.3836 9.5045 74.6383 9.5045ZM60.6818 17.3243C61.3178 18.045 62.2011 18.4775 63.2257 18.4775C64.5331 18.4775 65.6637 17.7207 66.2997 16.6396C66.2997 16.5676 66.3704 16.5676 66.4057 16.5676L68.137 16.8919C68.2077 16.8919 68.243 16.964 68.2077 17.036C67.395 19.018 65.4871 20.4234 63.2611 20.4234C60.1871 20.4234 57.7491 17.8288 57.8905 14.6937C57.9965 11.8829 60.2931 9.61261 63.0491 9.5045C65.6637 9.39639 67.8897 11.2342 68.455 13.7207C68.455 13.7568 68.455 13.7928 68.3844 13.8288L66.653 14.5856L60.7171 17.1441C60.6464 17.1802 60.6464 17.2522 60.6818 17.3243ZM119.058 18.4775C118.034 18.4775 117.15 18.045 116.514 17.3243C116.479 17.2522 116.479 17.1802 116.55 17.1441L122.486 14.5856L124.217 13.8288C124.288 13.7928 124.288 13.7568 124.288 13.7207C123.722 11.2342 121.496 9.39639 118.882 9.5045C116.126 9.61261 113.829 11.8829 113.723 14.6937C113.582 17.8288 116.02 20.4234 119.094 20.4234C121.32 20.4234 123.228 19.018 124.04 17.036C124.076 16.964 124.04 16.8919 123.97 16.8919L122.238 16.5676C122.203 16.5676 122.132 16.5676 122.132 16.6396C121.496 17.7207 120.33 18.4775 119.058 18.4775ZM119.058 11.4865C120.083 11.4865 121.002 11.9549 121.602 12.6757C121.638 12.7477 121.638 12.8198 121.567 12.8558C121.567 12.8558 115.843 15.3423 115.772 15.3784C115.702 15.4144 115.631 15.3423 115.631 15.3063V15.018C115.596 13.036 117.15 11.4865 119.058 11.4865ZM94.608 14.982C94.608 11.955 97.0106 9.5045 99.9786 9.5045C102.947 9.5045 105.349 11.955 105.349 14.982C105.349 18.009 102.947 20.4595 99.9786 20.4595C97.0106 20.4595 94.608 18.009 94.608 14.982ZM99.9786 11.4865C101.887 11.4865 103.406 13.0721 103.406 14.982C103.406 16.8919 101.851 18.4775 99.9786 18.4775C98.1059 18.4775 96.5513 16.8919 96.5513 14.982C96.5513 13.0721 98.0706 11.4865 99.9786 11.4865ZM63.2257 11.4865C64.2504 11.4865 65.1691 11.9549 65.7697 12.6757C65.8051 12.7477 65.8051 12.8198 65.7344 12.8558C65.7344 12.8558 60.0104 15.3423 59.9398 15.3784C59.8691 15.4144 59.7984 15.3423 59.7984 15.3063V15.018C59.7984 13.036 61.3531 11.4865 63.2257 11.4865ZM48.3505 10.8739C49.0925 9.97297 50.1525 9.43243 51.4952 9.39639C54.0745 9.36036 56.4065 11.2342 56.8305 13.8649C57.4665 17.3243 54.8518 20.3513 51.5658 20.3513C50.1525 20.3513 49.0572 19.7748 48.3152 18.8739C48.2445 18.8018 48.1385 18.8378 48.1385 18.9459V24.8919C48.1385 24.964 48.1032 25 48.0325 25H46.3366C46.2659 25 46.2306 24.964 46.2306 24.8919V9.79279C46.2306 9.72072 46.2659 9.68468 46.3366 9.68468H48.0679C48.1385 9.68468 48.1739 9.72072 48.1739 9.79279V10.8018C48.1739 10.9099 48.2799 10.9459 48.3505 10.8739ZM48.2092 14.2973C47.8205 16.6757 49.8345 18.7297 52.1665 18.3333C53.5798 18.0811 54.7458 16.9279 54.9578 15.4865C55.3465 13.1081 53.3325 11.054 51.0005 11.4504C49.5872 11.6667 48.4565 12.8558 48.2092 14.2973ZM39.8706 9.5045C36.9026 9.5045 34.5 11.955 34.5 14.982C34.5 18.009 36.9026 20.4595 39.8706 20.4595C42.8386 20.4595 45.2412 18.009 45.2412 14.982C45.2412 11.955 42.8386 9.5045 39.8706 9.5045ZM39.8706 11.4865C41.7786 11.4865 43.2979 13.0721 43.2979 14.982C43.2979 16.8919 41.7433 18.4775 39.8706 18.4775C37.998 18.4775 36.4433 16.8919 36.4433 14.982C36.4433 13.0721 37.998 11.4865 39.8706 11.4865Z"
+     fill="#4B4E52"
+     id="path1"
+     style="fill:#ffffff;fill-opacity:1" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M26.009 6.02649C27.5796 8.28932 28.5 11.037 28.5 14C28.5 16.963 27.5796 19.711 26.009 21.9735L22.3826 18.3471C23.0948 17.0585 23.5001 15.5764 23.5001 14C23.5001 12.4236 23.0948 10.9418 22.3826 9.65324L26.009 6.02649Z"
+     fill="#99CFFF"
+     id="path2" />
+  <path
+     fill-rule="evenodd"
+     clip-rule="evenodd"
+     d="M22.4735 2.49111L18.8468 6.11758C17.5582 5.40539 16.0764 5.00002 14.5 5.00002C9.5295 5.00002 5.4999 9.02962 5.4999 14.0001C5.4999 18.9706 9.5295 23.0002 14.5 23.0002C16.0764 23.0002 17.5582 22.5949 18.8468 21.8827L22.4735 25.5091C20.2107 27.0796 17.463 28.0001 14.5 28.0001C6.76808 28.0001 0.5 21.732 0.5 14.0001C0.5 6.26819 6.76808 0.00012207 14.5 0.00012207C17.463 0.00012207 20.2107 0.920596 22.4735 2.49111Z"
+     fill="#1F87FF"
+     id="path3" />
+</svg>
diff --git a/dash-frontend/assets/gui/tab/donate.xml b/dash-frontend/assets/gui/tab/donate.xml
new file mode 100644
index 00000000..ffa9ebe6
--- /dev/null
+++ b/dash-frontend/assets/gui/tab/donate.xml
@@ -0,0 +1,31 @@
+<layout>
+  <include src="../t_group_box.xml" />
+  
+  <elements>
+    <div position="absolute" width="100%" height="100%" padding="4">
+      <!-- <rectangle width="100%" height="100%" color="#000000" round="6"/> -->
+    </div>    
+    <div margin="32" flex_direction="column" align_items="center" gap="16">
+      <div gap="16" align_items="center" width="100%">
+        <sprite color="#FFAAAA" src_builtin="dashboard/donate.svg" min_width="64" min_height="64"/>
+        <label wrap="1" size="20" translation="DONATE.DESCRIPTION"/>
+      </div>
+      <label weight="bold" size="24" translation="DONATE.THANK_YOU"/>
+
+      <div flex_direction="column" gap="8" align_items="center" margin_top="16">
+        <Button id="btn_donate" tooltip="DONATE.BUTTON_TOOLTIP" align_self="baseline">
+          <image src_builtin="dashboard/opencollective_logo.svg" width="252" height="42" margin="8" margin_left="16" margin_right="16"/>
+        </Button>
+        <label text="opencollective.com/wayvr-org" color="~color-accent"/>
+      </div>
+
+      <!--
+      <rectangle color="#FFFFFF33" width="100%" height="2"/>
+
+      <rectangle macro="group_box" align_self="start" width="100%">
+        <label weight="bold" size="18" translation="DONATE.CURRENT_SUPPORTERS"/>
+      </rectangle>
+      -->
+    </div>
+  </elements>
+</layout>
diff --git a/dash-frontend/assets/gui/tab/home.xml b/dash-frontend/assets/gui/tab/home.xml
index 9f27bd6b..a1015acf 100644
--- a/dash-frontend/assets/gui/tab/home.xml
+++ b/dash-frontend/assets/gui/tab/home.xml
@@ -8,7 +8,7 @@
       align_items="center"
       flex_grow="1"
       gap="24">
-      <sprite src_builtin="dashboard/wayvr_dashboard.png" width="96" height="96" />
+      <image src_builtin="dashboard/splash.png" width="300" height="89" />
       <label id="label_hello" size="32" weight="bold" />
 
       <!-- main button list -->
@@ -19,9 +19,15 @@
         <MenuButton id="btn_settings" icon="dashboard/settings.svg" translation="SETTINGS" />
       </div>
 
-      <Button id="btn_welcome_screen" macro="home_button" tooltip="APP_SETTINGS.SHOW_WELCOME_SCREEN">
-        <sprite src_builtin="dashboard/welcome.svg" width="32" height="32" margin="16"/>
-      </Button>
+      <div gap="8">
+        <Button id="btn_welcome_screen" macro="home_button" tooltip="APP_SETTINGS.SHOW_WELCOME_SCREEN">
+          <sprite src_builtin="dashboard/welcome.svg" width="32" height="32" margin="16"/>
+        </Button>
+
+        <Button id="btn_donate" macro="home_button" tooltip="DONATE.SUPPORT_US">
+          <sprite src_builtin="dashboard/opencollective.svg" width="32" height="32" margin="16"/>
+        </Button>
+      </div>
     </div>
   </elements>
 </layout>
diff --git a/dash-frontend/assets/gui/tab/welcome_common.xml b/dash-frontend/assets/gui/tab/welcome_common.xml
index ae0e3af1..9963542a 100644
--- a/dash-frontend/assets/gui/tab/welcome_common.xml
+++ b/dash-frontend/assets/gui/tab/welcome_common.xml
@@ -3,17 +3,17 @@
   <template name="PageTitle">
     <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" />
+      <label size="28" weight="bold" translation="${translation}" shadow="#000000" shadow_x="3" shadow_y="3" />
     </div>
   </template>
 
   <!-- text -->
   <template name="TextDesc">
-    <label wrap="1" text="${text}" size="20" width="500" shadow="#000000" weight="bold"/>
+    <label wrap="1" translation="${translation}" size="20" width="500" shadow="#000000" weight="bold"/>
   </template>
 
   <template name="TextDescBig">
-    <label text="${text}" size="24" shadow="#000000" weight="bold"/>
+    <label translation="${translation}" size="24" shadow="#000000" weight="bold"/>
   </template>
 
   <macro name="video_overlay_component" looping="1" width="100%" height="auto" max_height="100%" aspect_ratio="1.777777" position="relative"/>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_0.xml b/dash-frontend/assets/gui/tab/welcome_page_0.xml
index d5961ae6..0e9288df 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_0.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_0.xml
@@ -4,11 +4,16 @@
 
     <rectangle color="#FFFFFF11" width="100%" height="2"/>
       
-    <label weight="bold" size="32" text="Hi there!"/>
-    <label weight="bold" size="20" text="Thank you for installing WayVR ❤️"/>
+    <label weight="bold" size="32" translation="WELCOME.GREETING"/>
+    <label weight="bold" size="20" translation="WELCOME.THANKS_FOR_INSTALLING"/>
     
-    <label size="20" margin_top="16" text="Let us guide you through your first steps."/>
-    <label size="20" text="Press &quot;Next&quot; button below to get started."/>
+    <label size="20" margin_top="16" translation="WELCOME.GUIDE_INTRO"/>
+    <label size="20" translation="WELCOME.NEXT_BUTTON"/>
+
+    <div gap="4" align_items="center">
+      <sprite min_width="16" min_height="16" src_builtin="dashboard/info.svg"/>
+      <label wrap="1" size="14" translation="WELCOME.REPOSITION_THIS_WINDOW_BY_GRABBING"/>
+    </div>
 
     <div height="42"/> <!-- empty space -->
   </elements>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_1.xml b/dash-frontend/assets/gui/tab/welcome_page_1.xml
index de0990e6..412a3846 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_1.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_1.xml
@@ -5,9 +5,9 @@
     <rectangle color="#103142" width="100%" height="100%" position="absolute"/>
     <Video macro="video_overlay_component" src_builtin="video/onboarding_watch.ivf" aspect_ratio="1.0">
       <div macro="video_overlay_content">
-        <PageTitle icon="dashboard/watch.svg" title="Watch"/>
+        <PageTitle icon="dashboard/watch.svg" translation="WELCOME.WATCH"/>
         <div position="relative" align_self="end" padding="16">
-          <TextDesc text="Look at your left wrist. That's your watch."/>
+          <TextDesc translation="WELCOME.LOOK_AT_LEFT_WRIST"/>
         </div>
       </div>
     </Video>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_2.xml b/dash-frontend/assets/gui/tab/welcome_page_2.xml
index b748d578..dda5dad2 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_2.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_2.xml
@@ -4,9 +4,9 @@
   <elements>
     <Video macro="video_overlay_component" src_builtin="video/onboarding_double_press.ivf">
       <div macro="video_overlay_content">
-        <PageTitle icon="dashboard/panorama.svg" title="Working Set"/>
+        <PageTitle icon="dashboard/panorama.svg" translation="WELCOME.WORKING_SET"/>
         <div position="relative" align_self="end" padding="16">
-          <TextDesc text="Double-press B (on Index) or Y (on Meta) to toggle the visibility of your workspace. Try it now."/>
+          <TextDesc translation="WELCOME.DOUBLE_PRESS_TO_TOGGLE"/>
         </div>
       </div>
     </Video>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_3.xml b/dash-frontend/assets/gui/tab/welcome_page_3.xml
index cc43df4b..fe126f30 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_3.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_3.xml
@@ -4,14 +4,14 @@
   <elements>
     <Video macro="video_overlay_component" src_builtin="video/onboarding_laser_colors.ivf">
       <div macro="video_overlay_content">
-        <PageTitle icon="dashboard/click.svg" title="Laser Colors"/>
+        <PageTitle icon="dashboard/click.svg" translation="WELCOME.LASER_COLORS"/>
         <div position="relative" flex_direction="row" gap="16" margin="16" align_self="end" justify_self="end" align_items="center">
           <rectangle flex_direction="column" gap="8" padding="8" round="4" border_color="~color_accent" border="2" >
-            <label size="16" weight="bold" color="#00FFFF" text="— Regular Mode: Blue laser"/>
-            <label size="16" weight="bold" color="#FFAA00" text="— Right-click Mode: Orange laser" />
-            <label size="16" weight="bold" color="#FF88FF" text="— Middle-click Mode: Purple laser" />
+            <label size="16" weight="bold" color="#00FFFF" translation="WELCOME.REGULAR_MODE_BLUE_LASER"/>
+            <label size="16" weight="bold" color="#FFAA00" translation="WELCOME.RIGHT_CLICK_MODE_ORANGE_LASER"/>
+            <label size="16" weight="bold" color="#FF88FF" translation="WELCOME.MIDDLE_CLICK_MODE_PURPLE_LASER"/>
           </rectangle>
-          <label wrap="1" size="18" width="450" weight="bold" shadow="#000000" text="Much of the functionality in WayVR depends on what color of laser is used to interact with a UI element. You don't need to press these buttons, just touch them!"/>
+          <label wrap="1" size="18" width="450" weight="bold" shadow="#000000" translation="WELCOME.LASER_FUNCTIONALITY"/>
         </div>
       </div>
     </Video>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_4.xml b/dash-frontend/assets/gui/tab/welcome_page_4.xml
index 2af62410..71a27fb1 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_4.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_4.xml
@@ -5,13 +5,13 @@
     <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"/>
+        <PageTitle icon="dashboard/panorama.svg" translation="WELCOME.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."/>
+          <label shadow="#000000" size="14" weight="bold" wrap="1" color="#aaffcc" translation="WELCOME.GRAB_ONE_HAND"/>
+          <label shadow="#000000" size="14" weight="bold" wrap="1" color="#ccaaff" translation="WELCOME.GRAB_BOTH_HANDS"/>
           <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."/>
+            <label shadow="#000000" size="16" weight="bold" wrap="1" color="#ffff00" translation="WELCOME.CENTER_MARKER"/>
           </div>
         </div>
       </div>
diff --git a/dash-frontend/assets/gui/tab/welcome_page_5.xml b/dash-frontend/assets/gui/tab/welcome_page_5.xml
index c5db7269..8e588293 100644
--- a/dash-frontend/assets/gui/tab/welcome_page_5.xml
+++ b/dash-frontend/assets/gui/tab/welcome_page_5.xml
@@ -5,14 +5,14 @@
     <div flex_direction="row" align_items="center">
       <image src_builtin="dashboard/check_3d.png" width="256" height="256"/>
       <div flex_direction="column" gap="8" max_width="480">
-        <TextDescBig text="You're all set!"/>
-        <label size="16" wrap="1" text="These basics will allow you to start using WayVR with ease."/>
-        <label size="16" wrap="1" text="There are many other features worth customizing. For more information, check the documentation at"/>
+        <TextDescBig translation="WELCOME.ALL_SET"/>
+        <label size="16" wrap="1" translation="WELCOME.BASICS"/>
+        <label size="16" wrap="1" translation="WELCOME.FEATURES_DOCUMENTATION"/>
         <div flex_direction="row" align_items="center" gap="8">
           <sprite src_builtin="dashboard/globe.svg" width="24" height="24" color="~color_accent"/>
           <label size="20" weight="bold" text="wayvr.org" color="~color_accent"/>
         </div>
-        <Button margin_top="16" sprite_src_builtin="dashboard/home.svg" id="btn_home_screen" text="Go back to Home screen" min_height="32" align_self="baseline"/>
+        <Button margin_top="16" sprite_src_builtin="dashboard/home.svg" id="btn_home_screen" translation="WELCOME.GO_BACK_HOME" min_height="32" align_self="baseline"/>
       </div>
     </div>
   </elements>
diff --git a/dash-frontend/assets/lang/en.json b/dash-frontend/assets/lang/en.json
index 139458f4..a73099a9 100644
--- a/dash-frontend/assets/lang/en.json
+++ b/dash-frontend/assets/lang/en.json
@@ -167,7 +167,6 @@
 		"ENABLE_WATCH": "Enable watch",
 		"SETS_ON_WATCH": "Sets on watch",
 		"SHOW_WELCOME_SCREEN": "Show welcome screen",
-		"SHOW_WELCOME_SCREEN_HELP": "Show welcome screen on next start",
 		"SKYBOX": "Skybox",
 		"SKYMAP_ALREADY_DOWNLOADED": "This skymap is already downloaded. Select desired action.",
 		"SPACE_DRAG": "Space drag",
@@ -221,7 +220,38 @@
 	"CREATION_DATE": "Creation date",
 	"DEBUG_INFO": "Debug info",
 	"DISPLAY_BRIGHTNESS": "Display brightness",
+	"DONATE": {
+		"SUPPORT_US": "Support us",
+		"DESCRIPTION": "We're a small team of 2 developers building WayVR in our free time. If you enjoy using this software, please consider supporting us - every donation helps us keep going.",
+		"THANK_YOU": "Thank you!",
+		"BUTTON_TOOLTIP": "Donate via Open Collective",
+		"CURRENT_SUPPORTERS": "Current Supporters"
+	},
 	"DOWNLOADER": "Downloader",
+	"WELCOME": {
+		"GREETING": "Hi there!",
+		"THANKS_FOR_INSTALLING": "Thank you for installing WayVR!",
+		"GUIDE_INTRO": "Let us guide you through your first steps.",
+		"NEXT_BUTTON": "Press \"Next\" button below to get started.",
+		"WATCH": "Watch",
+		"LOOK_AT_LEFT_WRIST": "Look at your left wrist. That's your watch.",
+		"WORKING_SET": "Working Set",
+		"DOUBLE_PRESS_TO_TOGGLE": "Double-press B (on Index) or Y (on Meta) to toggle the visibility of your workspace. Try it now.",
+		"LASER_COLORS": "Laser Colors",
+		"REGULAR_MODE_BLUE_LASER": "— Regular Mode: Blue laser",
+		"REPOSITION_THIS_WINDOW_BY_GRABBING": "Reposition this window using your controller's grip action.",
+		"RIGHT_CLICK_MODE_ORANGE_LASER": "— Right-click Mode: Orange laser",
+		"MIDDLE_CLICK_MODE_PURPLE_LASER": "— Middle-click Mode: Purple laser",
+		"LASER_FUNCTIONALITY": "Much of the functionality in WayVR depends on what color of laser is used to interact with a UI element. You don't need to press these buttons, just touch them!",
+		"MOVING_YOUR_SET": "Moving your set",
+		"GRAB_ONE_HAND": "Grab it with one hand to move your set.",
+		"GRAB_BOTH_HANDS": "Grab it with both hands if you want to move a specific overlay in your set.",
+		"CENTER_MARKER": "Center marker determines the center or your set.",
+		"ALL_SET": "You're all set!",
+		"BASICS": "These basics will allow you to start using WayVR with ease.",
+		"FEATURES_DOCUMENTATION": "There are many other features worth customizing. For more information, check the documentation at",
+		"GO_BACK_HOME": "Go back to Home screen"
+	},
 	"DOWNLOAD_AGAIN": "Download again",
 	"DOWNLOADING_FILE": "Downloading file...",
 	"FAILED_TO_LAUNCH_APPLICATION": "Failed to launch a application:",
diff --git a/dash-frontend/src/frontend.rs b/dash-frontend/src/frontend.rs
index f1ddf3b5..fc10d9ed 100644
--- a/dash-frontend/src/frontend.rs
+++ b/dash-frontend/src/frontend.rs
@@ -29,8 +29,8 @@ use wlx_common::{
 use crate::{
 	assets,
 	tab::{
-		apps::TabApps, games::TabGames, home::TabHome, monado::TabMonado, settings::TabSettings, welcome::TabWelcome, Tab,
-		TabType,
+		Tab, TabType, apps::TabApps, donate::TabDonate, games::TabGames, home::TabHome, monado::TabMonado,
+		settings::TabSettings, welcome::TabWelcome,
 	},
 	util::{
 		popup_manager::{MountPopupOnceParams, PopupManager, PopupManagerParams},
@@ -414,6 +414,7 @@ impl<T: 'static> Frontend<T> {
 			TabType::Games => ("GAMES", "dashboard/games.svg"),
 			TabType::Monado => ("MONADO_RUNTIME", "dashboard/monado.svg"),
 			TabType::Settings => ("SETTINGS", "dashboard/settings.svg"),
+			TabType::Donate => ("DONATE.SUPPORT_US", "dashboard/opencollective.svg"),
 		};
 
 		self.set_tab_title(tab_translation, icon_path)?;
@@ -425,6 +426,7 @@ impl<T: 'static> Frontend<T> {
 			TabType::Games => Box::new(TabGames::new(self, widget_content.id)?),
 			TabType::Monado => Box::new(TabMonado::new(self, widget_content.id)?),
 			TabType::Settings => Box::new(TabSettings::new(self, widget_content.id, data)?),
+			TabType::Donate => Box::new(TabDonate::new(self, widget_content.id, data)?),
 		};
 
 		self.current_tab = Some(tab);
diff --git a/dash-frontend/src/tab/donate.rs b/dash-frontend/src/tab/donate.rs
new file mode 100644
index 00000000..7fb4c843
--- /dev/null
+++ b/dash-frontend/src/tab/donate.rs
@@ -0,0 +1,64 @@
+use std::{marker::PhantomData, rc::Rc};
+
+use wgui::{
+	assets::AssetPath,
+	components::button::ComponentButton,
+	globals::WguiGlobals,
+	layout::{Layout, WidgetID},
+	parser::{Fetchable, ParseDocumentParams, ParserState, TemplateParams},
+	task::Tasks,
+};
+
+use crate::{
+	frontend::{Frontend, FrontendTask, FrontendTasks},
+	tab::{Tab, TabType},
+};
+
+#[derive(Clone)]
+#[allow(clippy::enum_variant_names)]
+enum Task {}
+
+pub struct TabDonate<T> {
+	#[allow(dead_code)]
+	pub state: ParserState,
+	marker: PhantomData<T>,
+	tasks: Tasks<Task>,
+	frontend_tasks: FrontendTasks,
+}
+
+impl<T> Tab<T> for TabDonate<T> {
+	fn get_type(&self) -> TabType {
+		TabType::Donate
+	}
+
+	fn update(&mut self, frontend: &mut Frontend<T>, _time_ms: u32, _user_data: &mut T) -> anyhow::Result<()> {
+		for task in self.tasks.drain() {
+			match task {}
+		}
+
+		Ok(())
+	}
+}
+
+fn doc_params(globals: &WguiGlobals) -> ParseDocumentParams<'_> {
+	ParseDocumentParams {
+		globals: globals.clone(),
+		path: AssetPath::BuiltIn("gui/tab/donate.xml"),
+		extra: Default::default(),
+	}
+}
+
+impl<T> TabDonate<T> {
+	pub fn new(frontend: &mut Frontend<T>, parent_id: WidgetID, _data: &mut T) -> anyhow::Result<Self> {
+		let state = wgui::parser::parse_from_assets(&doc_params(&frontend.globals), &mut frontend.layout, parent_id)?;
+
+		let tasks = Tasks::<Task>::new();
+
+		Ok(Self {
+			state,
+			marker: PhantomData,
+			tasks,
+			frontend_tasks: frontend.tasks.clone(),
+		})
+	}
+}
diff --git a/dash-frontend/src/tab/home.rs b/dash-frontend/src/tab/home.rs
index a3537045..74d2dee7 100644
--- a/dash-frontend/src/tab/home.rs
+++ b/dash-frontend/src/tab/home.rs
@@ -71,6 +71,7 @@ impl<T> TabHome<T> {
 		let btn_monado = state.fetch_component_as::<ComponentButton>("btn_monado")?;
 		let btn_settings = state.fetch_component_as::<ComponentButton>("btn_settings")?;
 		let btn_welcome_screen = state.fetch_component_as::<ComponentButton>("btn_welcome_screen")?;
+		let btn_donate = state.fetch_component_as::<ComponentButton>("btn_donate")?;
 
 		let tasks = &mut frontend.tasks;
 		tasks.handle_button(&btn_apps, FrontendTask::SetTab(TabType::Apps));
@@ -78,6 +79,7 @@ impl<T> TabHome<T> {
 		tasks.handle_button(&btn_monado, FrontendTask::SetTab(TabType::Monado));
 		tasks.handle_button(&btn_settings, FrontendTask::SetTab(TabType::Settings));
 		tasks.handle_button(&btn_welcome_screen, FrontendTask::SetTab(TabType::Welcome));
+		tasks.handle_button(&btn_donate, FrontendTask::SetTab(TabType::Donate));
 
 		Ok(Self {
 			state,
diff --git a/dash-frontend/src/tab/mod.rs b/dash-frontend/src/tab/mod.rs
index 9418c843..6d8ae8c6 100644
--- a/dash-frontend/src/tab/mod.rs
+++ b/dash-frontend/src/tab/mod.rs
@@ -1,6 +1,7 @@
 use crate::frontend::Frontend;
 
 pub mod apps;
+pub mod donate;
 pub mod games;
 pub mod home;
 pub mod monado;
@@ -15,12 +16,13 @@ pub enum TabType {
 	Monado,
 	Settings,
 	Welcome,
+	Donate,
 }
 
 impl TabType {
 	pub fn get_preferred_padding(&self) -> f32 {
 		match self {
-			TabType::Welcome => 0.0,
+			TabType::Welcome | TabType::Donate => 0.0,
 			_ => 16.0,
 		}
 	}