Added startup splash screen (android only)

android/app/src/main/res/drawable-v21/launch_background.xml

@@ -1,12 +1,9 @@
 <?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:colorBackground" />
+    <item>
-
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
-    <!-- You can insert your own image assets here -->
+    </item>
-    <!-- <item>
+    <item>
-        <bitmap
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
-            android:gravity="center"
+    </item>
-            android:src="@mipmap/launch_image" />
-    </item> -->
 </layer-list>

android/app/src/main/res/drawable/launch_background.xml

@@ -1,12 +1,9 @@
 <?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/white" />
+    <item>
-
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
-    <!-- You can insert your own image assets here -->
+    </item>
-    <!-- <item>
+    <item>
-        <bitmap
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
-            android:gravity="center"
+    </item>
-            android:src="@mipmap/launch_image" />
-    </item> -->
 </layer-list>

android/app/src/main/res/values/styles.xml

@@ -5,6 +5,9 @@
         <!-- Show a splash screen on the activity. Automatically removed when
              the Flutter engine draws its first frame -->
         <item name="android:windowBackground">@drawable/launch_background</item>
+        <item name="android:forceDarkAllowed">false</item>
+        <item name="android:windowFullscreen">false</item>
+        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
     </style>
     <!-- Theme applied to the Android Window as soon as the process has started.
          This theme determines the color of the Android Window while your

flutter_01.log

@@ -7,7 +7,7 @@ flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-d
 
 ## exception
 
-String: failed to connect to http://127.0.0.1:45275/X0V7tlGyJXA=/
+String: failed to connect to http://127.0.0.1:33337/a6hNejw63ys=/
 
 ```
 ```
@@ -15,12 +15,12 @@ String: failed to connect to http://127.0.0.1:45275/X0V7tlGyJXA=/
 ## flutter doctor
 
 ```
-[!] Flutter (Channel stable, 3.7.3, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
+[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.3 on channel stable at /opt/flutter
+    • Flutter version 3.7.4 on channel stable at /opt/flutter
     ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
     ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
     • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision 9944297138 (vor 8 Tagen), 2023-02-08 15:46:04 -0800
+    • Framework revision b4bce91dd0 (vor 33 Stunden), 2023-02-21 09:50:50 +0800
     • Engine revision 248290d6d5
     • Dart version 2.19.2
     • DevTools version 2.20.1
@@ -44,7 +44,7 @@ String: failed to connect to http://127.0.0.1:45275/X0V7tlGyJXA=/
 
 [✓] Android Studio (version 2021.3)
     • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 71.0.3
+    • Flutter plugin version 72.1.1
     • Dart plugin version 213.7433
     • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
 

flutter_02.log

@@ -1,59 +0,0 @@
-Flutter crash report.
-Please report a bug at https://github.com/flutter/flutter/issues.
-
-## command
-
-flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-define=flutter.inspector.structuredErrors=true lib/main.dart
-
-## exception
-
-String: failed to connect to http://127.0.0.1:45527/cpTOi69XvcE=/
-
-```
-```
-
-## flutter doctor
-
-```
-[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.4 on channel stable at /opt/flutter
-    ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision b4bce91dd0 (vor 22 Stunden), 2023-02-21 09:50:50 +0800
-    • Engine revision 248290d6d5
-    • Dart version 2.19.2
-    • DevTools version 2.20.1
-    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.
-
-[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
-    • Android SDK at /home/elias/Android/Sdk
-    • Platform android-33, build-tools 33.0.0
-    • Java binary at: /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335/jre/bin/java
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-    • All Android licenses accepted.
-
-[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
-    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
-
-[✓] Linux toolchain - develop for Linux desktop
-    • clang version 10.0.0-4ubuntu1
-    • cmake version 3.16.3
-    • ninja version 1.10.0
-    • pkg-config version 0.29.1
-
-[✓] Android Studio (version 2021.3)
-    • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 72.1.1
-    • Dart plugin version 213.7433
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-
-[✓] Connected device (2 available)
-    • SM G800F (mobile) • 5200de3d4dd02295 • android-arm • Android 6.0.1 (API 23)
-    • Linux (desktop)   • linux            • linux-x64   • Linux Mint 20.3 5.15.0-60-generic
-
-[✓] HTTP Host Availability
-    • All required HTTP hosts are available
-
-! Doctor found issues in 2 categories.
-```

flutter_03.log

@@ -1,59 +0,0 @@
-Flutter crash report.
-Please report a bug at https://github.com/flutter/flutter/issues.
-
-## command
-
-flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-define=flutter.inspector.structuredErrors=true lib/main.dart
-
-## exception
-
-String: failed to connect to http://127.0.0.1:45965/t1VeUhnSFsQ=/
-
-```
-```
-
-## flutter doctor
-
-```
-[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.4 on channel stable at /opt/flutter
-    ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision b4bce91dd0 (vor 32 Stunden), 2023-02-21 09:50:50 +0800
-    • Engine revision 248290d6d5
-    • Dart version 2.19.2
-    • DevTools version 2.20.1
-    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.
-
-[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
-    • Android SDK at /home/elias/Android/Sdk
-    • Platform android-33, build-tools 33.0.0
-    • Java binary at: /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335/jre/bin/java
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-    • All Android licenses accepted.
-
-[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
-    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
-
-[✓] Linux toolchain - develop for Linux desktop
-    • clang version 10.0.0-4ubuntu1
-    • cmake version 3.16.3
-    • ninja version 1.10.0
-    • pkg-config version 0.29.1
-
-[✓] Android Studio (version 2021.3)
-    • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 72.1.1
-    • Dart plugin version 213.7433
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-
-[✓] Connected device (2 available)
-    • SM G800F (mobile) • 5200de3d4dd02295 • android-arm • Android 6.0.1 (API 23)
-    • Linux (desktop)   • linux            • linux-x64   • Linux Mint 20.3 5.15.0-60-generic
-
-[✓] HTTP Host Availability
-    • All required HTTP hosts are available
-
-! Doctor found issues in 2 categories.
-```

flutter_04.log

@@ -1,59 +0,0 @@
-Flutter crash report.
-Please report a bug at https://github.com/flutter/flutter/issues.
-
-## command
-
-flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-define=flutter.inspector.structuredErrors=true lib/main.dart
-
-## exception
-
-String: failed to connect to http://127.0.0.1:40347/W0H25onSEEs=/
-
-```
-```
-
-## flutter doctor
-
-```
-[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.4 on channel stable at /opt/flutter
-    ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision b4bce91dd0 (vor 33 Stunden), 2023-02-21 09:50:50 +0800
-    • Engine revision 248290d6d5
-    • Dart version 2.19.2
-    • DevTools version 2.20.1
-    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.
-
-[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
-    • Android SDK at /home/elias/Android/Sdk
-    • Platform android-33, build-tools 33.0.0
-    • Java binary at: /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335/jre/bin/java
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-    • All Android licenses accepted.
-
-[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
-    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
-
-[✓] Linux toolchain - develop for Linux desktop
-    • clang version 10.0.0-4ubuntu1
-    • cmake version 3.16.3
-    • ninja version 1.10.0
-    • pkg-config version 0.29.1
-
-[✓] Android Studio (version 2021.3)
-    • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 72.1.1
-    • Dart plugin version 213.7433
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-
-[✓] Connected device (2 available)
-    • SM G800F (mobile) • 5200de3d4dd02295 • android-arm • Android 6.0.1 (API 23)
-    • Linux (desktop)   • linux            • linux-x64   • Linux Mint 20.3 5.15.0-60-generic
-
-[✓] HTTP Host Availability
-    • All required HTTP hosts are available
-
-! Doctor found issues in 2 categories.
-```

flutter_05.log

@@ -1,59 +0,0 @@
-Flutter crash report.
-Please report a bug at https://github.com/flutter/flutter/issues.
-
-## command
-
-flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-define=flutter.inspector.structuredErrors=true lib/main.dart
-
-## exception
-
-String: failed to connect to http://127.0.0.1:43561/CqMgfh58Pf8=/
-
-```
-```
-
-## flutter doctor
-
-```
-[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.4 on channel stable at /opt/flutter
-    ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision b4bce91dd0 (vor 33 Stunden), 2023-02-21 09:50:50 +0800
-    • Engine revision 248290d6d5
-    • Dart version 2.19.2
-    • DevTools version 2.20.1
-    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.
-
-[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
-    • Android SDK at /home/elias/Android/Sdk
-    • Platform android-33, build-tools 33.0.0
-    • Java binary at: /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335/jre/bin/java
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-    • All Android licenses accepted.
-
-[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
-    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
-
-[✓] Linux toolchain - develop for Linux desktop
-    • clang version 10.0.0-4ubuntu1
-    • cmake version 3.16.3
-    • ninja version 1.10.0
-    • pkg-config version 0.29.1
-
-[✓] Android Studio (version 2021.3)
-    • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 72.1.1
-    • Dart plugin version 213.7433
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-
-[✓] Connected device (2 available)
-    • SM G800F (mobile) • 5200de3d4dd02295 • android-arm • Android 6.0.1 (API 23)
-    • Linux (desktop)   • linux            • linux-x64   • Linux Mint 20.3 5.15.0-60-generic
-
-[✓] HTTP Host Availability
-    • All required HTTP hosts are available
-
-! Doctor found issues in 2 categories.
-```

flutter_06.log

@@ -1,59 +0,0 @@
-Flutter crash report.
-Please report a bug at https://github.com/flutter/flutter/issues.
-
-## command
-
-flutter --no-color run --machine --device-id=5200de3d4dd02295 --profile --dart-define=flutter.inspector.structuredErrors=true lib/main.dart
-
-## exception
-
-String: failed to connect to http://127.0.0.1:44567/J26no2LGrUw=/
-
-```
-```
-
-## flutter doctor
-
-```
-[!] Flutter (Channel stable, 3.7.4, on Linux Mint 20.3 5.15.0-60-generic, locale de_DE.UTF-8)
-    • Flutter version 3.7.4 on channel stable at /opt/flutter
-    ! The flutter binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    ! The dart binary is not on your path. Consider adding /opt/flutter/bin to your path.
-    • Upstream repository https://github.com/flutter/flutter.git
-    • Framework revision b4bce91dd0 (vor 33 Stunden), 2023-02-21 09:50:50 +0800
-    • Engine revision 248290d6d5
-    • Dart version 2.19.2
-    • DevTools version 2.20.1
-    • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades.
-
-[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.0)
-    • Android SDK at /home/elias/Android/Sdk
-    • Platform android-33, build-tools 33.0.0
-    • Java binary at: /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335/jre/bin/java
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-    • All Android licenses accepted.
-
-[✗] Chrome - develop for the web (Cannot find Chrome executable at google-chrome)
-    ! Cannot find Chrome. Try setting CHROME_EXECUTABLE to a Chrome executable.
-
-[✓] Linux toolchain - develop for Linux desktop
-    • clang version 10.0.0-4ubuntu1
-    • cmake version 3.16.3
-    • ninja version 1.10.0
-    • pkg-config version 0.29.1
-
-[✓] Android Studio (version 2021.3)
-    • Android Studio at /home/elias/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-0/213.7172.25.2113.9123335
-    • Flutter plugin version 72.1.1
-    • Dart plugin version 213.7433
-    • Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
-
-[✓] Connected device (2 available)
-    • SM G800F (mobile) • 5200de3d4dd02295 • android-arm • Android 6.0.1 (API 23)
-    • Linux (desktop)   • linux            • linux-x64   • Linux Mint 20.3 5.15.0-60-generic
-
-[✓] HTTP Host Availability
-    • All required HTTP hosts are available
-
-! Doctor found issues in 2 categories.
-```

ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "background.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json

@@ -1,23 +1,23 @@
 {
   "images" : [
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage.png",
+      "idiom" : "universal",
       "scale" : "1x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@2x.png",
+      "idiom" : "universal",
       "scale" : "2x"
     },
     {
-      "idiom" : "universal",
       "filename" : "LaunchImage@3x.png",
+      "idiom" : "universal",
       "scale" : "3x"
     }
   ],
   "info" : {
-    "version" : 1,
+    "author" : "xcode",
-    "author" : "xcode"
+    "version" : 1
   }
 }

ios/Runner/Base.lproj/LaunchScreen.storyboard

@@ -16,13 +16,19 @@
                     <view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
                         <subviews>
-                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4">
+                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
-                            </imageView>
+                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
                         </subviews>
                         <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                         <constraints>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerX" secondItem="Ze5-6b-2t3" secondAttribute="centerX" id="1a2-6s-vTC"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
-                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="centerY" id="4X2-HB-R7a"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="RPx-PI-7Xg"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="SdS-ul-q2q"/>
+                            <constraint firstAttribute="trailing" secondItem="tWc-Dq-wcI" secondAttribute="trailing" id="Swv-Gf-Rwn"/>
+                            <constraint firstAttribute="trailing" secondItem="YRO-k0-Ey4" secondAttribute="trailing" id="TQA-XW-tRk"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="bottom" secondItem="Ze5-6b-2t3" secondAttribute="bottom" id="duK-uY-Gun"/>
+                            <constraint firstItem="tWc-Dq-wcI" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="kV7-tw-vXt"/>
+                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="top" secondItem="Ze5-6b-2t3" secondAttribute="top" id="xPn-NY-SIU"/>
                         </constraints>
                     </view>
                 </viewController>
@@ -32,6 +38,7 @@
         </scene>
     </scenes>
     <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchImage" width="800" height="1131"/>
+        <image name="LaunchBackground" width="1" height="1"/>
     </resources>
 </document>

ios/Runner/Info.plist

@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
-<dict>
+	<dict>
 		<key>CFBundleDevelopmentRegion</key>
 		<string>$(DEVELOPMENT_LANGUAGE)</string>
 		<key>CFBundleDisplayName</key>
@@ -47,5 +47,7 @@
 		<true/>
 		<key>UIApplicationSupportsIndirectInputEvents</key>
 		<true/>
-</dict>
+		<key>UIStatusBarHidden</key>
+		<false/>
+	</dict>
 </plist>

pubspec.yaml

@@ -142,7 +142,7 @@ flutter_native_splash:
 
   # The image parameter allows you to specify an image used in the splash screen.  It must be a
   # png file and should be sized for 4x pixel density.
-  image: assets/logo/logo.png
+  image: assets/logo/icon.png
 
   # The branding property allows you to specify an image used as branding in the splash screen.
   # It must be a png file. It is supported for Android, iOS and the Web.  For Android 12,

web/index.html

@@ -1,6 +1,4 @@
-<!DOCTYPE html>
+<!DOCTYPE html><html><head>
-<html>
-<head>
   <!--
     If you are serving your web app in a path other than the root, change the
     href value below to reflect the base path you are serving from.
@@ -27,7 +25,7 @@
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
-  <link rel="icon" type="image/png" href="favicon.png"/>
+  <link rel="icon" type="image/png" href="favicon.png">
 
   <title>client</title>
   <link rel="manifest" href="manifest.json">
@@ -37,9 +35,16 @@
     var serviceWorkerVersion = null;
   </script>
   <!-- This script adds the flutter initialization JS code -->
-  <script src="flutter.js" defer></script>
+  <script src="flutter.js" defer=""></script>
+  <link rel="stylesheet" type="text/css" href="splash/style.css">
+  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
+  <script src="splash/splash.js"></script>
 </head>
-<body>
+<body>  <picture id="splash">
+      <source srcset="splash/img/light-1x.png 1x, splash/img/light-2x.png 2x, splash/img/light-3x.png 3x, splash/img/light-4x.png 4x" media="(prefers-color-scheme: light)">
+      <source srcset="splash/img/dark-1x.png 1x, splash/img/dark-2x.png 2x, splash/img/dark-3x.png 3x, splash/img/dark-4x.png 4x" media="(prefers-color-scheme: dark)">
+      <img class="center" aria-hidden="true" src="splash/img/light-1x.png" alt="">
+  </picture>
   <script>
     window.addEventListener('load', function(ev) {
       // Download main.dart.js
@@ -54,5 +59,6 @@
       });
     });
   </script>
-</body>
+
-</html>
+
+</body></html>

web/splash/splash.js

@@ -0,0 +1,5 @@
+function removeSplashFromWeb() {
+  document.getElementById("splash")?.remove();
+  document.getElementById("splash-branding")?.remove();
+  document.body.style.background = "transparent";
+}

web/splash/style.css

@@ -0,0 +1,56 @@
+html {
+  height: 100%
+}
+
+body {
+  margin: 0;
+  min-height: 100%;
+  background-color: #993333;
+  background-size: 100% 100%;
+}
+
+.center {
+  margin: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -ms-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.contain {
+  display:block;
+  width:100%; height:100%;
+  object-fit: contain;
+}
+
+.stretch {
+  display:block;
+  width:100%; height:100%;
+}
+
+.cover {
+  display:block;
+  width:100%; height:100%;
+  object-fit: cover;
+}
+
+.bottom {
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  -ms-transform: translate(-50%, 0);
+  transform: translate(-50%, 0);
+}
+
+.bottomLeft {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.bottomRight {
+  position: absolute;
+  bottom: 0;
+  right: 0;
+}