|
1 | 1 | <link rel="stylesheet" href="main.css"> |
2 | 2 |
|
3 | | -<body class="container_login"> |
4 | | -<div class='flex_column'> |
5 | | - <div class="flex heading_div"> |
6 | | - <img src="images/workos-logo-with-text.png" alt="workos logo"> |
7 | | - </div> |
| 3 | +<body class="height-100vh"> |
| 4 | +<div class="logged_in_nav"> |
| 5 | + <div class="flex"> |
| 6 | + <div> |
| 7 | + <img src="images/workos-logo-with-text.png" alt="workos logo"> |
| 8 | + </div> |
8 | 9 |
|
9 | | - <h2>Java SSO Example App</h2> |
10 | | - <a class="button login_button" href="/login">Login</a> |
| 10 | + </div> |
| 11 | + <div class="flex"> |
| 12 | + <a href="https://workos.com/docs" target="_blank"><button class='button nav-item'>Documentation</button></a> |
| 13 | + <a href="https://workos.com/docs/reference" target="_blank"><button class='button nav-item'>API |
| 14 | + Reference</button></a> |
| 15 | + <a href="https://workos.com/blog" target="_blank"><button |
| 16 | + class='button nav-item blog-nav-button'>Blog</button></a> |
| 17 | + <a href="https://workos.com/" target="_blank"><button class='button button-outline'>WorkOS</button></a> |
| 18 | + </div> |
| 19 | +</div> |
| 20 | +<div class="flex flex_column height-80vh"> |
| 21 | + <div class='flex height-40vh'> |
| 22 | + <div class="card height-315 width-335"> |
| 23 | + <form method="POST" action="/login" class="mb-0"> |
| 24 | + <div class='flex_column'> |
| 25 | + <div> |
| 26 | + <span>Log in with SSO</span> |
| 27 | + </div> |
| 28 | + <hr style="width:100%; margin-top: 15px; margin-bottom: 20px;"> |
| 29 | + <button id="Google" name="login_method" value="GoogleOAuth" class="card login_button google_button"> |
| 30 | + <span>Google OAuth</span> |
| 31 | + </button> |
| 32 | + <button id="Microsoft" name="login_method" value="MicrosoftOAuth" class="card login_button microsoft_button"> |
| 33 | + <span>Microsoft OAuth</span> |
| 34 | + </button> |
| 35 | + <button id="SAML" name="login_method" value="saml" class="card login_button saml_button mb-0"> |
| 36 | + <span>Enterprise SAML</span> |
| 37 | + </button> |
| 38 | + </div> |
| 39 | + </form> |
| 40 | + </div> |
| 41 | + </div> |
11 | 42 | </div> |
12 | 43 | </body> |
0 commit comments