-
Notifications
You must be signed in to change notification settings - Fork 13
/
index.html
51 lines (49 loc) · 2.29 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Serverless Authentication</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='https://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="app.css">
<script src="https://code.jquery.com/jquery-2.2.1.min.js"></script>
<script src="app.js"></script>
</head>
<body>
<div class="main">
<h1>Serverless Authentication</h1>
<h1 class="notice">UPDATING BACKEND</h1>
<p>This page is a frontend demonstration how <a href="https://github.com/laardee/serverless-authentication-boilerplate" target="_blank">Serverless Authentication boilerplate</a> works.</p>
<p>The same version of boilerplate is used in this demo; it only authenticates using your credentials, no personal data is saved to DB.</p>
<h2>Providers</h2>
<div class="providers">
<button id="facebook"><div class="logo"></div><div class="text">Log In</div></button>
<button id="google"><div class="logo"></div><div class="text">Sign In</div></button>
<button id="microsoft"><div class="logo"></div><div class="text">Log In</div></button>
<button id="custom-google">custom-google</button>
</div>
<div class="logout">
<button id="logout">Logout</button>
</div>
<h2>Response</h2>
<div id="token" class="response"></div>
<h2>Test</h2>
<p>The authorization token is valid for 15 seconds, if the auto refresh is checked, refresh token is used to request new authorization token.</p>
<div class="testers">
<button id="test">Test token</button>
<button id="refresh">Refresh token</button>
<input type="checkbox" id="auto-refresh">Auto refresh token
</div>
<div id="test-result" class="response"></div>
<p>See also <a href="http://www.serverless.com">serverless.com</a> | <a href="https://laardee.com">laardee.com</a></p>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-75215422-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>