11<!DOCTYPE html>
22< html >
3-
4- < head >
5- <!--
6- If you are serving your web app in a path other than the root, change the
7- href value below to reflect the base path you are serving from.
8-
9- The path provided below has to start and end with a slash "/" in order for
10- it to work correctly.
11-
12- For more details:
13- * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base
14-
15- This is a placeholder for base href that will be replaced by the value of
16- the `--base-href` argument provided to `flutter build`.
17- -->
18- < base href ="$FLUTTER_BASE_HREF ">
19-
20- < meta charset ="UTF-8 ">
21- < meta content ="IE=Edge " http-equiv ="X-UA-Compatible ">
22- < meta content ="Catalyst App " name ="description ">
23-
24- <!-- iOS meta tags & icons -->
25- < meta content ="yes " name ="mobile-web-app-capable ">
26- < meta content ="black " name ="apple-mobile-web-app-status-bar-style ">
27- < meta content ="Catalyst App " name ="apple-mobile-web-app-title ">
28- < link href ="icons/favicon-192.png " rel ="apple-touch-icon ">
29-
30- <!-- Light mode favicon -->
31- < link rel ="icon " href ="icons/favicon_light.png " media ="(prefers-color-scheme: light) ">
32-
33- <!-- Dark mode favicon -->
34- < link rel ="icon " href ="icons/favicon_dark.png " media ="(prefers-color-scheme: dark) ">
35-
36- < title > Catalyst</ title >
37- < link href ="manifest.json " rel ="manifest ">
38- < script src ="/assets/packages/catalyst_cardano_web/assets/js/catalyst_cardano.js " type ="module "> </ script >
39- < script defer ="" src ="/assets/packages/flutter_inappwebview_web/assets/web/web_support.js "
40- type ="application/javascript "> </ script >
41-
42- < meta content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no " name ="viewport ">
43-
44-
45-
46- < style id ="splash-screen-style ">
47- html {
48- height : 100%
49- }
50-
51- body {
52- margin : 0 ;
53- min-height : 100% ;
54- background-color : # dce9fe ;
55- background-image : url ("splash/img/light-background.png" );
56- background-size : 100% 100% ;
57- }
58-
59- .center {
60- margin : 0 ;
61- position : absolute;
62- top : 50% ;
63- left : 50% ;
64- -ms-transform : translate (-50% , -50% );
65- transform : translate (-50% , -50% );
66- }
67-
68- .contain {
69- display : block;
70- width : 100% ;
71- height : 100% ;
72- object-fit : contain;
73- }
74-
75- .stretch {
76- display : block;
77- width : 100% ;
78- height : 100% ;
79- }
80-
81- .cover {
82- display : block;
83- width : 100% ;
84- height : 100% ;
85- object-fit : cover;
86- }
87-
88- .bottom {
89- position : absolute;
90- bottom : 0 ;
91- left : 50% ;
92- -ms-transform : translate (-50% , 0 );
93- transform : translate (-50% , 0 );
94- }
95-
96- .bottomLeft {
97- position : absolute;
98- bottom : 0 ;
99- left : 0 ;
100- }
101-
102- .bottomRight {
103- position : absolute;
104- bottom : 0 ;
105- right : 0 ;
106- }
107- </ style >
108- < script id ="splash-screen-script ">
109- function removeSplashFromWeb ( ) {
110- document . getElementById ( "splash" ) ?. remove ( ) ;
111- document . getElementById ( "splash-branding" ) ?. remove ( ) ;
112- document . body . style . background = "transparent" ;
113- }
114- </ script >
115- </ head >
116-
117- < body >
118- < picture id ="splash ">
119- < source
120- srcset ="splash/img/light-1x.gif 1x, splash/img/light-2x.gif 2x, splash/img/light-3x.gif 3x, splash/img/light-4x.gif 4x "
121- media ="(prefers-color-scheme: light) ">
122- < source
123- srcset ="splash/img/dark-1x.gif 1x, splash/img/dark-2x.gif 2x, splash/img/dark-3x.gif 3x, splash/img/dark-4x.gif 4x "
124- media ="(prefers-color-scheme: dark) ">
125- < img class ="center " aria-hidden ="true " src ="splash/img/light-1x.gif " alt ="">
126- </ picture >
127-
128-
129-
130- < script async ="" src ="flutter_bootstrap.js "> </ script >
131-
132-
133-
134-
135- </ body >
136-
137- </ html >
3+ < head >
4+ < base href ="$FLUTTER_BASE_HREF " />
5+
6+ < meta charset ="UTF-8 " />
7+ < meta content ="IE=Edge " http-equiv ="X-UA-Compatible " />
8+ < meta content ="Catalyst App " name ="description " />
9+
10+ <!-- iOS meta tags & icons -->
11+ < meta content ="yes " name ="mobile-web-app-capable " />
12+ < meta content ="black " name ="apple-mobile-web-app-status-bar-style " />
13+ < meta content ="Catalyst App " name ="apple-mobile-web-app-title " />
14+ < link href ="icons/favicon-192.png " rel ="apple-touch-icon " />
15+
16+ <!-- Light mode favicon -->
17+ < link rel ="icon " href ="icons/favicon_light.png " media ="(prefers-color-scheme: light) " />
18+
19+ <!-- Dark mode favicon -->
20+ < link rel ="icon " href ="icons/favicon_dark.png " media ="(prefers-color-scheme: dark) " />
21+
22+ < title > Catalyst</ title >
23+ < link href ="manifest.json " rel ="manifest " />
24+ < script
25+ src ="/assets/packages/catalyst_cardano_web/assets/js/catalyst_cardano.js "
26+ type ="module "
27+ > </ script >
28+ < script
29+ defer =""
30+ src ="/assets/packages/flutter_inappwebview_web/assets/web/web_support.js "
31+ type ="application/javascript "
32+ > </ script >
33+
34+ < meta
35+ content ="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no "
36+ name ="viewport "
37+ />
38+
39+ < style id ="splash-screen-style ">
40+ html {
41+ height : 100% ;
42+ }
43+
44+ body {
45+ margin : 0 ;
46+ min-height : 100% ;
47+ background-color : # dce9fe ;
48+ background-image : url ("splash/img/light-background.png" );
49+ background-size : 100% 100% ;
50+ }
51+
52+ .center {
53+ margin : 0 ;
54+ position : absolute;
55+ top : 50% ;
56+ left : 50% ;
57+ -ms-transform : translate (-50% , -50% );
58+ transform : translate (-50% , -50% );
59+ }
60+
61+ .contain {
62+ display : block;
63+ width : 100% ;
64+ height : 100% ;
65+ object-fit : contain;
66+ }
67+
68+ .stretch {
69+ display : block;
70+ width : 100% ;
71+ height : 100% ;
72+ }
73+
74+ .cover {
75+ display : block;
76+ width : 100% ;
77+ height : 100% ;
78+ object-fit : cover;
79+ }
80+
81+ .bottom {
82+ position : absolute;
83+ bottom : 0 ;
84+ left : 50% ;
85+ -ms-transform : translate (-50% , 0 );
86+ transform : translate (-50% , 0 );
87+ }
88+
89+ .bottomLeft {
90+ position : absolute;
91+ bottom : 0 ;
92+ left : 0 ;
93+ }
94+
95+ .bottomRight {
96+ position : absolute;
97+ bottom : 0 ;
98+ right : 0 ;
99+ }
100+ </ style >
101+ < script id ="splash-screen-script ">
102+ function removeSplashFromWeb ( ) {
103+ document . getElementById ( "splash" ) ?. remove ( ) ;
104+ document . getElementById ( "splash-branding" ) ?. remove ( ) ;
105+ document . body . style . background = "transparent" ;
106+ }
107+ </ script >
108+ </ head >
109+
110+ < body >
111+ < picture id ="splash ">
112+ < source
113+ srcset ="
114+ splash/img/light-1x.gif 1x,
115+ splash/img/light-2x.gif 2x,
116+ splash/img/light-3x.gif 3x,
117+ splash/img/light-4x.gif 4x
118+ "
119+ media ="(prefers-color-scheme: light) "
120+ />
121+ < source
122+ srcset ="
123+ splash/img/dark-1x.gif 1x,
124+ splash/img/dark-2x.gif 2x,
125+ splash/img/dark-3x.gif 3x,
126+ splash/img/dark-4x.gif 4x
127+ "
128+ media ="(prefers-color-scheme: dark) "
129+ />
130+ < img class ="center " aria-hidden ="true " src ="splash/img/light-1x.gif " alt ="" />
131+ </ picture >
132+
133+ < script async ="" src ="flutter_bootstrap.js "> </ script >
134+ </ body >
135+ </ html >
0 commit comments