Skip to content

Commit f4bf9f9

Browse files
eisbilireisbilir
committed
add dice verify callback, reskin otp page
1 parent 37d8eb2 commit f4bf9f9

File tree

7 files changed

+493
-158
lines changed

7 files changed

+493
-158
lines changed

‎web-assets/css/check_email.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@ body {
77
background-color: #f6f6f6;
88
margin: 0;
99
padding: 0;
10-
font-family: "Roboto";
10+
font-family: "Roboto", sans-serif;
1111
margin-top: 6%;
1212
}
1313

‎web-assets/css/otp.css‎

Lines changed: 207 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,207 @@
1+
html {
2+
box-sizing: border-box;
3+
}
4+
5+
body {
6+
background-color: #c8c9cc;
7+
margin: 0;
8+
padding: 0;
9+
font-family: "Roboto", sans-serif;
10+
margin: 0;
11+
padding: 0;
12+
}
13+
14+
/* Chrome, Safari, Edge, Opera */
15+
input::-webkit-outer-spin-button,
16+
input::-webkit-inner-spin-button {
17+
-webkit-appearance: none;
18+
margin: 0;
19+
}
20+
21+
/* Firefox */
22+
input[type="number"] {
23+
-moz-appearance: textfield;
24+
}
25+
26+
.page-wrapper {
27+
margin-top: 60px;
28+
margin-left: auto;
29+
margin-right: auto;
30+
margin-bottom: clamp(70px, 5%, 70px);
31+
padding: 0;
32+
text-align: center;
33+
}
34+
35+
.row {
36+
background-image: url(https://tc-public-static-files.topcoder.com/topcoder-auth/images/member-signin.png);
37+
min-height: 820px;
38+
height: clamp(820px, 100%, 820px);
39+
border-radius: 10px 10px;
40+
width: 1140px;
41+
background-repeat: no-repeat;
42+
background-position: top right;
43+
background-color: white;
44+
display: inline-block;
45+
}
46+
47+
.left-column {
48+
width: 500px;
49+
}
50+
51+
.signin-column {
52+
display: flex;
53+
flex-direction: column;
54+
align-items: center;
55+
padding: 42px 40px;
56+
gap: 51px;
57+
}
58+
59+
.signin-header {
60+
display: flex;
61+
flex-direction: column;
62+
align-items: center;
63+
padding: 0;
64+
gap: 8px;
65+
}
66+
67+
.header-text {
68+
font-family: 'Barlow Condensed';
69+
font-weight: 500;
70+
font-size: 26px;
71+
line-height: 28px;
72+
text-transform: uppercase;
73+
}
74+
75+
.black {
76+
color: #2A2A2A;
77+
font-weight: 700;
78+
}
79+
80+
.info {
81+
font-weight: 400;
82+
font-size: 16px;
83+
line-height: 24px;
84+
color: #767676;
85+
padding: 12px;
86+
}
87+
88+
.messages {
89+
width: 100%;
90+
display: flex;
91+
flex-direction: column;
92+
gap: 12px;
93+
display: none;
94+
}
95+
96+
.message-wrapper {
97+
display: none;
98+
}
99+
100+
.message {
101+
display: flex;
102+
flex-direction: row;
103+
align-items: center;
104+
justify-content: flex-start;
105+
border-radius: 5px;
106+
font-size: 14px;
107+
padding: 15px 10px;
108+
color: #ffffff;
109+
}
110+
111+
.message.error {
112+
background-color: #ea1900;
113+
}
114+
115+
.message.notify {
116+
background-color: #079531b8;
117+
}
118+
119+
.message-icon {
120+
width: 20px;
121+
height: 20px;
122+
text-align: center;
123+
}
124+
125+
.message-content {
126+
margin-left: 10px;
127+
flex: 1;
128+
}
129+
130+
.close-error {
131+
cursor: pointer;
132+
width: 20px;
133+
height: 20px;
134+
text-align: center;
135+
}
136+
137+
.digit-group {
138+
display: flex;
139+
flex-direction: row;
140+
gap: 12px;
141+
}
142+
143+
.digit-group input {
144+
width: 44px;
145+
height: 40px;
146+
background-color: #FFFFFF;
147+
border: 1px solid #AAAAAA;
148+
line-height: 22px;
149+
text-align: center;
150+
font-size: 14px;
151+
font-weight: 400;
152+
color: #767676;
153+
border-radius: 4px;
154+
}
155+
156+
.resend-link {
157+
color: #0D61BF;
158+
font-weight: 500;
159+
font-size: 14px;
160+
line-height: 22px;
161+
text-decoration: none;
162+
}
163+
164+
.logo-column {
165+
display: block;
166+
padding: 53px 0px 0px 500px;
167+
position: absolute;
168+
top: 60px;
169+
width: 640px;
170+
color: white;
171+
font-weight: 500;
172+
font-family: 'Barlow Condensed', sans-serif;
173+
}
174+
175+
.header {
176+
font-size: 26px;
177+
letter-spacing: 1px;
178+
line-height: 28px;
179+
text-align: center;
180+
font-weight: normal;
181+
text-transform: uppercase;
182+
padding-bottom: 3px;
183+
}
184+
185+
.title {
186+
font-weight: 500;
187+
font-size: 54px;
188+
line-height: 52px;
189+
background: linear-gradient(265.38deg, #FFC43D 1.99%, #EF476F 98.19%);
190+
-webkit-background-clip: text;
191+
-moz-background-clip: text;
192+
-webkit-text-fill-color: transparent;
193+
-moz-text-fill-color: transparent;
194+
background-clip: text;
195+
}
196+
197+
@media (max-width: 1156px) {
198+
.row {
199+
background: white;
200+
width: 500px;
201+
min-height: auto;
202+
}
203+
204+
.logo-column {
205+
display: none;
206+
}
207+
}

‎web-assets/images/topcoderlogo-black.png‎

1.24 KB
Loading

‎web-assets/js/oidc-client.min.js‎

Lines changed: 49 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)