public inbox for pve-devel@lists.proxmox.com
 help / color / mirror / Atom feed
* [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo
@ 2021-12-21 15:48 Aaron Lauterer
  2021-12-22  8:31 ` Aaron Lauterer
                   ` (2 more replies)
  0 siblings, 3 replies; 4+ messages in thread
From: Aaron Lauterer @ 2021-12-21 15:48 UTC (permalink / raw)
  To: pve-devel

The new Android 12 splash screen will mask the logo / icon. See figure 2
in [0]. This resulted in the current logo being cut off by the circular
mask, appearing broken.

I created a new version, based on the stacked variant accounting for the
additional space around the logo needed for the mask. It is now stored
as a vector drawable.
The source svg file plus a template should we need to change that in the
future, are stored in the assets directory.

The README.md also got an update to explain how to convert SVG files to
Android drawables.

[0] https://developer.android.com/guide/topics/ui/splash-screen

Signed-off-by: Aaron Lauterer <a.lauterer@proxmox.com>
---

v1 -> v2: added source SVG files, updated README to explain how to
convert SVGs to Android vector drawables, commit message is now
hopefully clearer what happened and why we needed the change

 README.md                                     |  20 +++
 .../main/res/drawable/launch_background.xml   |  80 +++++++--
 assets/images/android_launch_background.svg   | 112 ++++++++++++
 .../android_launch_background_template.svg    | 162 ++++++++++++++++++
 4 files changed, 363 insertions(+), 11 deletions(-)
 create mode 100644 assets/images/android_launch_background.svg
 create mode 100644 assets/images/android_launch_background_template.svg

diff --git a/README.md b/README.md
index a1db0f8..feda865 100644
--- a/README.md
+++ b/README.md
@@ -141,6 +141,26 @@ Test-Cluster, add this to the main function:
 
 var apiClient = await proxclient.authenticate("root@pam", "yourpassword");
 
+## Android vector drawables
+
+Android does support vector drawables, but not SVGs directly. They need to be
+converted to the Android specific subset of SVG and are stored as xml files.
+
+One way to do that is to use the Asset Studio which is part of Android Studio.
+In your (dummy) project, right click in the tree view on
+app -> New -> Vector Asset.
+
+There are other options, but they have some caveats themselves.
+
+ * a web service which is subscription based https://svg2vector.com/
+ * a JS based CLI tool, but it is npm based... https://github.com/Ashung/svg2vectordrawable
+
+## Android splash screen logo
+
+Will be masked, see figure 2 in https://developer.android.com/guide/topics/ui/splash-screen
+The drawable therefore needs to account for that by being quite a bit bigger.
+The `assets/images/android_launch_background_template.svg` file is useful to
+size the logo / icon accordingly.
 
 ## Screenshots Android
 adb shell settings put global sysui_demo_allowed 1
diff --git a/android/app/src/main/res/drawable/launch_background.xml b/android/app/src/main/res/drawable/launch_background.xml
index 93b3925..c243b2f 100644
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@@ -1,11 +1,69 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Modify this file to customize your launch splash screen -->
-<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
-
-    <!--<item android:drawable="@android:color/black" />-->
-    <item>
-        <bitmap
-            android:gravity="center"
-            android:src="@drawable/proxmox_logo_white_orange_250" />
-    </item>
-</layer-list>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="28.575"
+    android:viewportHeight="28.575003">
+  <group>
+    <clip-path
+        android:pathData="M15.2926,4.4488l-5.0084,4.6274l4.0035,3.1597l5.0084,-4.6274z"/>
+    <path
+        android:pathData="M14.2876,12.2358 L11.3096,8.9608C11.4251,8.8453 11.5597,8.7545 11.7133,8.6885 11.8669,8.6225 12.0319,8.5889 12.2083,8.5876 12.3957,8.589 12.5674,8.6261 12.7234,8.699 12.8794,8.7718 13.0149,8.8718 13.1299,8.9989L14.2876,10.2632 15.4376,8.9989C15.5568,8.8718 15.6955,8.7718 15.8537,8.699 16.0119,8.6261 16.1829,8.589 16.3668,8.5876 16.5433,8.5889 16.7083,8.6225 16.8619,8.6885 17.0155,8.7545 17.15,8.8453 17.2656,8.9608L14.2875,12.2358"
+        android:strokeWidth="0.0015353371"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"/>
+  </group>
+  <group>
+    <clip-path
+        android:pathData="M13.2825,20.5241l5.0084,-4.6274l-4.0035,-3.1597l-5.0084,4.6274z"/>
+    <path
+        android:pathData="M14.2875,12.737 L17.2655,16.0121C17.15,16.1276 17.0154,16.2183 16.8618,16.2843 16.7082,16.3503 16.5432,16.384 16.3667,16.3853 16.1793,16.3838 16.0077,16.3467 15.8517,16.2739 15.6957,16.201 15.5602,16.1011 15.4452,15.974L14.2875,14.7097 13.1374,15.974C13.0183,16.1011 12.8796,16.201 12.7214,16.2739 12.5632,16.3467 12.3921,16.3838 12.2082,16.3853 12.0318,16.384 11.8668,16.3503 11.7132,16.2843 11.5596,16.2183 11.425,16.1276 11.3095,16.0121L14.2876,12.7371"
+        android:strokeWidth="0.0015353371"
+        android:fillColor="#ffffff"
+        android:strokeColor="#00000000"/>
+  </group>
+  <path
+      android:pathData="m14.037,12.4865l0,0l-2.2432,-2.46c-0.1305,-0.1391 -0.2823,-0.2486 -0.4555,-0.3284 -0.1732,-0.0797 -0.3605,-0.1204 -0.5619,-0.122 -0.1932,0.0014 -0.3739,0.0382 -0.542,0.1105 -0.1682,0.0723 -0.3155,0.1717 -0.442,0.2981l2.2766,2.5018 -2.2766,2.5018c0.1265,0.1305 0.2738,0.2323 0.442,0.3054 0.1682,0.0731 0.3489,0.1103 0.542,0.1115 0.2019,-0.0016 0.3902,-0.0422 0.565,-0.122 0.1748,-0.0798 0.3256,-0.1892 0.4524,-0.3284l2.2432,-2.4684"
+      android:strokeWidth="0.0015385391"
+      android:fillColor="#e57000"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m14.538,12.4865l0,0l2.2432,-2.46c0.1305,-0.1391 0.2823,-0.2486 0.4555,-0.3284 0.1732,-0.0797 0.3605,-0.1204 0.5619,-0.122 0.1932,0.0014 0.3739,0.0382 0.542,0.1105 0.1682,0.0723 0.3155,0.1717 0.442,0.2981l-2.2766,2.5018 2.2766,2.5018c-0.1265,0.1305 -0.2738,0.2323 -0.442,0.3054 -0.1682,0.0731 -0.3489,0.1103 -0.542,0.1115 -0.2019,-0.0016 -0.3902,-0.0422 -0.565,-0.122 -0.1748,-0.0798 -0.3256,-0.1892 -0.4524,-0.3284l-2.2432,-2.4684"
+      android:strokeWidth="0.0015385391"
+      android:fillColor="#e57100"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m8.4555,18.2824l-1.118,0c-0.0439,0.0012 -0.0809,0.0171 -0.1111,0.0475 -0.0302,0.0304 -0.0459,0.0682 -0.0472,0.1133l0,1.5443c0.12,-0.003 0.2198,-0.0445 0.2996,-0.1245 0.0798,-0.08 0.1212,-0.1806 0.1242,-0.3017l0.8525,0c0.1212,-0.003 0.2222,-0.0445 0.3029,-0.1245 0.0807,-0.08 0.1226,-0.1806 0.1257,-0.3017l0,-0.4238c-0.0031,-0.1212 -0.045,-0.2222 -0.1257,-0.3029 -0.0807,-0.0807 -0.1817,-0.1226 -0.3029,-0.1257zM7.6029,19.1885l0,-0.4774l0.7478,0c0.0044,-0.0022 0.0218,0.0022 0.0524,0.0131 0.0305,0.0109 0.048,0.0415 0.0524,0.0916l0,0.2655c0.0022,0.0045 -0.0022,0.0223 -0.0131,0.0536 -0.0109,0.0313 -0.0415,0.0491 -0.0916,0.0536z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m10.8322,19.0302l0,-0.3191c-0.003,-0.1212 -0.0445,-0.2222 -0.1245,-0.3029 -0.08,-0.0807 -0.1806,-0.1226 -0.3017,-0.1257l-1.118,0c-0.045,0.0012 -0.0823,0.0171 -0.112,0.0475 -0.0297,0.0304 -0.0452,0.0682 -0.0463,0.1133l0,1.5443c0.1201,-0.003 0.2203,-0.0445 0.3008,-0.1245 0.0805,-0.08 0.1223,-0.1806 0.1254,-0.3017l0,-0.1072l0.4847,0l0.246,0.3507c0.0395,0.0566 0.089,0.1011 0.1486,0.1334 0.0596,0.0323 0.1261,0.0487 0.1997,0.0493 0.0355,-0.0001 0.0699,-0.0042 0.1032,-0.0125 0.0333,-0.0083 0.0647,-0.0203 0.0941,-0.0362l-0.3434,-0.4896c0.0996,-0.0216 0.1812,-0.0704 0.2448,-0.1464 0.0636,-0.0761 0.0965,-0.1669 0.0986,-0.2725zM9.5559,19.0813l0,-0.3702l0.7429,0c0.0045,-0.0022 0.0223,0.0022 0.0536,0.0131 0.0313,0.0109 0.0491,0.0415 0.0536,0.0916l0,0.1608c0.0022,0.0044 -0.0022,0.0218 -0.0134,0.0524 -0.0112,0.0305 -0.0424,0.048 -0.0938,0.0524z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m12.3517,18.2824l-0.8501,0c-0.1211,0.0031 -0.2217,0.045 -0.3017,0.1257 -0.08,0.0807 -0.1215,0.1817 -0.1245,0.3029l0,0.8501c0.003,0.1211 0.0445,0.2217 0.1245,0.3017 0.08,0.08 0.1806,0.1215 0.3017,0.1245l0.8501,0c0.1211,-0.003 0.2217,-0.0445 0.3017,-0.1245 0.08,-0.08 0.1215,-0.1806 0.1245,-0.3017l0,-0.8501c-0.003,-0.1212 -0.0445,-0.2222 -0.1245,-0.3029 -0.08,-0.0807 -0.1806,-0.1226 -0.3017,-0.1257zM12.3517,19.454c0.0022,0.0045 -0.0022,0.0223 -0.0134,0.0536 -0.0112,0.0313 -0.0424,0.0491 -0.0938,0.0536l-0.6357,0c-0.0045,0.0022 -0.0223,-0.0022 -0.0536,-0.0134 -0.0313,-0.0112 -0.0491,-0.0424 -0.0536,-0.0938l0,-0.6382c-0.0022,-0.0044 0.0022,-0.0218 0.0134,-0.0524 0.0112,-0.0305 0.0424,-0.048 0.0938,-0.0524l0.6357,0c0.0045,-0.0022 0.0223,0.0022 0.0536,0.0131 0.0313,0.0109 0.0491,0.0415 0.0536,0.0916z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m14.9259,18.4042c-0.0369,-0.0369 -0.08,-0.066 -0.1291,-0.0871 -0.0491,-0.0211 -0.1019,-0.0319 -0.1583,-0.0323 -0.06,0.0005 -0.1153,0.0123 -0.1659,0.0356 -0.0506,0.0233 -0.0943,0.0553 -0.1312,0.0959l-0.3678,0.4043 -0.3702,-0.4043c-0.0379,-0.0417 -0.0815,-0.074 -0.1309,-0.0968 -0.0494,-0.0228 -0.104,-0.0344 -0.1638,-0.0347 -0.0564,0.0004 -0.1092,0.0112 -0.1583,0.0323 -0.0491,0.0211 -0.0922,0.0501 -0.1291,0.0871l0.665,0.7307 -0.665,0.7307c0.0369,0.0381 0.08,0.0678 0.1291,0.0892 0.0491,0.0214 0.1019,0.0322 0.1583,0.0326 0.059,-0.0005 0.114,-0.0123 0.165,-0.0356 0.051,-0.0233 0.0951,-0.0553 0.1321,-0.0959l0.3678,-0.4043 0.3678,0.4043c0.0369,0.0406 0.0806,0.0726 0.1312,0.0959 0.0506,0.0233 0.1059,0.0352 0.1659,0.0356 0.0564,-0.0004 0.1092,-0.0112 0.1583,-0.0326 0.0491,-0.0214 0.0921,-0.0511 0.1291,-0.0892l-0.665,-0.7307z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m17.142,18.2824l-0.2679,0c-0.0876,0.0012 -0.1657,0.025 -0.2341,0.0712 -0.0685,0.0463 -0.1203,0.1078 -0.1556,0.1845l0.0024,-0.0049 -0.2509,0.5505 -0.2484,-0.5505l0,0.0049c-0.0342,-0.0767 -0.0858,-0.1382 -0.1547,-0.1845 -0.0689,-0.0463 -0.1473,-0.07 -0.235,-0.0712l-0.2655,0c-0.0461,0.0012 -0.0842,0.0171 -0.1142,0.0475 -0.03,0.0304 -0.0455,0.0682 -0.0466,0.1133l0,1.5443c0.1201,-0.003 0.2203,-0.0445 0.3008,-0.1245 0.0805,-0.08 0.1223,-0.1806 0.1254,-0.3017l0,-0.816c0.0002,-0.0111 0.0035,-0.0199 0.01,-0.0265 0.0065,-0.0065 0.0154,-0.0099 0.0265,-0.01 0.0063,0.0002 0.0125,0.0022 0.0186,0.0061 0.006,0.0039 0.0104,0.0083 0.0131,0.0134l0.4725,1.0425c0.0089,0.0186 0.0221,0.0337 0.0396,0.0454 0.0175,0.0116 0.0367,0.0176 0.0578,0.018 0.021,-0.0003 0.0399,-0.0058 0.0569,-0.0167 0.017,-0.0109 0.0305,-0.0256 0.0405,-0.0441L16.8058,18.7282c0.0037,-0.0051 0.0085,-0.0095 0.0143,-0.0134 0.0058,-0.0039 0.0124,-0.0059 0.0198,-0.0061 0.0099,0.0002 0.0181,0.0035 0.0244,0.01 0.0063,0.0065 0.0095,0.0154 0.0097,0.0265l0,0.816c0.0031,0.1211 0.045,0.2217 0.1254,0.3017 0.0805,0.08 0.1807,0.1215 0.3008,0.1245l0,-1.5443c-0.0011,-0.0451 -0.0165,-0.0828 -0.0463,-0.1133 -0.0297,-0.0304 -0.0671,-0.0463 -0.112,-0.0475z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m18.8217,18.2824l-0.8501,0c-0.1211,0.0031 -0.2217,0.045 -0.3017,0.1257 -0.08,0.0807 -0.1215,0.1817 -0.1245,0.3029l0,0.8501c0.003,0.1211 0.0445,0.2217 0.1245,0.3017 0.08,0.08 0.1806,0.1215 0.3017,0.1245l0.8501,0c0.1211,-0.003 0.2217,-0.0445 0.3017,-0.1245 0.08,-0.08 0.1215,-0.1806 0.1245,-0.3017l0,-0.8501c-0.003,-0.1212 -0.0445,-0.2222 -0.1245,-0.3029 -0.08,-0.0807 -0.1806,-0.1226 -0.3017,-0.1257zM18.8217,19.454c0.0022,0.0045 -0.0022,0.0223 -0.0134,0.0536 -0.0112,0.0313 -0.0424,0.0491 -0.0938,0.0536l-0.6357,0c-0.0045,0.0022 -0.0223,-0.0022 -0.0536,-0.0134 -0.0313,-0.0112 -0.0491,-0.0424 -0.0536,-0.0938l0,-0.6382c-0.0022,-0.0044 0.0022,-0.0218 0.0134,-0.0524 0.0112,-0.0305 0.0424,-0.048 0.0938,-0.0524l0.6357,0c0.0045,-0.0022 0.0223,0.0022 0.0536,0.0131 0.0313,0.0109 0.0491,0.0415 0.0536,0.0916z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="m21.3959,18.4042c-0.0369,-0.0369 -0.08,-0.066 -0.1291,-0.0871 -0.0491,-0.0211 -0.1019,-0.0319 -0.1583,-0.0323 -0.06,0.0005 -0.1153,0.0123 -0.1659,0.0356 -0.0506,0.0233 -0.0943,0.0553 -0.1312,0.0959l-0.3678,0.4043 -0.3702,-0.4043c-0.0379,-0.0417 -0.0815,-0.074 -0.1309,-0.0968 -0.0494,-0.0228 -0.104,-0.0344 -0.1638,-0.0347 -0.0564,0.0004 -0.1092,0.0112 -0.1583,0.0323 -0.0491,0.0211 -0.0922,0.0501 -0.1291,0.0871l0.665,0.7307 -0.665,0.7307c0.0369,0.0381 0.08,0.0678 0.1291,0.0892 0.0491,0.0214 0.1019,0.0322 0.1583,0.0326 0.059,-0.0005 0.114,-0.0123 0.165,-0.0356 0.051,-0.0233 0.0951,-0.0553 0.1321,-0.0959l0.3678,-0.4043 0.3678,0.4043c0.0369,0.0406 0.0806,0.0726 0.1312,0.0959 0.0506,0.0233 0.1059,0.0352 0.1659,0.0356 0.0564,-0.0004 0.1092,-0.0112 0.1583,-0.0326 0.0491,-0.0214 0.0921,-0.0511 0.1291,-0.0892l-0.665,-0.7307z"
+      android:strokeWidth="0.009264652"
+      android:fillColor="#ffffff"
+      android:strokeColor="#00000000"/>
+</vector>
diff --git a/assets/images/android_launch_background.svg b/assets/images/android_launch_background.svg
new file mode 100644
index 0000000..7f4b0b0
--- /dev/null
+++ b/assets/images/android_launch_background.svg
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="108"
+   height="108"
+   viewBox="0 0 28.575 28.575002"
+   version="1.1"
+   id="svg851"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs848">
+    <clipPath
+       id="clipPath3102-0-3"
+       clipPathUnits="userSpaceOnUse">
+      <rect
+         transform="matrix(0.73449161,0.67861776,-0.78497193,0.61953133,0,0)"
+         y="-347.71387"
+         x="-82.999916"
+         height="326.40991"
+         width="436.40189"
+         id="rect3104-0-6"
+         style="fill:#e57000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    </clipPath>
+    <clipPath
+       id="clipPath1168"
+       clipPathUnits="userSpaceOnUse">
+      <rect
+         transform="matrix(0.73449161,0.67861776,-0.78497193,0.61953133,0,0)"
+         y="-347.71387"
+         x="-82.999916"
+         height="326.40991"
+         width="436.40189"
+         id="rect1166"
+         style="fill:#e57000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    </clipPath>
+  </defs>
+  <g
+     id="layer1">
+    <g
+       id="g3592"
+       transform="matrix(0.0758226,0,0,0.0758226,52.515643,-70.938693)"
+       style="stroke-width:0.0982607">
+      <g
+         id="g3575"
+         style="stroke-width:0.0982607">
+        <g
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:144px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607"
+           id="g7614-3"
+           clip-path="url(#clipPath3102-0-3)"
+           transform="matrix(-0.20607496,0,0,0.20607496,-447.23851,1050.261)">
+          <path
+             d="M 276.30443,226.6231 466.89227,17.020605 C 459.49903,9.6280871 450.88762,3.8194321 441.05796,-0.40537695 431.22756,-4.6295171 420.6664,-6.7823721 409.37437,-6.8639479 397.38099,-6.7722031 386.39328,-4.3959326 376.41123,0.26487096 366.4286,4.9263417 357.75623,11.32398 350.39413,19.457805 L 276.30327,100.37282 202.69985,19.457805 C 195.07335,11.32397 186.19787,4.9263248 176.07344,0.2648493 165.94881,-4.395959 155.00175,-6.7722224 143.2322,-6.8639479 131.93978,-6.7823616 121.3786,-4.629505 111.5486,-0.40536951 101.71855,3.8194345 93.107122,9.6280871 85.714287,17.020605 L 276.30769,226.61752"
+             id="path7616-8"
+             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607" />
+        </g>
+        <g
+           transform="matrix(0.20607496,0,0,-0.20607496,-561.11803,1150.2731)"
+           clip-path="url(#clipPath3102-0-3)"
+           id="g7618-9"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:144px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607">
+          <path
+             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+             id="path7620-3"
+             d="M 276.30443,226.6231 466.89227,17.020605 C 459.49903,9.6280871 450.88762,3.8194321 441.05796,-0.40537695 431.22756,-4.6295171 420.6664,-6.7823721 409.37437,-6.8639479 397.38099,-6.7722031 386.39328,-4.3959326 376.41123,0.26487096 366.4286,4.9263417 357.75623,11.32398 350.39413,19.457805 L 276.30327,100.37282 202.69985,19.457805 C 195.07335,11.32397 186.19787,4.9263248 176.07344,0.2648493 165.94881,-4.395959 155.00175,-6.7722224 143.2322,-6.8639479 131.93978,-6.7823616 121.3786,-4.629505 111.5486,-0.40536951 101.71855,3.8194345 93.107122,9.6280871 85.714287,17.020605 L 276.30769,226.61752" />
+        </g>
+        <path
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1059.61px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#e57000;fill-opacity:1;stroke:none;stroke-width:0.0202913"
+           d="m -507.48195,1100.2676 v 0 l -29.58518,-32.4444 c -1.72081,-1.8352 -3.72341,-3.2788 -6.0078,-4.3306 -2.28446,-1.0516 -4.75449,-1.5877 -7.41009,-1.6085 -2.54794,0.018 -4.9309,0.5042 -7.14887,1.4573 -2.21799,0.9533 -4.16101,2.2639 -5.82908,3.9319 l 30.02528,32.9948 -30.02528,32.9948 c 1.66806,1.7208 3.61109,3.0635 5.82908,4.0281 2.21797,0.9646 4.60093,1.455 7.14887,1.471 2.66248,-0.021 5.14625,-0.5567 7.45132,-1.6084 2.30505,-1.0518 4.2939,-2.4953 5.96657,-4.3306 l 29.58512,-32.5553"
+           id="path7622-4" />
+        <path
+           id="path7624-4"
+           d="m -500.87554,1100.2676 v 0 l 29.58518,-32.4444 c 1.7208,-1.8352 3.7234,-3.2788 6.00779,-4.3306 2.28446,-1.0516 4.7545,-1.5877 7.41009,-1.6085 2.54795,0.018 4.93091,0.5042 7.14888,1.4573 2.218,0.9533 4.16102,2.2639 5.82908,3.9319 l -30.02528,32.9948 30.02528,32.9948 c -1.66806,1.7208 -3.61108,3.0635 -5.82908,4.0281 -2.21797,0.9646 -4.60093,1.455 -7.14886,1.471 -2.66248,-0.021 -5.14626,-0.5567 -7.45132,-1.6084 -2.30507,-1.0518 -4.29391,-2.4953 -5.96658,-4.3306 l -29.58512,-32.5553"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1059.61px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#e57100;fill-opacity:1;stroke:none;stroke-width:0.0202913" />
+      </g>
+      <g
+         transform="matrix(1.2435137,0,0,1.2435137,-791.06481,553.75862)"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25.8336px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607"
+         id="text3046">
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 168.85142,500.9595 h -11.85747 c -0.46554,0.0129 -0.85842,0.18085 -1.17864,0.50374 -0.32023,0.32294 -0.48707,0.72335 -0.50052,1.20125 v 16.3783 c 1.27229,-0.0318 2.33145,-0.472 3.17749,-1.32073 0.84604,-0.84873 1.2852,-1.91543 1.3175,-3.2001 h 9.04164 c 1.28573,-0.0317 2.35673,-0.47199 3.21302,-1.32072 0.85624,-0.84873 1.30079,-1.91543 1.33364,-3.2001 v -4.49499 c -0.0328,-1.28573 -0.4774,-2.35673 -1.33364,-3.21301 -0.85629,-0.85625 -1.92729,-1.3008 -3.21302,-1.33364 z m -9.04164,9.60997 v -5.06332 h 7.93081 c 0.0463,-0.0231 0.23141,0.0232 0.55542,0.13885 0.32398,0.11573 0.50912,0.43972 0.55541,0.97198 v 2.81583 c 0.0231,0.0474 -0.0231,0.23681 -0.13885,0.56833 -0.11573,0.33154 -0.43972,0.52098 -0.97198,0.56833 z"
+           id="path3028" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 194.05931,508.89031 v -3.38416 c -0.0318,-1.28573 -0.47201,-2.35673 -1.32072,-3.21301 -0.84875,-0.85625 -1.91545,-1.3008 -3.2001,-1.33364 h -11.85747 c -0.47684,0.0129 -0.87295,0.18085 -1.18833,0.50374 -0.31538,0.32294 -0.47899,0.72335 -0.49083,1.20125 v 16.3783 c 1.27336,-0.0318 2.33683,-0.472 3.1904,-1.32073 0.85357,-0.84873 1.29705,-1.91543 1.33042,-3.2001 v -1.13666 h 5.14082 l 2.60916,3.71999 c 0.4187,0.60063 0.94398,1.07208 1.57583,1.41437 0.63182,0.34229 1.33793,0.51667 2.11833,0.52313 0.37618,-5.4e-4 0.74107,-0.0447 1.09468,-0.1324 0.35358,-0.0877 0.68618,-0.21582 0.99781,-0.38427 l -3.64249,-5.19249 c 1.05592,-0.22872 1.92133,-0.74647 2.59625,-1.55322 0.67487,-0.80675 1.02362,-1.77011 1.04624,-2.8901 z m -13.53663,0.5425 v -3.92666 h 7.87915 c 0.0474,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33151,0.11573 0.52096,0.43972 0.56833,0.97198 v 1.705 c 0.0237,0.0463 -0.0237,0.23143 -0.14208,0.55541 -0.11842,0.324 -0.44995,0.50914 -0.99458,0.55542 z"
+           id="path3030" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 210.1751,500.9595 h -9.01581 c -1.28467,0.0328 -2.35137,0.47739 -3.2001,1.33364 -0.84873,0.85628 -1.28897,1.92728 -1.32072,3.21301 v 9.01581 c 0.0317,1.28467 0.47199,2.35137 1.32072,3.2001 0.84873,0.84873 1.91543,1.28897 3.2001,1.32073 h 9.01581 c 1.28465,-0.0318 2.35135,-0.472 3.2001,-1.32073 0.84871,-0.84873 1.28895,-1.91543 1.32072,-3.2001 v -9.01581 c -0.0318,-1.28573 -0.47201,-2.35673 -1.32072,-3.21301 -0.84875,-0.85625 -1.91545,-1.3008 -3.2001,-1.33364 z m 0,12.4258 c 0.0237,0.0474 -0.0237,0.23681 -0.14208,0.56833 -0.11842,0.33153 -0.44995,0.52098 -0.99458,0.56833 h -6.74249 c -0.0474,0.0237 -0.23681,-0.0237 -0.56833,-0.14208 -0.33153,-0.1184 -0.52098,-0.44993 -0.56833,-0.99458 v -6.76832 c -0.0237,-0.0463 0.0237,-0.23141 0.14208,-0.55541 0.1184,-0.32398 0.44993,-0.50912 0.99458,-0.55542 h 6.74249 c 0.0473,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33151,0.11573 0.52096,0.43972 0.56833,0.97198 z"
+           id="path3032" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 237.4767,502.25116 c -0.39183,-0.39179 -0.84822,-0.69964 -1.36917,-0.92354 -0.52099,-0.22387 -1.08071,-0.33797 -1.67916,-0.34229 -0.6367,0.005 -1.22333,0.1308 -1.75989,0.37781 -0.53659,0.24705 -1.00052,0.58611 -1.39177,1.01719 l -3.90082,4.28832 -3.92666,-4.28832 c -0.4015,-0.44238 -0.86434,-0.78467 -1.38854,-1.02688 -0.5242,-0.24217 -1.1033,-0.36487 -1.73729,-0.36812 -0.59847,0.004 -1.15819,0.11842 -1.67916,0.34229 -0.52097,0.2239 -0.97736,0.53175 -1.36916,0.92354 l 7.05248,7.74998 -7.05248,7.74998 c 0.3918,0.40419 0.84819,0.71957 1.36916,0.94615 0.52097,0.22657 1.08069,0.34175 1.67916,0.34552 0.62538,-0.005 1.20878,-0.13079 1.75021,-0.37782 0.54142,-0.24703 1.00857,-0.58609 1.40145,-1.01718 l 3.90083,-4.28832 3.90082,4.28832 c 0.39125,0.43109 0.85518,0.77015 1.39177,1.01718 0.53656,0.24703 1.12319,0.37297 1.75989,0.37782 0.59845,-0.004 1.15817,-0.11895 1.67916,-0.34552 0.52096,-0.22658 0.97734,-0.54196 1.36917,-0.94615 l -7.05249,-7.74998 z"
+           id="path3034" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 260.98042,500.9595 h -2.84166 c -0.92947,0.0129 -1.75721,0.2648 -2.48322,0.75562 -0.72604,0.49085 -1.27607,1.14314 -1.6501,1.95687 l 0.0258,-0.0517 -2.66082,5.83832 -2.635,-5.83832 v 0.0517 c -0.36275,-0.81373 -0.90955,-1.46602 -1.64041,-1.95687 -0.73087,-0.49082 -1.56184,-0.74269 -2.49291,-0.75562 h -2.81583 c -0.48922,0.0129 -0.89286,0.18085 -1.21093,0.50374 -0.31808,0.32294 -0.48276,0.72335 -0.49406,1.20125 v 16.3783 c 1.27336,-0.0318 2.33683,-0.472 3.19041,-1.32073 0.85357,-0.84873 1.29704,-1.91543 1.33041,-3.2001 v -8.65414 c 0.002,-0.11785 0.0371,-0.2115 0.10656,-0.28094 0.0694,-0.0694 0.16307,-0.10493 0.28094,-0.10656 0.0673,0.002 0.13293,0.0237 0.19698,0.0646 0.064,0.0409 0.11032,0.0883 0.13885,0.14208 l 5.01166,11.05664 c 0.0947,0.19752 0.23464,0.3579 0.41979,0.48115 0.18512,0.12325 0.38964,0.18675 0.61354,0.19052 0.22226,-0.003 0.42354,-0.0619 0.60385,-0.1776 0.18028,-0.11571 0.32344,-0.27179 0.42948,-0.46823 L 257.4154,505.687 c 0.0393,-0.0538 0.0899,-0.10116 0.15177,-0.14208 0.0619,-0.0409 0.13184,-0.0624 0.2099,-0.0646 0.10547,0.002 0.19158,0.0371 0.25833,0.10656 0.0667,0.0694 0.10116,0.16309 0.10333,0.28094 v 8.65414 c 0.0333,1.28467 0.47682,2.35137 1.33042,3.2001 0.85355,0.84873 1.91702,1.28897 3.19041,1.32073 v -16.3783 c -0.0119,-0.4779 -0.17548,-0.87831 -0.49084,-1.20125 -0.3154,-0.32289 -0.71151,-0.49081 -1.18833,-0.50374 z"
+           id="path3036" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 278.79561,500.9595 h -9.01581 c -1.28467,0.0328 -2.35137,0.47739 -3.20009,1.33364 -0.84874,0.85628 -1.28898,1.92728 -1.32073,3.21301 v 9.01581 c 0.0317,1.28467 0.47199,2.35137 1.32073,3.2001 0.84872,0.84873 1.91542,1.28897 3.20009,1.32073 h 9.01581 c 1.28466,-0.0318 2.35135,-0.472 3.2001,-1.32073 0.84871,-0.84873 1.28896,-1.91543 1.32073,-3.2001 v -9.01581 c -0.0318,-1.28573 -0.47202,-2.35673 -1.32073,-3.21301 -0.84875,-0.85625 -1.91544,-1.3008 -3.2001,-1.33364 z m 0,12.4258 c 0.0237,0.0474 -0.0237,0.23681 -0.14208,0.56833 -0.11842,0.33153 -0.44994,0.52098 -0.99458,0.56833 h -6.74248 c -0.0474,0.0237 -0.23681,-0.0237 -0.56834,-0.14208 -0.33153,-0.1184 -0.52097,-0.44993 -0.56833,-0.99458 v -6.76832 c -0.0237,-0.0463 0.0237,-0.23141 0.14209,-0.55541 0.11839,-0.32398 0.44992,-0.50912 0.99458,-0.55542 h 6.74248 c 0.0473,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33152,0.11573 0.52096,0.43972 0.56833,0.97198 z"
+           id="path3038" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 306.0972,502.25116 c -0.39182,-0.39179 -0.84821,-0.69964 -1.36916,-0.92354 -0.52099,-0.22387 -1.08071,-0.33797 -1.67916,-0.34229 -0.6367,0.005 -1.22333,0.1308 -1.75989,0.37781 -0.5366,0.24705 -1.00052,0.58611 -1.39177,1.01719 l -3.90083,4.28832 -3.92665,-4.28832 c -0.4015,-0.44238 -0.86435,-0.78467 -1.38854,-1.02688 -0.52421,-0.24217 -1.1033,-0.36487 -1.73729,-0.36812 -0.59847,0.004 -1.15819,0.11842 -1.67916,0.34229 -0.52097,0.2239 -0.97736,0.53175 -1.36917,0.92354 l 7.05249,7.74998 -7.05249,7.74998 c 0.39181,0.40419 0.8482,0.71957 1.36917,0.94615 0.52097,0.22657 1.08069,0.34175 1.67916,0.34552 0.62538,-0.005 1.20878,-0.13079 1.7502,-0.37782 0.54142,-0.24703 1.00857,-0.58609 1.40146,-1.01718 l 3.90082,-4.28832 3.90083,4.28832 c 0.39125,0.43109 0.85517,0.77015 1.39177,1.01718 0.53656,0.24703 1.12319,0.37297 1.75989,0.37782 0.59845,-0.004 1.15817,-0.11895 1.67916,-0.34552 0.52095,-0.22658 0.97734,-0.54196 1.36916,-0.94615 l -7.05248,-7.74998 z"
+           id="path3040" />
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/assets/images/android_launch_background_template.svg b/assets/images/android_launch_background_template.svg
new file mode 100644
index 0000000..b667b8c
--- /dev/null
+++ b/assets/images/android_launch_background_template.svg
@@ -0,0 +1,162 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="108"
+   height="108"
+   viewBox="0 0 28.575 28.575002"
+   version="1.1"
+   id="svg851"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   sodipodi:docname="android_splash_template.svg"
+   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">
+  <sodipodi:namedview
+     id="namedview853"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:document-units="mm"
+     showgrid="false"
+     units="px"
+     width="108px"
+     inkscape:zoom="4.447138"
+     inkscape:cx="41.150061"
+     inkscape:cy="59.476454"
+     inkscape:window-width="1920"
+     inkscape:window-height="1030"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showguides="true"
+     inkscape:guide-bbox="true" />
+  <defs
+     id="defs848">
+    <clipPath
+       id="clipPath3102-0-3"
+       clipPathUnits="userSpaceOnUse">
+      <rect
+         transform="matrix(0.73449161,0.67861776,-0.78497193,0.61953133,0,0)"
+         y="-347.71387"
+         x="-82.999916"
+         height="326.40991"
+         width="436.40189"
+         id="rect3104-0-6"
+         style="fill:#e57000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    </clipPath>
+    <clipPath
+       id="clipPath1168"
+       clipPathUnits="userSpaceOnUse">
+      <rect
+         transform="matrix(0.73449161,0.67861776,-0.78497193,0.61953133,0,0)"
+         y="-347.71387"
+         x="-82.999916"
+         height="326.40991"
+         width="436.40189"
+         id="rect1166"
+         style="fill:#e57000;fill-opacity:1;fill-rule:evenodd;stroke:none" />
+    </clipPath>
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="fill:#a2a2a2;stroke:#000000;stroke-width:0.4;stroke-linecap:square;paint-order:markers stroke fill;stroke-miterlimit:4;stroke-dasharray:none;fill-opacity:1"
+       id="path1696"
+       cx="14.2875"
+       cy="14.2875"
+       r="9.5249996" />
+    <g
+       id="g3592"
+       transform="matrix(0.0758226,0,0,0.0758226,52.515643,-70.938693)"
+       style="stroke-width:0.0982607">
+      <g
+         id="g3575"
+         style="stroke-width:0.0982607">
+        <g
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:144px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607"
+           id="g7614-3"
+           clip-path="url(#clipPath3102-0-3)"
+           transform="matrix(-0.20607496,0,0,0.20607496,-447.23851,1050.261)">
+          <path
+             d="M 276.30443,226.6231 466.89227,17.020605 C 459.49903,9.6280871 450.88762,3.8194321 441.05796,-0.40537695 431.22756,-4.6295171 420.6664,-6.7823721 409.37437,-6.8639479 397.38099,-6.7722031 386.39328,-4.3959326 376.41123,0.26487096 366.4286,4.9263417 357.75623,11.32398 350.39413,19.457805 L 276.30327,100.37282 202.69985,19.457805 C 195.07335,11.32397 186.19787,4.9263248 176.07344,0.2648493 165.94881,-4.395959 155.00175,-6.7722224 143.2322,-6.8639479 131.93978,-6.7823616 121.3786,-4.629505 111.5486,-0.40536951 101.71855,3.8194345 93.107122,9.6280871 85.714287,17.020605 L 276.30769,226.61752"
+             id="path7616-8"
+             inkscape:connector-curvature="0"
+             sodipodi:nodetypes="ccccccccccccc"
+             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607" />
+        </g>
+        <g
+           transform="matrix(0.20607496,0,0,-0.20607496,-561.11803,1150.2731)"
+           clip-path="url(#clipPath3102-0-3)"
+           id="g7618-9"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:144px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607">
+          <path
+             style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+             sodipodi:nodetypes="ccccccccccccc"
+             inkscape:connector-curvature="0"
+             id="path7620-3"
+             d="M 276.30443,226.6231 466.89227,17.020605 C 459.49903,9.6280871 450.88762,3.8194321 441.05796,-0.40537695 431.22756,-4.6295171 420.6664,-6.7823721 409.37437,-6.8639479 397.38099,-6.7722031 386.39328,-4.3959326 376.41123,0.26487096 366.4286,4.9263417 357.75623,11.32398 350.39413,19.457805 L 276.30327,100.37282 202.69985,19.457805 C 195.07335,11.32397 186.19787,4.9263248 176.07344,0.2648493 165.94881,-4.395959 155.00175,-6.7722224 143.2322,-6.8639479 131.93978,-6.7823616 121.3786,-4.629505 111.5486,-0.40536951 101.71855,3.8194345 93.107122,9.6280871 85.714287,17.020605 L 276.30769,226.61752" />
+        </g>
+        <path
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1059.61px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#e57000;fill-opacity:1;stroke:none;stroke-width:0.0202913"
+           d="m -507.48195,1100.2676 v 0 l -29.58518,-32.4444 c -1.72081,-1.8352 -3.72341,-3.2788 -6.0078,-4.3306 -2.28446,-1.0516 -4.75449,-1.5877 -7.41009,-1.6085 -2.54794,0.018 -4.9309,0.5042 -7.14887,1.4573 -2.21799,0.9533 -4.16101,2.2639 -5.82908,3.9319 l 30.02528,32.9948 -30.02528,32.9948 c 1.66806,1.7208 3.61109,3.0635 5.82908,4.0281 2.21797,0.9646 4.60093,1.455 7.14887,1.471 2.66248,-0.021 5.14625,-0.5567 7.45132,-1.6084 2.30505,-1.0518 4.2939,-2.4953 5.96657,-4.3306 l 29.58512,-32.5553"
+           id="path7622-4"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cccccccccscscc" />
+        <path
+           sodipodi:nodetypes="cccccccccscscc"
+           inkscape:connector-curvature="0"
+           id="path7624-4"
+           d="m -500.87554,1100.2676 v 0 l 29.58518,-32.4444 c 1.7208,-1.8352 3.7234,-3.2788 6.00779,-4.3306 2.28446,-1.0516 4.7545,-1.5877 7.41009,-1.6085 2.54795,0.018 4.93091,0.5042 7.14888,1.4573 2.218,0.9533 4.16102,2.2639 5.82908,3.9319 l -30.02528,32.9948 30.02528,32.9948 c -1.66806,1.7208 -3.61108,3.0635 -5.82908,4.0281 -2.21797,0.9646 -4.60093,1.455 -7.14886,1.471 -2.66248,-0.021 -5.14626,-0.5567 -7.45132,-1.6084 -2.30507,-1.0518 -4.29391,-2.4953 -5.96658,-4.3306 l -29.58512,-32.5553"
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:1059.61px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;letter-spacing:0px;word-spacing:0px;fill:#e57100;fill-opacity:1;stroke:none;stroke-width:0.0202913" />
+      </g>
+      <g
+         transform="matrix(1.2435137,0,0,1.2435137,-791.06481,553.75862)"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:25.8336px;line-height:125%;font-family:Helion;-inkscape-font-specification:Helion;text-align:start;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.0982607"
+         id="text3046">
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 168.85142,500.9595 h -11.85747 c -0.46554,0.0129 -0.85842,0.18085 -1.17864,0.50374 -0.32023,0.32294 -0.48707,0.72335 -0.50052,1.20125 v 16.3783 c 1.27229,-0.0318 2.33145,-0.472 3.17749,-1.32073 0.84604,-0.84873 1.2852,-1.91543 1.3175,-3.2001 h 9.04164 c 1.28573,-0.0317 2.35673,-0.47199 3.21302,-1.32072 0.85624,-0.84873 1.30079,-1.91543 1.33364,-3.2001 v -4.49499 c -0.0328,-1.28573 -0.4774,-2.35673 -1.33364,-3.21301 -0.85629,-0.85625 -1.92729,-1.3008 -3.21302,-1.33364 z m -9.04164,9.60997 v -5.06332 h 7.93081 c 0.0463,-0.0231 0.23141,0.0232 0.55542,0.13885 0.32398,0.11573 0.50912,0.43972 0.55541,0.97198 v 2.81583 c 0.0231,0.0474 -0.0231,0.23681 -0.13885,0.56833 -0.11573,0.33154 -0.43972,0.52098 -0.97198,0.56833 z"
+           id="path3028"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 194.05931,508.89031 v -3.38416 c -0.0318,-1.28573 -0.47201,-2.35673 -1.32072,-3.21301 -0.84875,-0.85625 -1.91545,-1.3008 -3.2001,-1.33364 h -11.85747 c -0.47684,0.0129 -0.87295,0.18085 -1.18833,0.50374 -0.31538,0.32294 -0.47899,0.72335 -0.49083,1.20125 v 16.3783 c 1.27336,-0.0318 2.33683,-0.472 3.1904,-1.32073 0.85357,-0.84873 1.29705,-1.91543 1.33042,-3.2001 v -1.13666 h 5.14082 l 2.60916,3.71999 c 0.4187,0.60063 0.94398,1.07208 1.57583,1.41437 0.63182,0.34229 1.33793,0.51667 2.11833,0.52313 0.37618,-5.4e-4 0.74107,-0.0447 1.09468,-0.1324 0.35358,-0.0877 0.68618,-0.21582 0.99781,-0.38427 l -3.64249,-5.19249 c 1.05592,-0.22872 1.92133,-0.74647 2.59625,-1.55322 0.67487,-0.80675 1.02362,-1.77011 1.04624,-2.8901 z m -13.53663,0.5425 v -3.92666 h 7.87915 c 0.0474,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33151,0.11573 0.52096,0.43972 0.56833,0.97198 v 1.705 c 0.0237,0.0463 -0.0237,0.23143 -0.14208,0.55541 -0.11842,0.324 -0.44995,0.50914 -0.99458,0.55542 z"
+           id="path3030"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 210.1751,500.9595 h -9.01581 c -1.28467,0.0328 -2.35137,0.47739 -3.2001,1.33364 -0.84873,0.85628 -1.28897,1.92728 -1.32072,3.21301 v 9.01581 c 0.0317,1.28467 0.47199,2.35137 1.32072,3.2001 0.84873,0.84873 1.91543,1.28897 3.2001,1.32073 h 9.01581 c 1.28465,-0.0318 2.35135,-0.472 3.2001,-1.32073 0.84871,-0.84873 1.28895,-1.91543 1.32072,-3.2001 v -9.01581 c -0.0318,-1.28573 -0.47201,-2.35673 -1.32072,-3.21301 -0.84875,-0.85625 -1.91545,-1.3008 -3.2001,-1.33364 z m 0,12.4258 c 0.0237,0.0474 -0.0237,0.23681 -0.14208,0.56833 -0.11842,0.33153 -0.44995,0.52098 -0.99458,0.56833 h -6.74249 c -0.0474,0.0237 -0.23681,-0.0237 -0.56833,-0.14208 -0.33153,-0.1184 -0.52098,-0.44993 -0.56833,-0.99458 v -6.76832 c -0.0237,-0.0463 0.0237,-0.23141 0.14208,-0.55541 0.1184,-0.32398 0.44993,-0.50912 0.99458,-0.55542 h 6.74249 c 0.0473,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33151,0.11573 0.52096,0.43972 0.56833,0.97198 z"
+           id="path3032"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 237.4767,502.25116 c -0.39183,-0.39179 -0.84822,-0.69964 -1.36917,-0.92354 -0.52099,-0.22387 -1.08071,-0.33797 -1.67916,-0.34229 -0.6367,0.005 -1.22333,0.1308 -1.75989,0.37781 -0.53659,0.24705 -1.00052,0.58611 -1.39177,1.01719 l -3.90082,4.28832 -3.92666,-4.28832 c -0.4015,-0.44238 -0.86434,-0.78467 -1.38854,-1.02688 -0.5242,-0.24217 -1.1033,-0.36487 -1.73729,-0.36812 -0.59847,0.004 -1.15819,0.11842 -1.67916,0.34229 -0.52097,0.2239 -0.97736,0.53175 -1.36916,0.92354 l 7.05248,7.74998 -7.05248,7.74998 c 0.3918,0.40419 0.84819,0.71957 1.36916,0.94615 0.52097,0.22657 1.08069,0.34175 1.67916,0.34552 0.62538,-0.005 1.20878,-0.13079 1.75021,-0.37782 0.54142,-0.24703 1.00857,-0.58609 1.40145,-1.01718 l 3.90083,-4.28832 3.90082,4.28832 c 0.39125,0.43109 0.85518,0.77015 1.39177,1.01718 0.53656,0.24703 1.12319,0.37297 1.75989,0.37782 0.59845,-0.004 1.15817,-0.11895 1.67916,-0.34552 0.52096,-0.22658 0.97734,-0.54196 1.36917,-0.94615 l -7.05249,-7.74998 z"
+           id="path3034"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 260.98042,500.9595 h -2.84166 c -0.92947,0.0129 -1.75721,0.2648 -2.48322,0.75562 -0.72604,0.49085 -1.27607,1.14314 -1.6501,1.95687 l 0.0258,-0.0517 -2.66082,5.83832 -2.635,-5.83832 v 0.0517 c -0.36275,-0.81373 -0.90955,-1.46602 -1.64041,-1.95687 -0.73087,-0.49082 -1.56184,-0.74269 -2.49291,-0.75562 h -2.81583 c -0.48922,0.0129 -0.89286,0.18085 -1.21093,0.50374 -0.31808,0.32294 -0.48276,0.72335 -0.49406,1.20125 v 16.3783 c 1.27336,-0.0318 2.33683,-0.472 3.19041,-1.32073 0.85357,-0.84873 1.29704,-1.91543 1.33041,-3.2001 v -8.65414 c 0.002,-0.11785 0.0371,-0.2115 0.10656,-0.28094 0.0694,-0.0694 0.16307,-0.10493 0.28094,-0.10656 0.0673,0.002 0.13293,0.0237 0.19698,0.0646 0.064,0.0409 0.11032,0.0883 0.13885,0.14208 l 5.01166,11.05664 c 0.0947,0.19752 0.23464,0.3579 0.41979,0.48115 0.18512,0.12325 0.38964,0.18675 0.61354,0.19052 0.22226,-0.003 0.42354,-0.0619 0.60385,-0.1776 0.18028,-0.11571 0.32344,-0.27179 0.42948,-0.46823 L 257.4154,505.687 c 0.0393,-0.0538 0.0899,-0.10116 0.15177,-0.14208 0.0619,-0.0409 0.13184,-0.0624 0.2099,-0.0646 0.10547,0.002 0.19158,0.0371 0.25833,0.10656 0.0667,0.0694 0.10116,0.16309 0.10333,0.28094 v 8.65414 c 0.0333,1.28467 0.47682,2.35137 1.33042,3.2001 0.85355,0.84873 1.91702,1.28897 3.19041,1.32073 v -16.3783 c -0.0119,-0.4779 -0.17548,-0.87831 -0.49084,-1.20125 -0.3154,-0.32289 -0.71151,-0.49081 -1.18833,-0.50374 z"
+           id="path3036"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 278.79561,500.9595 h -9.01581 c -1.28467,0.0328 -2.35137,0.47739 -3.20009,1.33364 -0.84874,0.85628 -1.28898,1.92728 -1.32073,3.21301 v 9.01581 c 0.0317,1.28467 0.47199,2.35137 1.32073,3.2001 0.84872,0.84873 1.91542,1.28897 3.20009,1.32073 h 9.01581 c 1.28466,-0.0318 2.35135,-0.472 3.2001,-1.32073 0.84871,-0.84873 1.28896,-1.91543 1.32073,-3.2001 v -9.01581 c -0.0318,-1.28573 -0.47202,-2.35673 -1.32073,-3.21301 -0.84875,-0.85625 -1.91544,-1.3008 -3.2001,-1.33364 z m 0,12.4258 c 0.0237,0.0474 -0.0237,0.23681 -0.14208,0.56833 -0.11842,0.33153 -0.44994,0.52098 -0.99458,0.56833 h -6.74248 c -0.0474,0.0237 -0.23681,-0.0237 -0.56834,-0.14208 -0.33153,-0.1184 -0.52097,-0.44993 -0.56833,-0.99458 v -6.76832 c -0.0237,-0.0463 0.0237,-0.23141 0.14209,-0.55541 0.11839,-0.32398 0.44992,-0.50912 0.99458,-0.55542 h 6.74248 c 0.0473,-0.0231 0.23679,0.0232 0.56833,0.13885 0.33152,0.11573 0.52096,0.43972 0.56833,0.97198 z"
+           id="path3038"
+           inkscape:connector-curvature="0" />
+        <path
+           style="fill:#ffffff;fill-opacity:1;stroke-width:0.0982607"
+           d="m 306.0972,502.25116 c -0.39182,-0.39179 -0.84821,-0.69964 -1.36916,-0.92354 -0.52099,-0.22387 -1.08071,-0.33797 -1.67916,-0.34229 -0.6367,0.005 -1.22333,0.1308 -1.75989,0.37781 -0.5366,0.24705 -1.00052,0.58611 -1.39177,1.01719 l -3.90083,4.28832 -3.92665,-4.28832 c -0.4015,-0.44238 -0.86435,-0.78467 -1.38854,-1.02688 -0.52421,-0.24217 -1.1033,-0.36487 -1.73729,-0.36812 -0.59847,0.004 -1.15819,0.11842 -1.67916,0.34229 -0.52097,0.2239 -0.97736,0.53175 -1.36917,0.92354 l 7.05249,7.74998 -7.05249,7.74998 c 0.39181,0.40419 0.8482,0.71957 1.36917,0.94615 0.52097,0.22657 1.08069,0.34175 1.67916,0.34552 0.62538,-0.005 1.20878,-0.13079 1.7502,-0.37782 0.54142,-0.24703 1.00857,-0.58609 1.40146,-1.01718 l 3.90082,-4.28832 3.90083,4.28832 c 0.39125,0.43109 0.85517,0.77015 1.39177,1.01718 0.53656,0.24703 1.12319,0.37297 1.75989,0.37782 0.59845,-0.004 1.15817,-0.11895 1.67916,-0.34552 0.52095,-0.22658 0.97734,-0.54196 1.36916,-0.94615 l -7.05248,-7.74998 z"
+           id="path3040"
+           inkscape:connector-curvature="0" />
+      </g>
+    </g>
+  </g>
+</svg>
-- 
2.30.2





^ permalink raw reply	[flat|nested] 4+ messages in thread

* Re: [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo
  2021-12-21 15:48 [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo Aaron Lauterer
@ 2021-12-22  8:31 ` Aaron Lauterer
  2021-12-22  9:23 ` Dominik Csapak
  2021-12-28  8:54 ` [pve-devel] applied: " Thomas Lamprecht
  2 siblings, 0 replies; 4+ messages in thread
From: Aaron Lauterer @ 2021-12-22  8:31 UTC (permalink / raw)
  To: pve-devel

Looks like Thunderbird is splitting some long SVG lines when saving the email, making it impossible to apply the patch right away

Line 188, 307, 472 are affected.
Be careful as there usually is some whitespace at the beginning of those lines which is needed.




^ permalink raw reply	[flat|nested] 4+ messages in thread

* Re: [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo
  2021-12-21 15:48 [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo Aaron Lauterer
  2021-12-22  8:31 ` Aaron Lauterer
@ 2021-12-22  9:23 ` Dominik Csapak
  2021-12-28  8:54 ` [pve-devel] applied: " Thomas Lamprecht
  2 siblings, 0 replies; 4+ messages in thread
From: Dominik Csapak @ 2021-12-22  9:23 UTC (permalink / raw)
  To: Proxmox VE development discussion, Aaron Lauterer

tested this patch (by manually fixing the line breaking issue) and it 
looked good (no cut off part of the logo anymore)

so

Tested-by: Dominik Csapak <d.csapak@proxmox.com>




^ permalink raw reply	[flat|nested] 4+ messages in thread

* [pve-devel] applied: [PATCH v2 flutter_frontend] fix android splash screen logo
  2021-12-21 15:48 [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo Aaron Lauterer
  2021-12-22  8:31 ` Aaron Lauterer
  2021-12-22  9:23 ` Dominik Csapak
@ 2021-12-28  8:54 ` Thomas Lamprecht
  2 siblings, 0 replies; 4+ messages in thread
From: Thomas Lamprecht @ 2021-12-28  8:54 UTC (permalink / raw)
  To: Proxmox VE development discussion, Aaron Lauterer

On 21/12/2021 16:48, Aaron Lauterer wrote:
> The new Android 12 splash screen will mask the logo / icon. See figure 2
> in [0]. This resulted in the current logo being cut off by the circular
> mask, appearing broken.
> 
> I created a new version, based on the stacked variant accounting for the
> additional space around the logo needed for the mask. It is now stored
> as a vector drawable.
> The source svg file plus a template should we need to change that in the
> future, are stored in the assets directory.
> 
> The README.md also got an update to explain how to convert SVG files to
> Android drawables.
> 
> [0] https://developer.android.com/guide/topics/ui/splash-screen
> 
> Signed-off-by: Aaron Lauterer <a.lauterer@proxmox.com>
> ---
> 
> v1 -> v2: added source SVG files, updated README to explain how to
> convert SVGs to Android vector drawables, commit message is now
> hopefully clearer what happened and why we needed the change
> 
>  README.md                                     |  20 +++
>  .../main/res/drawable/launch_background.xml   |  80 +++++++--
>  assets/images/android_launch_background.svg   | 112 ++++++++++++
>  .../android_launch_background_template.svg    | 162 ++++++++++++++++++
>  4 files changed, 363 insertions(+), 11 deletions(-)
>  create mode 100644 assets/images/android_launch_background.svg
>  create mode 100644 assets/images/android_launch_background_template.svg
> 
>

applied, fixing up the broken lines, slightly rewording the commit message and
adding Dominik's T-b, thanks!




^ permalink raw reply	[flat|nested] 4+ messages in thread

end of thread, other threads:[~2021-12-28  8:54 UTC | newest]

Thread overview: 4+ messages (download: mbox.gz / follow: Atom feed)
-- links below jump to the message on this page --
2021-12-21 15:48 [pve-devel] [PATCH v2 flutter_frontend] fix android splash screen logo Aaron Lauterer
2021-12-22  8:31 ` Aaron Lauterer
2021-12-22  9:23 ` Dominik Csapak
2021-12-28  8:54 ` [pve-devel] applied: " Thomas Lamprecht

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox
Service provided by Proxmox Server Solutions GmbH | Privacy | Legal