Skip to content

Commit 7d5e352

Browse files
birdofpreyrubirdofpreyru
committed
Update of blockchain community's Learn page
1 parent d3bf2c8 commit 7d5e352

File tree

3 files changed

+126
-59
lines changed

3 files changed

+126
-59
lines changed

‎src/shared/components/tc-communities/ArticleCard2/style.scss

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,6 @@
44
background: #fff;
55
border-radius: 4px;
66
box-shadow: 0 6px 20px 0 rgba(101, 101, 112, 0.2);
7-
height: 450px;
87
width: 300px;
98

109
@include sm {

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

Lines changed: 109 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -124,76 +124,129 @@ export default function Learn() {
124124
content: style.coursesContent,
125125
}}
126126
>
127-
<iframe
128-
styleName="historyOfBlockchainVideo"
129-
src="https://www.youtube.com/embed/7Y3fWXA6d5k"
130-
title="History of Blockchain"
131-
/>
127+
<div styleName="historyOfBlockchainVideoWrapper">
128+
<iframe
129+
styleName="historyOfBlockchainVideo"
130+
src="https://www.youtube.com/embed/TDGq4aeevgY"
131+
title="Vitalik Buterin explains Ethereum"
132+
/>
133+
</div>
134+
<div styleName="historyOfBlockchainVideoWrapper">
135+
<iframe
136+
styleName="historyOfBlockchainVideo"
137+
src="https://www.youtube.com/embed/j23HnORQXvs"
138+
title="Ethereum: the World Computer"
139+
/>
140+
</div>
132141
<ArticleCard
133142
title="History and Promise of Blockchain"
134143
imageSrc="/community-app-assets/themes/blockchain/learn/courses-01.jpg"
135144
>
136-
<p styleName="linksList">
137-
<a
138-
href="https://hbr.org/2017/02/a-brief-history-of-blockchain"
139-
rel="noopener noreferrer"
140-
target="_blank"
141-
>A Brief History of Blockchain</a>
142-
<a
143-
href="https://hbr.org/2017/03/the-promise-of-blockchain-is-a-world-without-middlemen"
144-
rel="noopener noreferrer"
145-
target="_blank"
146-
>A World Without Middleman</a>
147-
</p>
145+
<ul styleName="linksList">
146+
<li>
147+
<a
148+
href="https://hbr.org/2017/02/a-brief-history-of-blockchain"
149+
rel="noopener noreferrer"
150+
target="_blank"
151+
>A Brief History of Blockchain</a>
152+
</li>
153+
<li>
154+
<a
155+
href="https://www.youtube.com/embed/7Y3fWXA6d5k"
156+
>History of Blockchain (Video)</a>
157+
</li>
158+
<li>
159+
<a
160+
href="https://hbr.org/2017/03/the-promise-of-blockchain-is-a-world-without-middlemen"
161+
rel="noopener noreferrer"
162+
target="_blank"
163+
>A World Without Middleman</a>
164+
</li>
165+
<li>
166+
<a
167+
href="https://medium.com/@mattcondon/getting-up-to-speed-on-ethereum-63ed28821bbe"
168+
rel="noopener noreferrer"
169+
target="_blank"
170+
>Getting Up to Speed on Ethereum</a>
171+
</li>
172+
</ul>
148173
</ArticleCard>
149174
<ArticleCard
150175
title="Principles of Decentralization"
151176
imageSrc="/community-app-assets/themes/blockchain/learn/courses-02.jpg"
152177
>
153-
<p styleName="linksList">
154-
<a
155-
href="https://medium.com/@VitalikButerin/the-meaning-of-decentralization-a0c92b76a274"
156-
rel="noopener noreferrer"
157-
target="_blank"
158-
>The Meaning of Decentralization</a>
159-
<a
160-
href="https://medium.com/@ConsenSys/welcome-to-3-0-f4552fb02302"
161-
rel="noopener noreferrer"
162-
target="_blank"
163-
>Welcome to 3.0</a>
164-
</p>
178+
<ul styleName="linksList">
179+
<li>
180+
<a
181+
href="https://www.coindesk.com/information/what-is-ethereum/"
182+
rel="noopener noreferrer"
183+
target="_blank"
184+
>What Is Ethereum</a>
185+
</li>
186+
<li>
187+
<a
188+
href="https://medium.com/@VitalikButerin/the-meaning-of-decentralization-a0c92b76a274"
189+
rel="noopener noreferrer"
190+
target="_blank"
191+
>The Meaning of Decentralization</a>
192+
</li>
193+
<li>
194+
<a
195+
href="https://medium.com/@ConsenSys/welcome-to-3-0-f4552fb02302"
196+
rel="noopener noreferrer"
197+
target="_blank"
198+
>Welcome to 3.0</a>
199+
</li>
200+
<li>
201+
<a
202+
href="https://medium.com/@wen_xs/what-is-blockchain-really-an-intro-for-regular-people-e51578d98a96"
203+
rel="noopener noreferrer"
204+
target="_blank"
205+
>What Is Blockchain, Really? (An&nbsp;Intro For Regular People)</a>
206+
</li>
207+
</ul>
165208
</ArticleCard>
166209
<ArticleCard
167210
title="Technical Basics of Blockchain"
168211
imageSrc="/community-app-assets/themes/blockchain/learn/courses-03.jpg"
169212
>
170-
<p styleName="linksList">
171-
<a
172-
href="https://www.youtube.com/embed/fgSvXFZ1GuU?start=1005&end=1187&version=3"
173-
rel="noopener noreferrer"
174-
target="_blank"
175-
>Cryptographic Identity in Blockchain</a>
176-
<a
177-
href="https://www.youtube.com/watch?v=Aq3a-_O2NcI&feature=youtu.be"
178-
rel="noopener noreferrer"
179-
target="_blank"
180-
>Bitcoin - Digital Signatures</a>
181-
<a
182-
href="https://decentralize.today/if-you-understand-hash-functions-youll-understand-blockchains-9088307b745d"
183-
rel="noopener noreferrer"
184-
target="_blank"
185-
>Hash Functions</a>
186-
<a
187-
href="https://medium.com/@ConsenSys/blockchain-underpinnings-hashing-7f4746cbd66b"
188-
rel="noopener noreferrer"
189-
target="_blank"
190-
>Blockchain Underpinnings: Hashing</a>
191-
<a
192-
href="https://media.consensys.net/guide-hashing-33dc0467c126"
193-
rel="noopener noreferrer"
194-
target="_blank"
195-
>Guide: Hashing</a>
196-
</p>
213+
<ul styleName="linksList">
214+
<li>
215+
<a
216+
href="https://www.youtube.com/embed/fgSvXFZ1GuU?start=1005&end=1187&version=3"
217+
rel="noopener noreferrer"
218+
target="_blank"
219+
>Cryptographic Identity in Blockchain</a>
220+
</li>
221+
<li>
222+
<a
223+
href="https://www.youtube.com/watch?v=Aq3a-_O2NcI&feature=youtu.be"
224+
rel="noopener noreferrer"
225+
target="_blank"
226+
>Bitcoin - Digital Signatures</a>
227+
</li>
228+
<li>
229+
<a
230+
href="https://decentralize.today/if-you-understand-hash-functions-youll-understand-blockchains-9088307b745d"
231+
rel="noopener noreferrer"
232+
target="_blank"
233+
>Hash Functions</a>
234+
</li>
235+
<li>
236+
<a
237+
href="https://medium.com/@ConsenSys/blockchain-underpinnings-hashing-7f4746cbd66b"
238+
rel="noopener noreferrer"
239+
target="_blank"
240+
>Blockchain Underpinnings: Hashing</a>
241+
</li>
242+
<li>
243+
<a
244+
href="https://media.consensys.net/guide-hashing-33dc0467c126"
245+
rel="noopener noreferrer"
246+
target="_blank"
247+
>Guide: Hashing</a>
248+
</li>
249+
</ul>
197250
</ArticleCard>
198251
</Section>
199252

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

Lines changed: 17 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,9 @@
9292
.linksList {
9393
@include body-text;
9494

95+
list-style: disc;
96+
margin-left: 6px;
97+
9598
a {
9699
@include link;
97100

@@ -100,7 +103,19 @@
100103
}
101104

102105
.historyOfBlockchainVideo {
103-
height: 40vw;
104-
margin-bottom: 24px;
106+
position: absolute;
105107
width: 100%;
108+
height: 100%;
109+
}
110+
111+
.historyOfBlockchainVideoWrapper {
112+
margin-bottom: 24px;
113+
padding-bottom: 33%;
114+
position: relative;
115+
width: 49%;
116+
117+
@include xxs-to-sm {
118+
padding-bottom: 66%;
119+
width: 100%;
120+
}
106121
}

0 commit comments

Comments
 (0)