python-flask-example-applications/python-flask-sso-example/templates/login.html at c0fbe1a6a760c7ec803cc92136afd16368e14516 · workos/python-flask-example-applications · 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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>

<head>
    <link rel="stylesheet" href="{{ url_for('static', filename='login.css')}}">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter">
</head>


<body class="height-100vh">
    <div class="logged_in_nav">
        <div class="flex">
            <div>
                <img src="../static/images/workos-logo-with-text.png" alt="workos logo">
            </div>

        </div>
        <div class="flex">
            <a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a>
            <a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API
                    Reference</button></a>
            <a href="https://workos.com/blog" target="_blank"><button
                    class='button nav-item blog-nav-button'>Blog</button></a>
            <a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a>
        </div>
    </div>
    {% if error_description %}
    <div class="flex flex_column error_message">
        <span>
            Error: <a href="{{ error_uri }}">
            {{ error }}
            </a>
        </span>
        <span>
            {{ error_description }}
        </span>
    </div>
    {% endif %}
    <div class="flex flex_column height-80vh">
        <div class='flex height-40vh'>
            <div class="card height-315 width-335">
                <form method="POST" action="{{ url_for('auth') }}" class="mb-0">
                    <div class='flex_column'>
                        <div>
                            <span>Log in with SSO</span>
                        </div>
                        <hr style="width:100%; margin-top: 15px; margin-bottom: 20px;">
                        <button id="Google" name="login_method" value="GoogleOAuth" class="card login_button google_button">
                            <span>Google OAuth</span>
                        </button>
                        <button id="Microsoft" name="login_method" value="MicrosoftOAuth" class="card login_button microsoft_button">
                            <span>Microsoft OAuth</span>
                        </button>
                        <button id="SAML" name="login_method" value="saml" class="card login_button saml_button mb-0">
                            <span>Enterprise SAML</span>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>
</html>