UNPKG

@cto.ai/ops/lib/keycloakPages/signinRedirect.html

Version:

1<!DOCTYPE html>
2<html lang="en">
3<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>Signed in - CTO.ai</title>
<link
  rel="shortcut icon"
  type="image/png"
  href="https://keycloak-redirects-assets.s3.amazonaws.com/img/favicon.png"
/>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<style>
  html, body {
    height: 100%;
    margin: 0;
    font-family: "Avenir Next";
  }
20
  .main-bg {
    background: url(https://keycloak-redirects-assets.s3.amazonaws.com/img/bg-top.svg) top right / 50% 50% no-repeat, url(https://keycloak-redirects-assets.s3.amazonaws.com/img/bg-bottom.svg) bottom left / 50% 50% no-repeat
  }
24
  .header {
    margin-top: 16px;
    margin-left: 36px;
    height: 60px;
    width: 130px;
  }
31
  .main-container {
    width: 545px;
    height: 100%;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
40
  .box {
    border-radius: 16px;
    box-shadow: 6px 6px 10px 0 rgba(0,0,0,0.25);
    background-color: #FFFFFF;
  }
46
  .p-box {
    padding: 5.5rem 3rem;
  }
50
  .cmd {
    width: 300px;
    border-radius: 7px;
    background-color: #F7F7F7;
  }
56
  /* Utilities */
58
  .text-gray {
    color: #888888
  }
62
  .font-semibold {
    font-weight: 600
  }
</style>
67</head>
68<body class="main-bg">
<div class="main-container">
  <div class="box p-box text-center">
      <h2>👋</h2>
      <h2>Welcome back!</h2>
      <div class="text-gray">
        <p>You are logged in. <span class="font-semibold">Return to your terminal</span> to resume.</p>
        <p class="mb-0">To sign out, run the command:</p>
        <div class="text-dark cmd py-3 text-left ml-5 mt-2"><span class="text-dark pl-4">$ ops account:signout</span></div>
        <div class="mt-4">
          <p class="pt-1">Have questions? Check out the <a href="https://cto.ai/docs/">documentation</a>.</p>
        </div>
      </div>
  </div>
</div>
83</body>
84</html>
\No newline at end of file

1	`<!DOCTYPE html>`
2	`<html lang="en">`
3	`<head>`
4	`<meta charset="UTF-8">`
5	`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
6	`<meta http-equiv="X-UA-Compatible" content="ie=edge">`
7	`<title>Signed in - CTO.ai</title>`
8	`<link`
9	`rel="shortcut icon"`
10	`type="image/png"`
11	`href="https://keycloak-redirects-assets.s3.amazonaws.com/img/favicon.png"`
12	`/>`
13	`<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">`
14	`<style>`
15	`html, body {`
16	`height: 100%;`
17	`margin: 0;`
18	`font-family: "Avenir Next";`
19	`}`
20
21	`.main-bg {`
22	`background: url(https://keycloak-redirects-assets.s3.amazonaws.com/img/bg-top.svg) top right / 50% 50% no-repeat, url(https://keycloak-redirects-assets.s3.amazonaws.com/img/bg-bottom.svg) bottom left / 50% 50% no-repeat`
23	`}`
24
25	`.header {`
26	`margin-top: 16px;`
27	`margin-left: 36px;`
28	`height: 60px;`
29	`width: 130px;`
30	`}`
31
32	`.main-container {`
33	`width: 545px;`
34	`height: 100%;`
35	`display: flex;`
36	`align-items: center;`
37	`margin-left: auto;`
38	`margin-right: auto;`
39	`}`
40
41	`.box {`
42	`border-radius: 16px;`
43	`box-shadow: 6px 6px 10px 0 rgba(0,0,0,0.25);`
44	`background-color: #FFFFFF;`
45	`}`
46
47	`.p-box {`
48	`padding: 5.5rem 3rem;`
49	`}`
50
51	`.cmd {`
52	`width: 300px;`
53	`border-radius: 7px;`
54	`background-color: #F7F7F7;`
55	`}`
56
57	`/* Utilities */`
58
59	`.text-gray {`
60	`color: #888888`
61	`}`
62
63	`.font-semibold {`
64	`font-weight: 600`
65	`}`
66	`</style>`
67	`</head>`
68	`<body class="main-bg">`
69	`<div class="main-container">`
70	`<div class="box p-box text-center">`
71	`<h2>👋</h2>`
72	`<h2>Welcome back!</h2>`
73	`<div class="text-gray">`
74	`<p>You are logged in. <span class="font-semibold">Return to your terminal</span> to resume.</p>`
75	`<p class="mb-0">To sign out, run the command:</p>`
76	`<div class="text-dark cmd py-3 text-left ml-5 mt-2"><span class="text-dark pl-4">$ ops account:signout</span></div>`
77	`<div class="mt-4">`
78	`<p class="pt-1">Have questions? Check out the <a href="https://cto.ai/docs/">documentation</a>.</p>`
79	`</div>`
80	`</div>`
81	`</div>`
82	`</div>`
83	`</body>`
84	`</html>`
\	No newline at end of file