oauthExample/index.html at gh-pages · AllStarCodeOrg/oauthExample · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>myOAuth</title>

    <!--Reference platform.js library here-->

    <!--Reference Client ID in meta tag here-->


    <!--jquery-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

    <!--custom files-->
    <script src="lib/js/main.js"></script>
    <link rel="stylesheet" href="lib/css/style.css">
</head>
<body>
    <div class="signs">
        <div class="g-signin2" data-onsuccess="onSignIn"></div>
        <a href="#" class="signOut" onclick="onSignOut();">Sign out</a>
    </div>


    <div class ="mainContainer">
        <!--Text greeting user-->
        <header>
            <h1>WELCOME <span class="userName">USER_NAME</span></h1>
        </header>

        <!--Populate section with user data-->
        <section>
            <!--picture-->
            <div class = "userImg">
                <img src="assets/placeholder.png">
            </div>

            <!--User Data-->
            <div class="userData">
                <h2>E-MAIL:</h2>
                <p class="email">example@example.com</p>
            </div>
        </section>
    </div>
</body>
</html>