dded sound

2024-11-06 11:29:46 +05:30 · 2024-11-06 11:29:46 +05:30 · 259bcd0d94
parent d70a12bb5d
commit 259bcd0d94
67 changed files with 292 additions and 73 deletions
--- a/android/app/src/main/res/drawable-hdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-hdpi/android12splash.png
--- a/android/app/src/main/res/drawable-hdpi/splash.png
+++ b/android/app/src/main/res/drawable-hdpi/splash.png
--- a/android/app/src/main/res/drawable-mdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-mdpi/android12splash.png
--- a/android/app/src/main/res/drawable-mdpi/splash.png
+++ b/android/app/src/main/res/drawable-mdpi/splash.png
--- a/android/app/src/main/res/drawable-night-hdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-night-hdpi/android12splash.png
--- a/android/app/src/main/res/drawable-night-hdpi/splash.png
+++ b/android/app/src/main/res/drawable-night-hdpi/splash.png
--- a/android/app/src/main/res/drawable-night-mdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-night-mdpi/android12splash.png
--- a/android/app/src/main/res/drawable-night-mdpi/splash.png
+++ b/android/app/src/main/res/drawable-night-mdpi/splash.png
--- a/android/app/src/main/res/drawable-night-v21/background.png
+++ b/android/app/src/main/res/drawable-night-v21/background.png
--- a/android/app/src/main/res/drawable-night-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-night-v21/launch_background.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
+</layer-list>
--- a/android/app/src/main/res/drawable-night-xhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-night-xhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-night-xhdpi/splash.png
+++ b/android/app/src/main/res/drawable-night-xhdpi/splash.png
--- a/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-night-xxhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-night-xxhdpi/splash.png
+++ b/android/app/src/main/res/drawable-night-xxhdpi/splash.png
--- a/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-night-xxxhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-night-xxxhdpi/splash.png
+++ b/android/app/src/main/res/drawable-night-xxxhdpi/splash.png
--- a/android/app/src/main/res/drawable-night/background.png
+++ b/android/app/src/main/res/drawable-night/background.png
--- a/android/app/src/main/res/drawable-night/launch_background.xml
+++ b/android/app/src/main/res/drawable-night/launch_background.xml
@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap android:gravity="fill" android:src="@drawable/background"/>
+    </item>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
+    </item>
+</layer-list>
--- a/android/app/src/main/res/drawable-v21/launch_background.xml
+++ b/android/app/src/main/res/drawable-v21/launch_background.xml
@ -3,7 +3,7 @@
    <item>
        <bitmap android:gravity="fill" android:src="@drawable/background"/>
    </item>
-    <item android:bottom="0dp">
-        <bitmap android:gravity="bottom" android:src="@drawable/branding"/>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
    </item>
 </layer-list>
--- a/android/app/src/main/res/drawable-xhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-xhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-xhdpi/splash.png
+++ b/android/app/src/main/res/drawable-xhdpi/splash.png
--- a/android/app/src/main/res/drawable-xxhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-xxhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-xxhdpi/splash.png
+++ b/android/app/src/main/res/drawable-xxhdpi/splash.png
--- a/android/app/src/main/res/drawable-xxxhdpi/android12splash.png
+++ b/android/app/src/main/res/drawable-xxxhdpi/android12splash.png
--- a/android/app/src/main/res/drawable-xxxhdpi/splash.png
+++ b/android/app/src/main/res/drawable-xxxhdpi/splash.png
--- a/android/app/src/main/res/drawable/launch_background.xml
+++ b/android/app/src/main/res/drawable/launch_background.xml
@ -3,7 +3,7 @@
    <item>
        <bitmap android:gravity="fill" android:src="@drawable/background"/>
    </item>
-    <item android:bottom="0dp">
-        <bitmap android:gravity="bottom" android:src="@drawable/branding"/>
+    <item>
+        <bitmap android:gravity="center" android:src="@drawable/splash"/>
    </item>
 </layer-list>
--- a/android/app/src/main/res/values-night-v31/styles.xml
+++ b/android/app/src/main/res/values-night-v31/styles.xml
@ -6,6 +6,9 @@
        <item name="android:windowFullscreen">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#ffffff</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+        <item name="android:windowSplashScreenIconBackgroundColor">#ffffff</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
--- a/android/app/src/main/res/values-v31/styles.xml
+++ b/android/app/src/main/res/values-v31/styles.xml
@ -6,6 +6,9 @@
        <item name="android:windowFullscreen">false</item>
        <item name="android:windowDrawsSystemBarBackgrounds">false</item>
        <item name="android:windowLayoutInDisplayCutoutMode">shortEdges</item>
+        <item name="android:windowSplashScreenBackground">#ffffff</item>
+        <item name="android:windowSplashScreenAnimatedIcon">@drawable/android12splash</item>
+        <item name="android:windowSplashScreenIconBackgroundColor">#ffffff</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
--- a/assets/0image.png
+++ b/assets/0image.png
--- a/assets/_bg.png
+++ b/assets/_bg.png
--- a/assets/_icon.png
+++ b/assets/_icon.png
--- a/assets/_logo.png
+++ b/assets/_logo.png
--- a/assets/bg.mp4
+++ b/assets/bg.mp4
--- a/assets/bg.png
+++ b/assets/bg.png
--- a/assets/icon.png
+++ b/assets/icon.png
--- a/assets/icon_foreground.png
+++ b/assets/icon_foreground.png
--- a/assets/logo.png
+++ b/assets/logo.png
--- a/assets/logo2.png
+++ b/assets/logo2.png
--- a/assets/logo_upscayl_4x_realesrgan-x4plus-anime.png
+++ b/assets/logo_upscayl_4x_realesrgan-x4plus-anime.png
--- a/assets/pdf.pdf
+++ b/assets/pdf.pdf
--- a/assets/splash-bg.jpg
+++ b/assets/splash-bg.jpg
--- a/assets/splash.mp3
+++ b/assets/splash.mp3
--- a/assets/testing.html
+++ b/assets/testing.html
@ -1,43 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Disable CSS Styling</title>
-    <style>
-        tbody {
-            background-color: lightgray;
-            color: black;
-        }
-    </style>
-</head>
-<body>
-    <table border="1">
-        <thead>
-            <tr>
-                <th>Header 1</th>
-                <th>Header 2</th>
-            </tr>
-        </thead>
-        <tbody>
-            <tr>
-                <td>Data 1</td>
-                <td>Data 2</td>
-            </tr>
-            <tr>
-                <td>Data 3</td>
-                <td>Data 4</td>
-            </tr>
-        </tbody>
-    </table>
-    <button onclick="disableTbodyStyles()">Disable Styling</button>
-
-    <script>
-        function disableTbodyStyles() {
-            const tbody = document.querySelector('tbody');
-            tbody.style.backgroundColor = 'transparent';
-            tbody.style.color = 'inherit';
-        }
-    </script>
-</body>
-</html>
--- a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/Contents.json
@ -2,16 +2,17 @@
  "images" : [
    {
      "filename" : "background.png",
-      "idiom" : "universal",
-      "scale" : "1x"
+      "idiom" : "universal"
    },
    {
-      "idiom" : "universal",
-      "scale" : "2x"
-    },
-    {
-      "idiom" : "universal",
-      "scale" : "3x"
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "darkbackground.png",
+      "idiom" : "universal"
    }
  ],
  "info" : {
--- a/ios/Runner/Assets.xcassets/LaunchBackground.imageset/darkbackground.png
+++ b/ios/Runner/Assets.xcassets/LaunchBackground.imageset/darkbackground.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/Contents.json
@ -5,15 +5,48 @@
      "idiom" : "universal",
      "scale" : "1x"
    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "LaunchImageDark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
    {
      "filename" : "LaunchImage@2x.png",
      "idiom" : "universal",
      "scale" : "2x"
    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "LaunchImageDark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
    {
      "filename" : "LaunchImage@3x.png",
      "idiom" : "universal",
      "scale" : "3x"
+    },
+    {
+      "appearances" : [
+        {
+          "appearance" : "luminosity",
+          "value" : "dark"
+        }
+      ],
+      "filename" : "LaunchImageDark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
    }
  ],
  "info" : {
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@2x.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImage@3x.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@2x.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@2x.png
--- a/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@3x.png
+++ b/ios/Runner/Assets.xcassets/LaunchImage.imageset/LaunchImageDark@3x.png
--- a/ios/Runner/Base.lproj/LaunchScreen.storyboard
+++ b/ios/Runner/Base.lproj/LaunchScreen.storyboard
@ -18,12 +18,9 @@
                        <subviews>
                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="LaunchBackground" translatesAutoresizingMaskIntoConstraints="NO" id="tWc-Dq-wcI"/>
                            <imageView opaque="NO" clipsSubviews="YES" multipleTouchEnabled="YES" contentMode="center" image="LaunchImage" translatesAutoresizingMaskIntoConstraints="NO" id="YRO-k0-Ey4"></imageView>
-                            <imageView clipsSubviews="YES" userInteractionEnabled="NO" contentMode="scaleToFill" image="BrandingImage" translatesAutoresizingMaskIntoConstraints="NO" id="Uyq-Kz-ftE"/>
                        </subviews>
                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                        <constraints>
-                            <constraint firstAttribute="bottom" secondItem="Uyq-Kz-ftE" secondAttribute="bottom" constant="0" id="8Yb-q4-8bl"/>
-                            <constraint firstItem="Uyq-Kz-ftE" firstAttribute="centerX" secondItem="YRO-k0-Ey4" secondAttribute="centerX" id="3kg-TC-cPP"/>
                            <constraint firstItem="YRO-k0-Ey4" firstAttribute="leading" secondItem="Ze5-6b-2t3" secondAttribute="leading" id="3T2-ad-Qdv"/>
                            <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"/>
@ -41,8 +38,7 @@
        </scene>
    </scenes>
    <resources>
-        <image name="LaunchImage" width="168" height="185"/>
+        <image name="LaunchImage" width="1024" height="1024"/>
        <image name="LaunchBackground" width="1" height="1"/>
-        <image name="BrandingImage" width="1" height="1"/>
    </resources>
 </document>
--- a/lib/main.dart
+++ b/lib/main.dart
@ -1,5 +1,6 @@
 import 'package:auto_orientation/auto_orientation.dart';
 import 'package:flutter/material.dart';
+import 'package:just_audio/just_audio.dart';
 import 'package:ontime_haulers/screens/home_screen.dart';
 import 'package:ontime_haulers/screens/quote_screen.dart';
 import 'package:ontime_haulers/screens/track_screen.dart';
@ -20,7 +21,6 @@ class MyApp extends StatefulWidget {
 class _MyAppState extends State<MyApp> {
  int _selectedIndex = 0;
  bool _isLoading = true;
-
  void _onItemTapped(int index) {
    setState(() {
      _selectedIndex = index;
@ -67,9 +67,13 @@ class _MyAppState extends State<MyApp> {
    }
  }

+  late AudioPlayer player;
+  
  @override
  void initState() {
    super.initState();
+    player = AudioPlayer();
+    _playAudio();
    // Simulate a loading delay
    Future.delayed(const Duration(seconds: 7), () {
      setState(() {
@ -78,6 +82,11 @@ class _MyAppState extends State<MyApp> {
    });
  }

+  Future<void> _playAudio() async {
+    await player.setAsset('assets/splash.mp3');
+    player.play();
+  }
+
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
@ -94,6 +103,7 @@ class _MyAppState extends State<MyApp> {
                  ),
                ),
              ),
+
            )
          : _setScreen(),
    );
--- a/macos/Flutter/GeneratedPluginRegistrant.swift
+++ b/macos/Flutter/GeneratedPluginRegistrant.swift
@ -5,13 +5,19 @@
 import FlutterMacOS
 import Foundation

+import audio_session
 import device_info_plus
+import just_audio
+import path_provider_foundation
 import pdfx
 import url_launcher_macos
 import webview_flutter_wkwebview

 func RegisterGeneratedPlugins(registry: FlutterPluginRegistry) {
+  AudioSessionPlugin.register(with: registry.registrar(forPlugin: "AudioSessionPlugin"))
  DeviceInfoPlusMacosPlugin.register(with: registry.registrar(forPlugin: "DeviceInfoPlusMacosPlugin"))
+  JustAudioPlugin.register(with: registry.registrar(forPlugin: "JustAudioPlugin"))
+  PathProviderPlugin.register(with: registry.registrar(forPlugin: "PathProviderPlugin"))
  PdfxPlugin.register(with: registry.registrar(forPlugin: "PdfxPlugin"))
  UrlLauncherPlugin.register(with: registry.registrar(forPlugin: "UrlLauncherPlugin"))
  FLTWebViewFlutterPlugin.register(with: registry.registrar(forPlugin: "FLTWebViewFlutterPlugin"))
--- a/native_splash.yml
+++ b/native_splash.yml
@ -1,4 +1,15 @@
 flutter_native_splash:
-  android: false
-  ios: false
-  web: false
+  android: true
+  ios: true
+  web: true
+
+  color: "#ffffff"
+  image: assets/icon.png
+  color_dark: "#ffffff"
+  image_dark: assets/icon.png
+
+  android_12:
+    image: assets/icon.png
+    icon_background_color: "#ffffff"
+    image_dark: assets/icon.png
+    icon_background_color_dark: "#ffffff"
--- a/pubspec.lock
+++ b/pubspec.lock
@ -33,6 +33,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.11.0"
+  audio_session:
+    dependency: transitive
+    description:
+      name: audio_session
+      sha256: "343e83bc7809fbda2591a49e525d6b63213ade10c76f15813be9aed6657b3261"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.21"
  auto_orientation:
    dependency: "direct main"
    description:
@ -265,6 +273,30 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "4.9.0"
+  just_audio:
+    dependency: "direct main"
+    description:
+      name: just_audio
+      sha256: a49e7120b95600bd357f37a2bb04cd1e88252f7cdea8f3368803779b925b1049
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.9.42"
+  just_audio_platform_interface:
+    dependency: transitive
+    description:
+      name: just_audio_platform_interface
+      sha256: "0243828cce503c8366cc2090cefb2b3c871aa8ed2f520670d76fd47aa1ab2790"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.3.0"
+  just_audio_web:
+    dependency: transitive
+    description:
+      name: just_audio_web
+      sha256: "9a98035b8b24b40749507687520ec5ab404e291d2b0937823ff45d92cb18d448"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.13"
  leak_tracker:
    dependency: transitive
    description:
@ -337,6 +369,54 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.9.0"
+  path_provider:
+    dependency: transitive
+    description:
+      name: path_provider
+      sha256: "50c5dd5b6e1aaf6fb3a78b33f6aa3afca52bf903a8a5298f53101fdaee55bbcd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.5"
+  path_provider_android:
+    dependency: transitive
+    description:
+      name: path_provider_android
+      sha256: c464428172cb986b758c6d1724c603097febb8fb855aa265aeecc9280c294d4a
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.12"
+  path_provider_foundation:
+    dependency: transitive
+    description:
+      name: path_provider_foundation
+      sha256: f234384a3fdd67f989b4d54a5d73ca2a6c422fa55ae694381ae0f4375cd1ea16
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  path_provider_linux:
+    dependency: transitive
+    description:
+      name: path_provider_linux
+      sha256: f7a1fe3a634fe7734c8d3f2766ad746ae2a2884abe22e241a8b301bf5cac3279
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.1"
+  path_provider_platform_interface:
+    dependency: transitive
+    description:
+      name: path_provider_platform_interface
+      sha256: "88f5779f72ba699763fa3a3b06aa4bf6de76c8e5de842cf6f29e2e06476c2334"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  path_provider_windows:
+    dependency: transitive
+    description:
+      name: path_provider_windows
+      sha256: bd6f00dbd873bfb70d0761682da2b3a2c2fccc2b9e84c495821639601d81afe7
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.0"
  pdfx:
    dependency: "direct main"
    description:
@ -361,6 +441,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "0.15.0"
+  platform:
+    dependency: transitive
+    description:
+      name: platform
+      sha256: "5d6b1b0036a5f331ebc77c850ebc8506cbc1e9416c27e59b439f917a902a4984"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.6"
  plugin_platform_interface:
    dependency: transitive
    description:
@ -377,6 +465,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "6.1.2"
+  rxdart:
+    dependency: transitive
+    description:
+      name: rxdart
+      sha256: "5c3004a4a8dbb94bd4bf5412a4def4acdaa12e12f269737a5751369e12d1a962"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.28.0"
  sky_engine:
    dependency: transitive
    description: flutter
@ -622,6 +718,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.1.5"
+  xdg_directories:
+    dependency: transitive
+    description:
+      name: xdg_directories
+      sha256: "7a3f37b05d989967cdddcbb571f1ea834867ae2faa29725fd085180e0883aa15"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
  xml:
    dependency: transitive
    description:
--- a/pubspec.yaml
+++ b/pubspec.yaml
@ -47,6 +47,7 @@ dependencies:
  auto_orientation:
    git:
      url: https://github.com/Kanwarpalsingh1986/auto_orientation.git
+  just_audio: ^0.9.42

 dev_dependencies:
  flutter_test:
--- a/web/index.html
+++ b/web/index.html
@ -1,6 +1,4 @@
-<!DOCTYPE html>
-<html>
-<head>
+<!DOCTYPE html><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,14 +25,91 @@
  <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>ontime_haulers</title>
  <link rel="manifest" href="manifest.json">
+  <style id="splash-screen-style">
+    html {
+      height: 100%
+    }
+
+    body {
+      margin: 0;
+      min-height: 100%;
+      background-color: #ffffff;
+          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;
+    }
+
+    @media (prefers-color-scheme: dark) {
+      body {
+        background-color: #ffffff;
+          }
+    }
+  </style>
+  <script id="splash-screen-script">
+    function removeSplashFromWeb() {
+      document.getElementById("splash")?.remove();
+      document.getElementById("splash-branding")?.remove();
+      document.body.style.background = "transparent";
+    }
+  </script>
+  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
 </head>
 <body>
-  <script src='https://cdn.jsdelivr.net/npm/pdfjs-dist@4.6.82/build/pdf.min.mjs' type='module'></script>
-  <script type='module'>
+  <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 src="https://cdn.jsdelivr.net/npm/pdfjs-dist@4.6.82/build/pdf.min.mjs" type="module"></script>
+  <script type="module">
  var { pdfjsLib } = globalThis;
  pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdn.jsdelivr.net/npm/pdfjs-dist@4.6.82/build/pdf.worker.mjs';

@ -43,6 +118,7 @@
    cMapPacked: true,
  }
  </script>
-  <script src="flutter_bootstrap.js" async></script>
-</body>
-</html>
+  <script src="flutter_bootstrap.js" async=""></script>
+
+
+</body></html>
--- a/web/splash/img/dark-1x.png
+++ b/web/splash/img/dark-1x.png
--- a/web/splash/img/dark-2x.png
+++ b/web/splash/img/dark-2x.png
--- a/web/splash/img/dark-3x.png
+++ b/web/splash/img/dark-3x.png
--- a/web/splash/img/dark-4x.png
+++ b/web/splash/img/dark-4x.png
--- a/web/splash/img/light-1x.png
+++ b/web/splash/img/light-1x.png
--- a/web/splash/img/light-2x.png
+++ b/web/splash/img/light-2x.png
--- a/web/splash/img/light-3x.png
+++ b/web/splash/img/light-3x.png
--- a/web/splash/img/light-4x.png
+++ b/web/splash/img/light-4x.png