Skip to content

Commit 9d2a701

Browse files
jmgasperjmgasper
authored
Merge pull request #116 from topcoder-platform/issues-115
Issues 115
2 parents 64908d8 + 0767d1b commit 9d2a701

File tree

6 files changed

+108
-10
lines changed

6 files changed

+108
-10
lines changed

‎web-assets/css/styles.css‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -245,6 +245,100 @@ select::-ms-expand {
245245
margin-bottom: 0;
246246
}
247247

248+
/** Start: Confirmation Card **/
249+
.confirmation-card.center-align-card {
250+
background-color: #C8C9CC;
251+
}
252+
253+
.confirmation-card a,
254+
.confirmation-card a:active,
255+
.confirmation-card a:visited {
256+
text-decoration: underline;
257+
}
258+
259+
.confirmation-card.center-align-card .page-content {
260+
box-shadow: none;
261+
}
262+
263+
.confirmation-card.center-align-card .page-content .page-main {
264+
padding: 0px 50px 45px;
265+
position: relative;
266+
text-align: center;
267+
}
268+
269+
.confirmation-card .header {
270+
padding: 27px 10px 21px 10px;
271+
background-color: transparent;
272+
}
273+
.confirmation-card .footer {
274+
padding-top: 0px;
275+
}
276+
277+
.confirmation-card.center-align-card .page-content .page-main .page-title-heading {
278+
color: #2A2A2A;
279+
font-family: "Barlow Condensed";
280+
font-weight: 500;
281+
font-size: 34px;
282+
line-height: 38px;
283+
text-align: center;
284+
}
285+
.confirmation-card.center-align-card .page-content .page-main .page-description {
286+
margin-top: 41px;
287+
text-align: left;
288+
font-weight: normal;
289+
font-family: "Roboto";
290+
font-size: 15px;
291+
}
292+
.confirmation-card.center-align-card .page-content .page-main .page-description ul {
293+
list-style: none;
294+
}
295+
296+
.confirmation-card.center-align-card .page-content .page-main .page-description ul li{
297+
margin: 0;
298+
line-height: 21px;
299+
position: relative;
300+
}
301+
302+
.confirmation-card.center-align-card .page-content .page-main .page-description ul li:not(:last-child){
303+
padding-bottom: 28px;
304+
}
305+
306+
.confirmation-card.center-align-card .page-content .page-main .page-description ul li::before {
307+
color: #FFFFFF;
308+
font-family: Roboto;
309+
font-size: 16px;
310+
line-height: 19px;
311+
position: absolute;
312+
--size: 30px;
313+
line-height: var(--size);
314+
left: calc(-1 * var(--size) - 11px);
315+
top: -4px;
316+
}
317+
318+
li:nth-child(1)::before {
319+
content:"";
320+
background-image: url('./images/1.png');
321+
height: 28px;
322+
width: 30px;
323+
}
324+
325+
li:nth-child(2)::before {
326+
content:"";
327+
background-image: url('./images/2.png');
328+
height: 28px;
329+
width: 30px;
330+
}
331+
332+
li:nth-child(3)::before {
333+
content:"";
334+
background-image: url('./images/3.png');
335+
height: 28px;
336+
width: 30px;
337+
}
338+
339+
340+
/** End: Confirmation Card **/
341+
248342
/** Start : Input/select box - field area style **/
249343
.input-field {
250344
position: relative;

‎web-assets/images/1.png‎

1.2 KB
Loading

‎web-assets/images/2.png‎

1.29 KB
Loading

‎web-assets/images/3.png‎

1.39 KB
Loading

‎web-assets/images/logo_dark.png‎

16 KB
Loading

‎web-assets/static-pages/register_success.html‎

Lines changed: 14 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,11 @@
1010
href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap"
1111
rel="stylesheet"
1212
/>
13+
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Barlow+Condensed:wght@500&display=swap" rel="stylesheet">
1314
<link rel="stylesheet" href="./styles.css" />
1415
</head>
1516

16-
<body class="center-align-card">
17+
<body class="center-align-card confirmation-card">
1718
<!-- Page Wrapper -->
1819
<div class="page-wrapper">
1920
<!-- For ADA - Skip to Content Area -->
@@ -23,7 +24,7 @@
2324
<header class="header">
2425
<a href="/" class="logo-link">
2526
<img
26-
src="./images/logo.png"
27+
src="./images/logo_dark.png"
2728
alt="Topcoder Logo"
2829
width="94"
2930
height="30"
@@ -33,15 +34,18 @@
3334
<main id="main" class="page-main">
3435
<a id="contentarea" tabindex="-1"></a>
3536
<h1 id="page-title-heading" class="page-title-heading">
36-
Thanks for joining Topcoder.
37+
Thanks for joining<br/>Topcoder
3738
</h1>
38-
<p class="page-description">
39-
We've sent you a confirmation link. Please check your email and
40-
click the link to activate your account. If you can't find the
41-
message, please email to
42-
<a href="mailto:support@topcoder.com">support@topcoder.com</a>.
43-
Thanks for joining Topcoder.
44-
</p>
39+
<div class="page-description">
40+
<ul>
41+
<li>Check your email and activate your account.</li>
42+
<li>If the email doesn't arrive right away,
43+
please email <a href="mailto:support@topcoder.com">support@topcoder.com</a>.
44+
That shouldn't happen though and if it does, we are sorry!
45+
</li>
46+
<li>Want to keep browsing? <a href="/">Home</a> / <a href="/community/learn">Learn</a> / <a href="/gigs">Freelance Gigs</a></li>
47+
</ul>
48+
</div>
4549
</main>
4650
</div>
4751
<footer class="footer">

0 commit comments

Comments
 (0)