oceanprotocol/commons
1
0
Fork 0
mirror of https://github.com/oceanprotocol/commons.git synced 2023-03-15 18:03:00 +01:00
Code Releases Activity

channel teaser tweaks, new copy

Browse Source
This commit is contained in:
Matthias Kretschmann 2019-05-24 13:29:31 +02:00
parent 6a3efe9d16
commit 64304644f4
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 14 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/atoms/CategoryImage.module.scss
View File

@ -16,7 +16,7 @@
.header {
composes: categoryImage;
height: 8rem;
margin-top: $spacer;
margin-top: $spacer / $line-height;
}
.dimmed {

7
client/src/components/organisms/ChannelTeaser.module.scss
View File

@ -16,7 +16,7 @@
margin-right: $spacer;
}
p {
p:last-child {
margin-bottom: 0;
}
}
@ -39,6 +39,7 @@
.channelTitle {
margin-top: $spacer * 4;
margin-bottom: $spacer / 4;
color: $brand-black;
@media (min-width: $break-point--medium) {
margin-top: -($spacer / 4);
@ -69,6 +70,10 @@
}
}
.channelTeaser {
color: $brand-grey;
}
.channelResults {
display: grid;
grid-template-columns: 1fr;

6
client/src/components/organisms/ChannelTeaser.tsx
View File

@ -75,10 +75,12 @@ export default class ChannelTeaser extends Component<
<div>
<header className={styles.channelHeader}>
<Link to={`/channels/${slug}`}>
<h2 className={styles.channelTitle}>{title} →</h2>
<h2 className={styles.channelTitle}>{title}</h2>
<CategoryImage category={title} />
<p className={styles.channelTeaser}>{teaser}</p>
<p>Browse the channel →</p>
</Link>
<p>{teaser}</p>
</header>
</div>
<div>

2
client/src/components/templates/Route.module.scss
View File

@ -13,6 +13,7 @@
font-size: $font-size-h1;
}
// category image
+ div:not(.description) {
margin-bottom: $spacer;
}
@ -21,4 +22,5 @@
.description {
margin-top: $spacer / 2;
font-size: $font-size-large;
color: $brand-grey;
}

2
client/src/data/channels.json
View File

@ -6,7 +6,7 @@
"title": "AI For Good",
"slug": "ai-for-good",
"teaser": "AI for Good is an initiative to promote the use of artificial intelligence for good causes.",
"description": "AI for Good is an initiative to promote the use of artificial intelligence for good causes, such as fighting poverty, climate change, improving healthcare, safer transportation, and so on. The [AI for Good Global Summit](https://aiforgood.itu.int) is the leading United Nations platform for global and inclusive dialogue on AI. The Summit is hosted each year in Geneva by the ITU in partnership with UN Sister agencies, XPRIZE Foundation and ACM."
"description": "[AI for Good](https://ai4good.org) is an initiative to promote the use of artificial intelligence for taking action on the UN SDGs such as fighting poverty, climate change, improving healthcare, etc. The AI for Good Commons channel is aimed at helping scale AI for Good by enabling open datasets to be published and shared and connecting AI problem owners with problem solvers."
},
{
"title": "Test Channel",