1
- <!DOCTYPE html> < html > < head >
1
+ <!DOCTYPE html>
2
+ < html >
3
+
4
+ < head >
2
5
<!--
3
6
If you are serving your web app in a path other than the root, change the
4
7
href value below to reflect the base path you are serving from.
30
33
< title > Flutter News App</ title >
31
34
< link rel ="manifest " href ="manifest.json ">
32
35
< link rel ="stylesheet " type ="text/css " href ="splash/splash.css ">
33
-
34
-
36
+
37
+
35
38
< meta content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no " name ="viewport ">
36
-
37
-
38
-
39
-
39
+
40
+
41
+
42
+
40
43
< style id ="splash-screen-style ">
41
44
html {
42
45
height : 100%
46
49
margin : 0 ;
47
50
min-height : 100% ;
48
51
background-color : # FFFFFF ;
49
- background-size : 100% 100% ;
52
+ background-size : 100% 100% ;
50
53
}
51
54
52
55
.center {
59
62
}
60
63
61
64
.contain {
62
- display : block;
63
- width : 100% ; height : 100% ;
65
+ display : block;
66
+ width : 100% ;
67
+ height : 100% ;
64
68
object-fit : contain;
65
69
}
66
70
67
71
.stretch {
68
- display : block;
69
- width : 100% ; height : 100% ;
72
+ display : block;
73
+ width : 100% ;
74
+ height : 100% ;
70
75
}
71
76
72
77
.cover {
73
- display : block;
74
- width : 100% ; height : 100% ;
78
+ display : block;
79
+ width : 100% ;
80
+ height : 100% ;
75
81
object-fit : cover;
76
82
}
77
83
98
104
@media (prefers-color-scheme : dark) {
99
105
body {
100
106
background-color : # 212121 ;
101
- }
107
+ }
102
108
}
103
109
</ style >
104
110
< script id ="splash-screen-script ">
105
111
function removeSplashFromWeb ( ) {
106
112
document . getElementById ( "splash" ) ?. remove ( ) ;
107
113
document . getElementById ( "splash-branding" ) ?. remove ( ) ;
114
+ document . getElementById ( "splash-container" ) ?. remove ( ) ;
108
115
document . body . style . background = "transparent" ;
109
116
}
110
117
</ script >
111
118
</ head >
119
+
112
120
< body >
113
121
< picture id ="splash ">
114
- < 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) ">
115
- < 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) ">
116
- < img class ="center " aria-hidden ="true " src ="splash/img/light-1x.png " alt ="">
122
+ < source
123
+ 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 "
124
+ media ="(prefers-color-scheme: light) ">
125
+ < source
126
+ 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 "
127
+ media ="(prefers-color-scheme: dark) ">
128
+ < img class ="center " aria-hidden ="true " src ="splash/img/light-1x.png " alt ="">
117
129
</ picture >
118
-
130
+
119
131
< div id ="splash-container " class ="center ">
120
132
< div class ="loader "> </ div >
121
133
</ div >
122
134
< script >
123
- { { flutter_bootstrap_js } }
135
+ { { flutter_bootstrap_js } }
124
136
</ script >
125
137
126
138
127
139
128
140
129
- </ body > </ html >
141
+ </ body >
142
+
143
+ </ html >
0 commit comments