diff --git a/assets/icons/icon_logo.png b/assets/icons/icon_logo.png new file mode 100644 index 000000000..c347a070c Binary files /dev/null and b/assets/icons/icon_logo.png differ diff --git a/pubspec.yaml b/pubspec.yaml index 3d43dd9d3..36f544c60 100644 --- a/pubspec.yaml +++ b/pubspec.yaml @@ -302,7 +302,6 @@ flutter_native_splash: color: "#000000" branding: "assets/icons/icon_branding.png" image: "assets/icons/icon_logo.png" - web: false cider: link_template: diff --git a/web/index.html b/web/index.html index 87b007f78..3c60c158c 100644 --- a/web/index.html +++ b/web/index.html @@ -31,10 +31,30 @@ Team Mail + + + + + + + + + + +
+
+ + + + + +
+
+
diff --git a/web/splash/img/branding-1x.png b/web/splash/img/branding-1x.png new file mode 100644 index 000000000..3007ded72 Binary files /dev/null and b/web/splash/img/branding-1x.png differ diff --git a/web/splash/img/branding-2x.png b/web/splash/img/branding-2x.png new file mode 100644 index 000000000..4224569cb Binary files /dev/null and b/web/splash/img/branding-2x.png differ diff --git a/web/splash/img/branding-3x.png b/web/splash/img/branding-3x.png new file mode 100644 index 000000000..4e78fcf0e Binary files /dev/null and b/web/splash/img/branding-3x.png differ diff --git a/web/splash/img/branding-4x.png b/web/splash/img/branding-4x.png new file mode 100644 index 000000000..eeb674767 Binary files /dev/null and b/web/splash/img/branding-4x.png differ diff --git a/web/splash/img/branding-dark-1x.png b/web/splash/img/branding-dark-1x.png new file mode 100644 index 000000000..3007ded72 Binary files /dev/null and b/web/splash/img/branding-dark-1x.png differ diff --git a/web/splash/img/branding-dark-2x.png b/web/splash/img/branding-dark-2x.png new file mode 100644 index 000000000..4224569cb Binary files /dev/null and b/web/splash/img/branding-dark-2x.png differ diff --git a/web/splash/img/branding-dark-3x.png b/web/splash/img/branding-dark-3x.png new file mode 100644 index 000000000..4e78fcf0e Binary files /dev/null and b/web/splash/img/branding-dark-3x.png differ diff --git a/web/splash/img/branding-dark-4x.png b/web/splash/img/branding-dark-4x.png new file mode 100644 index 000000000..eeb674767 Binary files /dev/null and b/web/splash/img/branding-dark-4x.png differ diff --git a/web/splash/img/dark-1x.png b/web/splash/img/dark-1x.png new file mode 100644 index 000000000..791e112c8 Binary files /dev/null and b/web/splash/img/dark-1x.png differ diff --git a/web/splash/img/dark-2x.png b/web/splash/img/dark-2x.png new file mode 100644 index 000000000..0abbcfdee Binary files /dev/null and b/web/splash/img/dark-2x.png differ diff --git a/web/splash/img/dark-3x.png b/web/splash/img/dark-3x.png new file mode 100644 index 000000000..7807a6a1c Binary files /dev/null and b/web/splash/img/dark-3x.png differ diff --git a/web/splash/img/dark-4x.png b/web/splash/img/dark-4x.png new file mode 100644 index 000000000..c347a070c Binary files /dev/null and b/web/splash/img/dark-4x.png differ diff --git a/web/splash/img/light-1x.png b/web/splash/img/light-1x.png new file mode 100644 index 000000000..791e112c8 Binary files /dev/null and b/web/splash/img/light-1x.png differ diff --git a/web/splash/img/light-2x.png b/web/splash/img/light-2x.png new file mode 100644 index 000000000..0abbcfdee Binary files /dev/null and b/web/splash/img/light-2x.png differ diff --git a/web/splash/img/light-3x.png b/web/splash/img/light-3x.png new file mode 100644 index 000000000..7807a6a1c Binary files /dev/null and b/web/splash/img/light-3x.png differ diff --git a/web/splash/img/light-4x.png b/web/splash/img/light-4x.png new file mode 100644 index 000000000..c347a070c Binary files /dev/null and b/web/splash/img/light-4x.png differ diff --git a/web/splash/splash.js b/web/splash/splash.js new file mode 100644 index 000000000..3b6ed11f3 --- /dev/null +++ b/web/splash/splash.js @@ -0,0 +1,5 @@ +function removeSplashFromWeb() { + document.getElementById("splash")?.remove(); + document.getElementById("splash-branding")?.remove(); + document.body.style.background = "transparent"; +} diff --git a/web/splash/style.css b/web/splash/style.css new file mode 100644 index 000000000..6cb412cf5 --- /dev/null +++ b/web/splash/style.css @@ -0,0 +1,80 @@ +html { + height: 100% +} + +body { + margin: 0; + min-height: 100%; + background-color: #000000; + 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: 5%; + 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; +} + +.loader { + margin: 16px; + border: 2px solid #f3f3f3; + border-radius: 50%; + border-top: 2px solid #007AFF; + width: 18px; + height: 18px; + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} + +@-webkit-keyframes spin { + 0% { -webkit-transform: rotate(0deg); } + 100% { -webkit-transform: rotate(360deg); } +} + +@keyframes spin { + 0% { transform: rotate(0deg); } + 100% { transform: rotate(360deg); } +} \ No newline at end of file