chore: Minor typographical splash screen correction (English translation) #1256

2025-09-12 23:45:18 +00:00 · 2024-02-24 21:50:10 +06:00 · 2024-02-24 21:50:10 +06:00 · 87e203b8b4
commit 87e203b8b4
parent 095587ee84
30 changed files with 144 additions and 72 deletions
--- a/android/app/src/main/res/drawable-hdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-hdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-hdpi/branding.png
+++ b/android/app/src/main/res/drawable-hdpi/branding.png
--- a/android/app/src/main/res/drawable-mdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-mdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-mdpi/branding.png
+++ b/android/app/src/main/res/drawable-mdpi/branding.png
--- a/android/app/src/main/res/drawable-night-hdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-night-hdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-night-mdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-night-mdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-night-xhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-night-xhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-night-xxhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-night-xxhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-night-xxxhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-night-xxxhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-xhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-xhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-xhdpi/branding.png
+++ b/android/app/src/main/res/drawable-xhdpi/branding.png
--- a/android/app/src/main/res/drawable-xxhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-xxhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-xxhdpi/branding.png
+++ b/android/app/src/main/res/drawable-xxhdpi/branding.png
--- a/android/app/src/main/res/drawable-xxxhdpi-v31/android12branding.png
+++ b/android/app/src/main/res/drawable-xxxhdpi-v31/android12branding.png
--- a/android/app/src/main/res/drawable-xxxhdpi/branding.png
+++ b/android/app/src/main/res/drawable-xxxhdpi/branding.png
--- a/android/app/src/main/res/values-night/styles.xml
+++ b/android/app/src/main/res/values-night/styles.xml
@ -5,6 +5,10 @@
        <!-- Show a splash screen on the activity. Automatically removed when
             Flutter 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:windowDrawsSystemBarBackgrounds">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
--- a/assets/branding.png
+++ b/assets/branding.png
--- a/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage.png
+++ b/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage.png
--- a/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage@2x.png
+++ b/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage@2x.png
--- a/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage@3x.png
+++ b/ios/Runner/Assets.xcassets/BrandingImage.imageset/BrandingImage@3x.png
--- a/web/index.html
+++ b/web/index.html
@ -29,15 +29,83 @@

  <title>spotube</title>
  <link rel="manifest" href="manifest.json">
-  <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>
+  
+  <style id="splash-screen-style">
+    html {
+      height: 100%
+    }
+
+    body {
+      margin: 0;
+      min-height: 100%;
+      background-color: #ffffff;
+      background-image: url("splash/img/light-background.png");
+      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;
+    }
+  </style>
+  <script id="splash-screen-script">
+    function removeSplashFromWeb() {
+      document.getElementById("splash")?.remove();
+      document.getElementById("splash-branding")?.remove();
+      document.body.style.background = "transparent";
+    }
+  </script>
 </head>
-<body>  <picture id="splash-branding">
+<body>
+  <picture id="splash-branding">
    <source srcset="splash/img/branding-1x.png 1x, splash/img/branding-2x.png 2x, splash/img/branding-3x.png 3x, splash/img/branding-4x.png 4x" media="(prefers-color-scheme: light)">
    <source srcset="splash/img/branding-dark-1x.png 1x, splash/img/branding-dark-2x.png 2x, splash/img/branding-dark-3x.png 3x, splash/img/branding-dark-4x.png 4x" media="(prefers-color-scheme: dark)">
    <img class="bottom" aria-hidden="true" src="splash/img/branding-1x.png" alt="">
-  </picture>  <picture id="splash">
+  </picture>
+  <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="">
--- a/web/splash/img/branding-1x.png
+++ b/web/splash/img/branding-1x.png
--- a/web/splash/img/branding-2x.png
+++ b/web/splash/img/branding-2x.png
--- a/web/splash/img/branding-3x.png
+++ b/web/splash/img/branding-3x.png
--- a/web/splash/img/branding-4x.png
+++ b/web/splash/img/branding-4x.png
--- a/web/splash/img/branding-dark-1x.png
+++ b/web/splash/img/branding-dark-1x.png
--- a/web/splash/img/branding-dark-2x.png
+++ b/web/splash/img/branding-dark-2x.png
--- a/web/splash/img/branding-dark-3x.png
+++ b/web/splash/img/branding-dark-3x.png
--- a/web/splash/img/branding-dark-4x.png
+++ b/web/splash/img/branding-dark-4x.png