-
Notifications
You must be signed in to change notification settings - Fork 1
/
login.html
102 lines (93 loc) · 3.69 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html>
<head>
<title>ClujQuest</title>
<meta charset="UTF-8">
<link rel="apple-touch-icon" sizes="76x76" href="img/apple-icon.png">
<link rel="icon" type="image/png" href="img/favicon.png">
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
<script src="https://www.gstatic.com/firebasejs/4.3.0/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
apiKey: "AIzaSyCMae0phU392hzly12XBSAbl02O6_KGNtk",
authDomain: "fstvlr-d5aeb.firebaseapp.com",
databaseURL: "https://fstvlr-d5aeb.firebaseio.com",
projectId: "fstvlr-d5aeb",
storageBucket: "fstvlr-d5aeb.appspot.com",
messagingSenderId: "239483498365"
};
firebase.initializeApp(config);
</script>
<script src="https://cdn.firebase.com/libs/firebaseui/2.3.0/firebaseui.js"></script>
<link href="https://fonts.googleapis.com/css?family=Fredoka+One" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/2.3.0/firebaseui.css"/>
<script type="text/javascript">
// FirebaseUI config.
var uiConfig = {
callbacks: {
signInSuccess: function (currentUser, credential, redirectUrl) {
// Do something.
// Return type determines whether we continue the redirect automatically
// or whether we leave that to developer to handle.
return true;
},
uiShown: function () {
// The widget is rendered.
// Hide the loader.
document.getElementById('loader').style.display = 'none';
}
},
credentialHelper: firebaseui.auth.CredentialHelper.ACCOUNT_CHOOSER_COM,
// Query parameter name for mode.
queryParameterForWidgetMode: 'mode',
// Query parameter name for sign in success url.
queryParameterForSignInSuccessUrl: 'signInSuccessUrl',
// Will use popup for IDP Providers sign-in flow instead of the default, redirect.
signInFlow: 'popup',
signInSuccessUrl: 'index.html',
signInOptions: [
// Leave the lines as is for the providers you want to offer your users.
firebase.auth.FacebookAuthProvider.PROVIDER_ID
],
// Terms of service url.
tosUrl: '<your-tos-url>'
};
var ui = new firebaseui.auth.AuthUI(firebase.auth());
// The start method will wait until the DOM is loaded.
ui.start('#firebaseui-auth-container', uiConfig);
</script>
<style>
html {
max-width: 100%;
padding: 0;
margin: 0;
overflow-x: hidden;
}
.container-fluid {
font-family: 'Fredoka One', cursive !important;
font-size: 105px;
color: #fff;
/*border: 5px black solid;*/
text-align: center;
width: 98%;
}
.firebaseui-idp-list {
/*border: 5px black solid !important;*/
border-radius: 25px;
margin-top: 45px !important;
}
</style>
</head>
<body style="background-image: url('img/city.jpg');background-repeat: no-repeat;background-size:auto;">
<div class="container-fluid">
<div class="row">
<p id="title-container" style="font-size:4vmax!important">ClujQuest</p>
</div>
</div>
<div class="row">
<div id="firebaseui-auth-container"></div>
<div id="loader">Loading...</div>
</div>
</body>
</html>