Skip to content

Commit e521723

Browse files
atelomycterusatelomycterus
committed
Issues-115
1 parent 64908d8 commit e521723

File tree

3 files changed

+94
-10
lines changed

3 files changed

+94
-10
lines changed

‎web-assets/css/styles.css‎

Lines changed: 80 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -245,6 +245,86 @@ 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 55px;
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 .header .logo-link img {
274+
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 ol {
293+
counter-reset: counter;
294+
list-style: none;
295+
}
296+
297+
.confirmation-card.center-align-card .page-content .page-main .page-description ol li{
298+
margin: 0;
299+
line-height: 21px;
300+
counter-increment: counter;
301+
position: relative;
302+
}
303+
304+
.confirmation-card.center-align-card .page-content .page-main .page-description ol li:not(:last-child){
305+
padding-bottom: 28px;
306+
}
307+
308+
.confirmation-card.center-align-card .page-content .page-main .page-description ol li::before {
309+
content: counter(counter);
310+
color: #FFFFFF;
311+
font-family: Roboto;
312+
font-size: 16px;
313+
line-height: 19px;
314+
text-align: center;
315+
position: absolute;
316+
--size: 30px;
317+
left: calc(-1 * var(--size) - 10px);
318+
line-height: var(--size);
319+
top: -4px;
320+
background-image: linear-gradient(125.57deg, #2C95D7 0%, #83C5EE 100%);
321+
border-radius: 100%;
322+
width: 30px;
323+
height: 28px;
324+
text-align: center;
325+
}
326+
/** End: Confirmation Card **/
327+
248328
/** Start : Input/select box - field area style **/
249329
.input-field {
250330
position: relative;

‎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+
<ol>
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="Learn">Learn</a> / <a href="Freelance Gigs">Freelance Gigs</a></li>
47+
</ol>
48+
</div>
4549
</main>
4650
</div>
4751
<footer class="footer">

0 commit comments

Comments
 (0)