Update splash screens (#265)

* Translated using Weblate (Norwegian Bokmål) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/nb_NO/ * Translated using Weblate (Swedish) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/sv/ * Translated using Weblate (Danish) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/da/ * Translated using Weblate (Icelandic) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/is/ * Translated using Weblate (Romanian) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/ro/ * Translated using Weblate (Russian) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/ru/ * Translated using Weblate (Romanian) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/ro/ * Translated using Weblate (Russian) Currently translated at 100.0% (532 of 532 strings) Translation: Peercoin Flutter/Translations Translate-URL: https://weblate.ppc.lol/projects/peercoin-flutter/translations/ru/ * Refactor HTML structure and CSS for improved layout and responsiveness --------- Co-authored-by: Marius Kjærstad <[email protected]> Co-authored-by: Vitalie Lisnic <[email protected]> Co-authored-by: Weblate <[email protected]>
peercoin · Dec 4, 2024 · 0b799d4 · 0b799d4
1 parent 3696020
commit 0b799d4
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 35 deletions.
diff --git a/ios/Runner/Info.plist b/ios/Runner/Info.plist
@@ -68,6 +68,6 @@
 		<key>CADisableMinimumFrameDurationOnPhone</key>
 		<true/>
 		<key>UIApplicationSupportsIndirectInputEvents</key>
-	<true/>
-</dict>
+		<true/>
+	</dict>
 </plist>
diff --git a/web/index.html b/web/index.html
@@ -1,7 +1,4 @@
-<!DOCTYPE html>
-<html style="height: 600px; width: 450px">
-
-<head>
+<!DOCTYPE html><html style="height: 600px; width: 450px"><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.
@@ -15,29 +12,34 @@
     This is a placeholder for base href that will be replaced by the value of
     the `--base-href` argument provided to `flutter build`.
   -->
-  <base href="$FLUTTER_BASE_HREF" />
+  <base href="$FLUTTER_BASE_HREF">
 
-  <meta charset="UTF-8" />
-  <meta content="IE=Edge" http-equiv="X-UA-Compatible" />
-  <meta name="description" content="A new Peercoin Web Wallet." />
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+  <meta name="description" content="A new Peercoin Web Wallet.">
 
   <!-- iOS meta tags & icons -->
-  <meta name="apple-mobile-web-app-capable" content="yes" />
-  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
-  <meta name="apple-mobile-web-app-title" content="peercoin_flutter" />
-  <link rel="apple-touch-icon" href="icons/Icon-192.png" />
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black">
+  <meta name="apple-mobile-web-app-title" content="peercoin_flutter">
+  <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
-  <link rel="shortcut icon" href="favicon.ico" />
+  <link rel="shortcut icon" href="favicon.ico">
 
   <title>Peercoin Wallet</title>
-  <link rel="manifest" href="manifest.json" />
+  <link rel="manifest" href="manifest.json">
   <script src="splash/splash.js"></script>
-  <link rel="stylesheet" type="text/css" href="splash/style.css" />
+  <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">
 </head>
 
-<body>
-  <script src="flutter_bootstrap.js" async></script>
-</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 src="flutter_bootstrap.js" async=""></script>
+
 
-</html>
+</body></html>
diff --git a/web/splash/style.css b/web/splash/style.css
@@ -1,8 +1,11 @@
+html {
+  height: 100%
+}
+
 body {
-  margin:0;
-  height:100%;
-  background: #FFFFFF;
-
+  margin: 0;
+  min-height: 100%;
+  background-color: #FFFFFF;
   background-size: 100% 100%;
 }
 
@@ -51,13 +54,3 @@ body {
   bottom: 0;
   right: 0;
 }
-
-@media (prefers-color-scheme: dark) {
-  body {
-    margin:0;
-    height:100%;
-    background: #FFFFFF;
-
-    background-size: 100% 100%;
-  }
-}