1- <!DOCTYPE html>
1+ <!doctype html>
22< html >
33 < head >
4- < meta charset ="utf-8 ">
5- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
4+ < meta charset ="utf-8 " / >
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1 " / >
66 < title > Welcome to Firebase Hosting</ title >
77
88 <!-- update the version number as needed -->
99 < script defer src ="/__/firebase/11.6.0/firebase-app-compat.js "> </ script >
1010 <!-- include only the Firebase features as you need -->
1111 < script defer src ="/__/firebase/11.6.0/firebase-auth-compat.js "> </ script >
12- < script defer src ="/__/firebase/11.6.0/firebase-database-compat.js "> </ script >
13- < script defer src ="/__/firebase/11.6.0/firebase-firestore-compat.js "> </ script >
14- < script defer src ="/__/firebase/11.6.0/firebase-functions-compat.js "> </ script >
15- < script defer src ="/__/firebase/11.6.0/firebase-messaging-compat.js "> </ script >
12+ < script
13+ defer
14+ src ="/__/firebase/11.6.0/firebase-database-compat.js "
15+ > </ script >
16+ < script
17+ defer
18+ src ="/__/firebase/11.6.0/firebase-firestore-compat.js "
19+ > </ script >
20+ < script
21+ defer
22+ src ="/__/firebase/11.6.0/firebase-functions-compat.js "
23+ > </ script >
24+ < script
25+ defer
26+ src ="/__/firebase/11.6.0/firebase-messaging-compat.js "
27+ > </ script >
1628 < script defer src ="/__/firebase/11.6.0/firebase-storage-compat.js "> </ script >
17- < script defer src ="/__/firebase/11.6.0/firebase-analytics-compat.js "> </ script >
18- < script defer src ="/__/firebase/11.6.0/firebase-remote-config-compat.js "> </ script >
19- < script defer src ="/__/firebase/11.6.0/firebase-performance-compat.js "> </ script >
29+ < script
30+ defer
31+ src ="/__/firebase/11.6.0/firebase-analytics-compat.js "
32+ > </ script >
33+ < script
34+ defer
35+ src ="/__/firebase/11.6.0/firebase-remote-config-compat.js "
36+ > </ script >
37+ < script
38+ defer
39+ src ="/__/firebase/11.6.0/firebase-performance-compat.js "
40+ > </ script >
2041 <!--
2142 initialize the SDK after all desired features are loaded, set useEmulator to false
2243 to avoid connecting the SDK to running emulators.
2344 -->
2445 < script defer src ="/__/firebase/init.js?useEmulator=true "> </ script >
2546
2647 < style media ="screen ">
27- body { background : # ECEFF1 ; color : rgba (0 , 0 , 0 , 0.87 ); font-family : Roboto, Helvetica, Arial, sans-serif; margin : 0 ; padding : 0 ; }
28- # message { background : white; max-width : 360px ; margin : 100px auto 16px ; padding : 32px 24px ; border-radius : 3px ; }
29- # message h2 { color : # ffa100 ; font-weight : bold; font-size : 16px ; margin : 0 0 8px ; }
30- # message h1 { font-size : 22px ; font-weight : 300 ; color : rgba (0 , 0 , 0 , 0.6 ); margin : 0 0 16px ;}
31- # message p { line-height : 140% ; margin : 16px 0 24px ; font-size : 14px ; }
32- # message a { display : block; text-align : center; background : # 039be5 ; text-transform : uppercase; text-decoration : none; color : white; padding : 16px ; border-radius : 4px ; }
33- # message , # message a { box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.12 ), 0 1px 2px rgba (0 , 0 , 0 , 0.24 ); }
34- # load { color : rgba (0 , 0 , 0 , 0.4 ); text-align : center; font-size : 13px ; }
48+ body {
49+ background : # eceff1 ;
50+ color : rgba (0 , 0 , 0 , 0.87 );
51+ font-family : Roboto, Helvetica, Arial, sans-serif;
52+ margin : 0 ;
53+ padding : 0 ;
54+ }
55+ # message {
56+ background : white;
57+ max-width : 360px ;
58+ margin : 100px auto 16px ;
59+ padding : 32px 24px ;
60+ border-radius : 3px ;
61+ }
62+ # message h2 {
63+ color : # ffa100 ;
64+ font-weight : bold;
65+ font-size : 16px ;
66+ margin : 0 0 8px ;
67+ }
68+ # message h1 {
69+ font-size : 22px ;
70+ font-weight : 300 ;
71+ color : rgba (0 , 0 , 0 , 0.6 );
72+ margin : 0 0 16px ;
73+ }
74+ # message p {
75+ line-height : 140% ;
76+ margin : 16px 0 24px ;
77+ font-size : 14px ;
78+ }
79+ # message a {
80+ display : block;
81+ text-align : center;
82+ background : # 039be5 ;
83+ text-transform : uppercase;
84+ text-decoration : none;
85+ color : white;
86+ padding : 16px ;
87+ border-radius : 4px ;
88+ }
89+ # message ,
90+ # message a {
91+ box-shadow :
92+ 0 1px 3px rgba (0 , 0 , 0 , 0.12 ),
93+ 0 1px 2px rgba (0 , 0 , 0 , 0.24 );
94+ }
95+ # load {
96+ color : rgba (0 , 0 , 0 , 0.4 );
97+ text-align : center;
98+ font-size : 13px ;
99+ }
35100 @media (max-width : 600px ) {
36- body , # message { margin-top : 0 ; background : white; box-shadow : none; }
37- body { border-top : 16px solid # ffa100 ; }
101+ body ,
102+ # message {
103+ margin-top : 0 ;
104+ background : white;
105+ box-shadow : none;
106+ }
107+ body {
108+ border-top : 16px solid # ffa100 ;
109+ }
38110 }
39111 </ style >
40112 </ head >
41113 < body >
42114 < div id ="message ">
43115 < h2 > Welcome</ h2 >
44116 < h1 > Firebase Hosting Setup Complete</ h1 >
45- < p > You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</ p >
46- < a target ="_blank " href ="https://firebase.google.com/docs/hosting/ "> Open Hosting Documentation</ a >
117+ < p >
118+ You're seeing this because you've successfully setup Firebase Hosting.
119+ Now it's time to go build something extraordinary!
120+ </ p >
121+ < a target ="_blank " href ="https://firebase.google.com/docs/hosting/ "
122+ > Open Hosting Documentation</ a
123+ >
47124 </ div >
48125 < p id ="load "> Firebase SDK Loading…</ p >
49126
50127 < script >
51- document . addEventListener ( ' DOMContentLoaded' , function ( ) {
52- const loadEl = document . querySelector ( ' #load' ) ;
128+ document . addEventListener ( " DOMContentLoaded" , function ( ) {
129+ const loadEl = document . querySelector ( " #load" ) ;
53130 // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
54131 // // The Firebase SDK is initialized and available here!
55132 //
@@ -68,20 +145,21 @@ <h1>Firebase Hosting Setup Complete</h1>
68145 try {
69146 let app = firebase . app ( ) ;
70147 let features = [
71- ' auth' ,
72- ' database' ,
73- ' firestore' ,
74- ' functions' ,
75- ' messaging' ,
76- ' storage' ,
77- ' analytics' ,
78- ' remoteConfig' ,
79- ' performance' ,
80- ] . filter ( feature => typeof app [ feature ] === ' function' ) ;
81- loadEl . textContent = `Firebase SDK loaded with ${ features . join ( ', ' ) } ` ;
148+ " auth" ,
149+ " database" ,
150+ " firestore" ,
151+ " functions" ,
152+ " messaging" ,
153+ " storage" ,
154+ " analytics" ,
155+ " remoteConfig" ,
156+ " performance" ,
157+ ] . filter ( ( feature ) => typeof app [ feature ] === " function" ) ;
158+ loadEl . textContent = `Firebase SDK loaded with ${ features . join ( ", " ) } ` ;
82159 } catch ( e ) {
83160 console . error ( e ) ;
84- loadEl . textContent = 'Error loading the Firebase SDK, check the console.' ;
161+ loadEl . textContent =
162+ "Error loading the Firebase SDK, check the console." ;
85163 }
86164 } ) ;
87165 </ script >
0 commit comments