UNPKG

@cto.ai/ops/lib/keycloakPages/signupRedirect.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 up - 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>Account created successfully</h2>
      <div class="text-gray">
        <p>Now <span class="font-semibold text-dark">open your terminal</span> to continue using the Ops Platform</p>
        <div class="pt-2">
          <p>Need help getting started? <br><br> Check out the <a href="https://cto.ai/docs/">documentation</a> for more information about creating and running Ops. You can also <b>watch the video below</b>...</p>
        </div>
      </div>
      <iframe width="560" height="315" src="https://www.youtube.com/embed/EszEDDtAw3U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>
  </div>
</div>
82</body>
83</html>

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 up - 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>Account created successfully</h2>`
73	`<div class="text-gray">`
74	`<p>Now <span class="font-semibold text-dark">open your terminal</span> to continue using the Ops Platform</p>`
75	`<div class="pt-2">`
76	`<p>Need help getting started? <br><br> Check out the <a href="https://cto.ai/docs/">documentation</a> for more information about creating and running Ops. You can also <b>watch the video below</b>...</p>`
77	`</div>`
78	`</div>`
79	`<iframe width="560" height="315" src="https://www.youtube.com/embed/EszEDDtAw3U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe>`
80	`</div>`
81	`</div>`
82	`</body>`
83	`</html>`