5
5
< meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
6
6
< meta name ="description " content ="Learn how to use the Firebase platform on the Web ">
7
7
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
8
- < title > FireChat23 </ title >
8
+ < title > Firebase Realtime Web App </ title >
9
9
10
10
<!-- Disable tap highlight on IE -->
11
11
< meta name ="msapplication-tap-highlight " content ="no ">
15
15
16
16
<!-- Add to homescreen for Chrome on Android -->
17
17
< meta name ="mobile-web-app-capable " content ="yes ">
18
- < meta name ="application-name " content ="Friendly Chat ">
18
+ < meta name ="application-name " content ="Firebase Realtime Web App ">
19
19
< meta name ="theme-color " content ="#303F9F ">
20
20
21
21
<!-- Add to homescreen for Safari on iOS -->
22
22
< meta name ="apple-mobile-web-app-capable " content ="yes ">
23
23
< meta name ="apple-mobile-web-app-status-bar-style " content ="black-translucent ">
24
- < meta name ="apple-mobile-web-app-title " content ="Friendly Chat ">
24
+ < meta name ="apple-mobile-web-app-title " content ="fireChat23 ">
25
25
< meta name ="apple-mobile-web-app-status-bar-style " content ="#303F9F ">
26
26
27
27
<!-- Tile icon for Win8 -->
36
36
<!-- App Styling -->
37
37
< link rel ="stylesheet " href ="https://fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en ">
38
38
< link rel ="stylesheet " href ="css/main.css ">
39
+ < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css ">
40
+
39
41
</ head >
40
42
< body >
41
43
< div class ="demo-layout mdl-layout mdl-js-layout mdl-layout--fixed-header ">
42
44
43
45
<!-- Header section containing logo -->
44
- < header class ="mdl-layout__header mdl-color-text--white mdl-color--light-blue -700 ">
46
+ < header class ="mdl-layout__header mdl-color-text--white mdl-color--light-green -700 ">
45
47
< div class ="mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-grid ">
46
48
< div class ="mdl-layout__header-row mdl-cell mdl-cell--12-col mdl-cell--12-col-tablet mdl-cell--12-col-desktop ">
47
- < h4 > < i class ="material-icons "> chat_bubble_outline</ i > Firebase Real-time Chat App</ h4 >
49
+ < h3 > < i class ="material-icons "> chat_bubble_outline</ i > Firebase Realtime Web App</ h3 >
48
50
</ div >
49
51
< div id ="user-container ">
50
52
< div hidden id ="user-pic "> </ div >
51
53
< div hidden id ="user-name "> </ div >
52
- < button hidden id ="sign-out " class ="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color-text--white ">
54
+ < button hidden id ="sign-out " class ="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color-text--white ">
53
55
Sign-out
54
56
</ button >
55
- < button hidden id ="sign-in " class ="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color-text--white ">
57
+ < button hidden id ="google- sign-in " class ="mdl-button mdl-js-button mdl-js-ripple-effect mdl-color-text--white ">
56
58
< i class ="material-icons "> account_circle</ i > Sign-in with Google
57
59
</ button >
58
60
</ div >
@@ -79,7 +81,7 @@ <h4><i class="material-icons">chat_bubble_outline</i> Firebase Real-time Chat Ap
79
81
</ form >
80
82
< form id ="image-form " action ="# ">
81
83
< input id ="mediaCapture " type ="file " accept ="image/* " capture ="camera ">
82
- < button id ="submitImage " title ="Add an image " class ="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--amber -400 mdl-color-text--white ">
84
+ < button id ="submitImage " title ="Add an image " class ="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-color--blue -400 mdl-color-text--white ">
83
85
< i class ="material-icons "> image</ i >
84
86
</ button >
85
87
</ form >
@@ -99,14 +101,13 @@ <h4><i class="material-icons">chat_bubble_outline</i> Firebase Real-time Chat Ap
99
101
< script src ="https://www.gstatic.com/firebasejs/5.5.9/firebase.js "> </ script >
100
102
< script >
101
103
// Initialize Firebase
102
- // TODO: Replace the following with your project's customized web configuration
103
104
var config = {
104
- apiKey : "<API_KEY> " ,
105
- authDomain : "<PROJECT_ID> .firebaseapp.com" ,
106
- databaseURL : "https://<DATABASE_NAME> .firebaseio.com" ,
107
- projectId : "<PROJECT_ID> " ,
108
- storageBucket : "<BUCKET> .appspot.com" ,
109
- messagingSenderId : "<SENDER_ID>" ,
105
+ apiKey : "AIzaSyCcsGYYxSjYrAjVlu77BoDfNBWmt4rEeag " ,
106
+ authDomain : "firechat23 .firebaseapp.com" ,
107
+ databaseURL : "https://firechat23 .firebaseio.com" ,
108
+ projectId : "firechat23 " ,
109
+ storageBucket : "firechat23 .appspot.com" ,
110
+ messagingSenderId : "584321929729"
110
111
} ;
111
112
firebase . initializeApp ( config ) ;
112
113
</ script >
0 commit comments