Added startup splash screen (android only)
BIN
web/splash/img/dark-1x.png
Normal file
After Width: | Height: | Size: 7.2 KiB |
BIN
web/splash/img/dark-2x.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
web/splash/img/dark-3x.png
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
web/splash/img/dark-4x.png
Normal file
After Width: | Height: | Size: 21 KiB |
BIN
web/splash/img/light-1x.png
Normal file
After Width: | Height: | Size: 7.2 KiB |
BIN
web/splash/img/light-2x.png
Normal file
After Width: | Height: | Size: 17 KiB |
BIN
web/splash/img/light-3x.png
Normal file
After Width: | Height: | Size: 41 KiB |
BIN
web/splash/img/light-4x.png
Normal file
After Width: | Height: | Size: 21 KiB |
5
web/splash/splash.js
Normal file
@ -0,0 +1,5 @@
|
||||
function removeSplashFromWeb() {
|
||||
document.getElementById("splash")?.remove();
|
||||
document.getElementById("splash-branding")?.remove();
|
||||
document.body.style.background = "transparent";
|
||||
}
|
56
web/splash/style.css
Normal file
@ -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;
|
||||
}
|