Skip to content

Commit 52b90e8

Browse files
birdofpreyrubirdofpreyru
committed
Small update of Blockchain community Learn page
1 parent 90eed23 commit 52b90e8

File tree

4 files changed

+197
-60
lines changed

4 files changed

+197
-60
lines changed

‎.exchange-rates.cache

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1 @@
1-
{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1510495225,"base":"USD","rates":{"AED":3.673018,"AFN":68.5905,"ALL":114.268015,"AMD":485.835,"ANG":1.783866,"AOA":165.9225,"ARS":17.4665,"AUD":1.305262,"AWG":1.786752,"AZN":1.6985,"BAM":1.676693,"BBD":2,"BDT":83.148415,"BGN":1.67641,"BHD":0.376856,"BIF":1748.9,"BMD":1,"BND":1.357847,"BOB":6.909874,"BRL":3.27715,"BSD":1,"BTC":0.00016224277,"BTN":65.009917,"BWP":10.60399,"BYN":1.98819,"BZD":2.005603,"CAD":1.268665,"CDF":1579,"CHF":0.99606,"CLF":0.02347,"CLP":630.025,"CNH":6.661808,"CNY":6.64125,"COP":3003.75,"CRC":568.23,"CUC":1,"CUP":25.5,"CVE":94.95,"CZK":21.9065,"DJF":178.97,"DKK":6.379455,"DOP":47.92,"DZD":115.078,"EGP":17.6505,"ERN":15.336062,"ETB":27.017895,"EUR":0.85728,"FJD":2.0568,"FKP":0.75818,"GBP":0.75818,"GEL":2.532272,"GGP":0.75818,"GHS":4.43036,"GIP":0.75818,"GMD":47.26,"GNF":9013.35,"GTQ":7.32654,"GYD":208.292635,"HKD":7.80107,"HNL":23.591593,"HRK":6.4643,"HTG":63.169196,"HUF":267.154,"IDR":13515.620071,"ILS":3.55041,"IMP":0.75818,"INR":65.368,"IQD":1164.45,"IRR":34668.946723,"ISK":103.613694,"JEP":0.75818,"JMD":126.058505,"JOD":0.709001,"JPY":113.525,"KES":103.602489,"KGS":69.119478,"KHR":4025.25,"KMF":422.1,"KPW":900,"KRW":1121.1,"KWD":0.302532,"KYD":0.831547,"KZT":332.157791,"LAK":8307.85,"LBP":1512.7,"LKR":153.291485,"LRD":122.988952,"LSL":14.335761,"LYD":1.365714,"MAD":9.479031,"MDL":17.601594,"MGA":3152.15,"MKD":52.786,"MMK":1352.15,"MNT":2451.70248,"MOP":8.01931,"MRO":354.39,"MUR":34.325,"MVR":15.390067,"MWK":722.69,"MXN":19.1046,"MYR":4.191994,"MZN":60.994761,"NAD":14.335761,"NGN":359.215,"NIO":30.684016,"NOK":8.13405,"NPR":104.024834,"NZD":1.4431,"OMR":0.385115,"PAB":1,"PEN":3.235348,"PGK":3.197794,"PHP":51.13782,"PKR":104.82,"PLN":3.6268,"PYG":5640.75,"QAR":3.8115,"RON":3.982002,"RSD":101.59,"RUB":59.135,"RWF":852.62,"SAR":3.750225,"SBD":7.802011,"SCR":13.438825,"SDG":6.662214,"SEK":8.35636,"SGD":1.3605,"SHP":0.75818,"SLL":7643.328121,"SOS":577.205,"SRD":7.448,"SSP":130.2634,"STD":20725.000286,"SVC":8.731481,"SYP":514.98999,"SZL":14.331779,"THB":33.0425,"TJS":8.790913,"TMT":3.50998,"TND":2.500007,"TOP":2.254482,"TRY":3.86361,"TTD":6.715426,"TWD":30.171,"TZS":2231.735079,"UAH":26.451281,"UGX":3634.1,"USD":1,"UYU":29.133845,"UZS":8050,"VEF":9.9842,"VND":22714.053308,"VUV":106.093334,"WST":2.547073,"XAF":562.338817,"XAG":0.05917511,"XAU":0.00078379,"XCD":2.70255,"XDR":0.712515,"XOF":562.338817,"XPD":0.00100377,"XPF":102.300716,"XPT":0.00107614,"YER":250.25,"ZAR":14.37934,"ZMW":9.843587,"ZWL":322.355011}}
1+
{"disclaimer":"Usage subject to terms: https://openexchangerates.org/terms","license":"https://openexchangerates.org/license","timestamp":1510603200,"base":"USD","rates":{"AED":3.672955,"AFN":68.725,"ALL":114.3,"AMD":487.235,"ANG":1.784109,"AOA":165.9225,"ARS":17.4952,"AUD":1.311243,"AWG":1.786752,"AZN":1.6985,"BAM":1.67675,"BBD":2,"BDT":83.286948,"BGN":1.6766,"BHD":0.377205,"BIF":1761,"BMD":1,"BND":1.361508,"BOB":6.906125,"BRL":3.279317,"BSD":1,"BTC":0.000155605573,"BTN":65.370647,"BWP":10.666861,"BYN":1.993904,"BZD":2.008904,"CAD":1.273026,"CDF":1580,"CHF":0.995754,"CLF":0.02337,"CLP":629.4,"CNH":6.657,"CNY":6.6405,"COP":3015,"CRC":569.31,"CUC":1,"CUP":25.5,"CVE":94.8875,"CZK":21.914322,"DJF":178.77,"DKK":6.376888,"DOP":47.885,"DZD":115.022,"EGP":17.631,"ERN":15.336062,"ETB":27.325,"EUR":0.8571,"FJD":2.074354,"FKP":0.762556,"GBP":0.762556,"GEL":2.567429,"GGP":0.762556,"GHS":4.4425,"GIP":0.762556,"GMD":47.28,"GNF":9005,"GTQ":7.335989,"GYD":207.810851,"HKD":7.80235,"HNL":23.649988,"HRK":6.468,"HTG":63.686462,"HUF":267.165,"IDR":13532.746714,"ILS":3.54475,"IMP":0.762556,"INR":65.4333,"IQD":1183.5,"IRR":34718.946723,"ISK":103.722722,"JEP":0.762556,"JMD":126.672893,"JOD":0.709001,"JPY":113.5628125,"KES":103.695,"KGS":69.131479,"KHR":4039,"KMF":422.1,"KPW":900,"KRW":1120.01,"KWD":0.302387,"KYD":0.832817,"KZT":332.915,"LAK":8322.5,"LBP":1510,"LKR":153.548466,"LRD":123.125,"LSL":14.48,"LYD":1.38,"MAD":9.487285,"MDL":17.664817,"MGA":3175,"MKD":52.76875,"MMK":1354.4,"MNT":2450.59248,"MOP":8.028673,"MRO":355,"MUR":34.381,"MVR":15.37,"MWK":725.255,"MXN":19.120073,"MYR":4.192,"MZN":61,"NAD":14.475,"NGN":360.25,"NIO":30.7,"NOK":8.163246,"NPR":104.574331,"NZD":1.448906,"OMR":0.384984,"PAB":1,"PEN":3.241215,"PGK":3.279,"PHP":51.19,"PKR":105.325,"PLN":3.63237,"PYG":5652.9,"QAR":3.834975,"RON":3.9865,"RSD":101.59,"RUB":59.3785,"RWF":833,"SAR":3.75055,"SBD":7.785361,"SCR":13.937883,"SDG":6.675,"SEK":8.382545,"SGD":1.361999,"SHP":0.762556,"SLL":7643.328121,"SOS":593,"SRD":7.448,"SSP":130.2634,"STD":20897.200481,"SVC":8.744932,"SYP":514.98999,"SZL":14.475,"THB":33.06875,"TJS":8.805269,"TMT":3.50998,"TND":2.493691,"TOP":2.266232,"TRY":3.869192,"TTD":6.758802,"TWD":30.171,"TZS":2246.3,"UAH":26.4873,"UGX":3636,"USD":1,"UYU":29.244046,"UZS":8092.5,"VEF":10.06585,"VND":22713.686641,"VUV":106.193334,"WST":2.548973,"XAF":562.220572,"XAG":0.05866487,"XAU":0.00078189,"XCD":2.70255,"XDR":0.712471,"XOF":562.220572,"XPD":0.00100633,"XPF":102.279205,"XPT":0.00107164,"YER":250.275,"ZAR":14.461602,"ZMW":9.906977,"ZWL":322.355011}}

‎src/shared/components/tc-communities/communities/blockchain/Learn/LearnTheBasics/index.jsx

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
import Accordion from 'components/tc-communities/Accordion/Accordion';
2+
import AccordionItem from 'components/tc-communities/Accordion/AccordionItem';
3+
import JoinCommunity from 'containers/tc-communities/JoinCommunity';
4+
import React from 'react';
5+
import Section from 'components/tc-communities/Section';
6+
import Text from 'components/tc-communities/Text';
7+
8+
import style from './style.scss'
9+
10+
export default function LearnTheBasics() {
11+
return (
12+
<Section
13+
title="Learn The Basics"
14+
theme={{
15+
container: style.learnBasicsContainer,
16+
}}
17+
>
18+
<Accordion>
19+
<AccordionItem title="Joining the Blockchain Community">
20+
<Text>
21+
<p>
22+
Join the fastest-growing blockchain community on the world’s
23+
premier crowdsourcing platform. As a member, you’ll get access to
24+
all the tools, tutorials, and hands-on challenges you need to
25+
help you master blockchain. Compete in fun challenges to hone
26+
your skills and competitive challenges to solve real-life
27+
problems for businesses&nbsp;— all using today’s most in-demand
28+
skills and technology.
29+
</p>
30+
<JoinCommunity
31+
label="Join Now"
32+
theme={{ link: style.joinnow }}
33+
/>
34+
</Text>
35+
</AccordionItem>
36+
<AccordionItem title="How to sign up for work">
37+
<Text>
38+
<p>
39+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
40+
</p>
41+
<p>
42+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
43+
</p>
44+
</Text>
45+
</AccordionItem>
46+
<AccordionItem title="How to compete for work">
47+
<Text>
48+
<p>
49+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
50+
</p>
51+
<p>
52+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
53+
</p>
54+
</Text>
55+
</AccordionItem>
56+
<AccordionItem title="Payment & Rewards">
57+
<Text>
58+
<p>
59+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
60+
</p>
61+
<p>
62+
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
63+
</p>
64+
</Text>
65+
</AccordionItem>
66+
</Accordion>
67+
</Section>
68+
);
69+
}

‎src/shared/components/tc-communities/communities/blockchain/Learn/LearnTheBasics/style.scss

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
@import '~styles/mixins';
2+
@import '../../themes/mixins';
3+
4+
.coursesContainer {
5+
padding-bottom: 60px;
6+
}
7+
8+
.coursesContent {
9+
flex-wrap: wrap;
10+
}
11+
12+
.resourcesTitle {
13+
padding-bottom: 50px;
14+
padding-top: 0;
15+
16+
@include xxs-to-xs {
17+
font-size: 36px;
18+
padding-bottom: 30px;
19+
}
20+
}
21+
22+
.resourcesContainer {
23+
padding-bottom: 60px;
24+
25+
@include xxs-to-xs {
26+
padding-bottom: 50px;
27+
}
28+
}
29+
30+
.bannerContainer {
31+
height: 470px;
32+
33+
@include xxs-to-xs {
34+
height: 300px;
35+
}
36+
}
37+
38+
.bannerContent {
39+
bottom: 0;
40+
top: 0;
41+
transform: none;
42+
width: 600px;
43+
44+
@include xxs-to-xs {
45+
top: auto;
46+
width: 100%;
47+
}
48+
}
49+
50+
.bannerContentInner {
51+
@include xxs-to-xs {
52+
padding-bottom: 20px;
53+
padding-top: 48px;
54+
}
55+
}
56+
57+
.learnBasicsContainer {
58+
padding-bottom: 0;
59+
}
60+
61+
.joinnowWrap {
62+
margin-top: 10px;
63+
64+
@include xxs-to-xs {
65+
margin-top: 20px;
66+
text-align: center;
67+
}
68+
}
69+
70+
.joinnow {
71+
color: #0092ff;
72+
background: white;
73+
display: inline-block;
74+
border: 1px solid #0092ff;
75+
border-radius: 20px;
76+
font: 700 14px/40px 'Open Sans';
77+
height: 40px;
78+
text-align: center;
79+
text-transform: uppercase;
80+
width: 171px;
81+
82+
&:hover,
83+
&:active,
84+
&:focus,
85+
&:visited {
86+
color: #0092ff;
87+
outline: none;
88+
text-decoration: none;
89+
}
90+
}
91+
92+
.linksList {
93+
@include body-text;
94+
95+
list-style: disc;
96+
margin-left: 6px;
97+
98+
a {
99+
@include link;
100+
101+
display: block;
102+
}
103+
}
104+
105+
.historyOfBlockchainVideo {
106+
position: absolute;
107+
width: 100%;
108+
height: 100%;
109+
110+
@include xxs-to-sm {
111+
padding: 0 18px;
112+
}
113+
}
114+
115+
.historyOfBlockchainVideoWrapper {
116+
margin-bottom: 24px;
117+
padding-bottom: 33%;
118+
position: relative;
119+
width: 49%;
120+
121+
@include xxs-to-sm {
122+
padding-bottom: 66%;
123+
width: 100%;
124+
}
125+
}

‎src/shared/components/tc-communities/communities/blockchain/Learn/index.jsx

Lines changed: 2 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -9,25 +9,21 @@
99
import PT from 'prop-types';
1010
import React from 'react';
1111

12-
import JoinCommunity from 'containers/tc-communities/JoinCommunity';
1312
import Section from 'components/tc-communities/Section';
14-
import Accordion from 'components/tc-communities/Accordion/Accordion';
15-
import AccordionItem from 'components/tc-communities/Accordion/AccordionItem';
1613
import Banner from 'components/tc-communities/Banner';
1714
import NewsletterSignup from 'components/tc-communities/NewsletterSignup';
1815
import ArticleCard from 'components/tc-communities/ArticleCard2';
1916
import LinksCard from 'components/tc-communities/LinksCard';
20-
import Text from 'components/tc-communities/Text';
2117

2218
import ConsenSysAtMedium from './ConsenSysAtMedium';
19+
import LearnTheBasics from './LearnTheBasics';
2320
import style from './style.scss';
2421

2522
export default function Learn({
2623
consenSysRss,
2724
}) {
2825
return (
2926
<main>
30-
3127
<Banner
3228
title="Learning & Certification"
3329
text="Blockchain Community offers you an opportunity to get involved with a variety of challenging and interesting projects. It will help to accelerate your learning path and open up opportunities that were not visible in the past."
@@ -38,60 +34,7 @@ export default function Learn({
3834
}}
3935
imageSrc="/community-app-assets/themes/blockchain/learn/banner.jpg"
4036
/>
41-
42-
<Section
43-
title="Learn The Basics"
44-
theme={{
45-
container: style.learnBasicsContainer,
46-
}}
47-
>
48-
<Accordion>
49-
<AccordionItem title="Joining the Blockchain Community">
50-
<Text>
51-
<p>
52-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
53-
</p>
54-
<p>
55-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
56-
</p>
57-
<JoinCommunity
58-
label="Join Now"
59-
theme={{ link: style.joinnow }}
60-
/>
61-
</Text>
62-
</AccordionItem>
63-
<AccordionItem title="How to sign up for work">
64-
<Text>
65-
<p>
66-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
67-
</p>
68-
<p>
69-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
70-
</p>
71-
</Text>
72-
</AccordionItem>
73-
<AccordionItem title="How to compete for work">
74-
<Text>
75-
<p>
76-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
77-
</p>
78-
<p>
79-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
80-
</p>
81-
</Text>
82-
</AccordionItem>
83-
<AccordionItem title="Payment & Rewards">
84-
<Text>
85-
<p>
86-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
87-
</p>
88-
<p>
89-
Nam dapibus nisl vitae elit fringilla rutrum. Aenean sollicitudin, erat a elementum rutrum, neque sem pretium metus, quis mollis nisl nunc et massa. Vestibulum sed metus in lorem tristique ullamcorper id vitae erat. Nulla mollis sapien sollicitudin lacinia lacinia. Vivamus facilisis dolor et massa placerat, at vestibulum nisl egestas. Nullam rhoncus lacus non odio luctus, eu condimentum mauris ultrices. Praesent blandit, augue a posuere aliquam, arcu tortor feugiat turpis,
90-
</p>
91-
</Text>
92-
</AccordionItem>
93-
</Accordion>
94-
</Section>
37+
<LearnTheBasics />
9538
<Section
9639
title="Learn More About Ethereum and Blockchain"
9740
theme={{

0 commit comments

Comments
 (0)