oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-06-29 00:58:02 +02:00
Code Releases Activity

add dummy data for repos

Browse Source
This commit is contained in:
Matthias Kretschmann 2018-11-09 16:01:20 +01:00
parent 2d42783f5e
commit 660aaf3d17
Signed by: m
GPG Key ID: 606EEEF3C479A91F
3 changed files with 70 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
data/components.yml
View File

@ -1,11 +1,17 @@
- name: 'Hello'
description: 'Hello'
- name: 'keeper-contracts'
description: '💧 Integration of TCRs, CPM and Ocean Tokens in Solidity'
links:
- name: 'Hello'
url: '#'
- name: 'GitHub'
url: 'https://github.com/oceanprotocol/keeper-contracts'
- name: 'Hello'
description: 'Hello'
- name: 'aquarius'
description: '🐋 Ocean Metadata API'
links:
- name: 'Hello'
url: '#'
- name: 'GitHub'
url: 'https://github.com/oceanprotocol/aquarius'
- name: 'pleuston'
description: '🦄 Web app for consumers to explore, download, and publish data assets.'
links:
- name: 'GitHub'
url: 'https://github.com/oceanprotocol/pleuston'

67
src/components/Components.jsx
View File

@ -47,35 +47,50 @@ const Components = () => (
return (
<div className={styles.components}>
<div className={styles.componentsList}>
<h3 className={styles.componentsTitle}>
Core Components
</h3>
<div className={styles.componentsWrapper}>
{components.map(({ node }) => (
<Component
key={node.name}
name={node.name}
description={node.description}
links={node.links}
/>
))}
</div>
<div className={styles.quickrun}>
<strong>
Wanna quickly get an Ocean network running on your
machine?{' '}
<a href="https://github.com/oceanprotocol/docker-images">
Check out docker-images
</a>
.
</strong>
</div>
<div className={styles.componentsList}>
<h3 className={styles.componentsTitle}>Libraries</h3>
<div className={styles.componentsLists}>
<div className={styles.componentsList}>
<h3 className={styles.componentsTitle}>
Core Components
</h3>
<div className={styles.componentsWrapper}>
{components.map(({ node }) => (
<Component
key={node.name}
name={node.name}
description={node.description}
links={node.links}
/>
))}
<div className={styles.componentsWrapper}>
{components.map(({ node }) => (
<Component
key={node.name}
name={node.name}
description={node.description}
links={node.links}
/>
))}
</div>
</div>
<div className={styles.componentsList}>
<h3 className={styles.componentsTitle}>
Libraries
</h3>
<div className={styles.componentsWrapper}>
{components.map(({ node }) => (
<Component
key={node.name}
name={node.name}
description={node.description}
links={node.links}
/>
))}
</div>
</div>
</div>
</div>

16
src/components/Components.module.scss
View File

@ -2,7 +2,15 @@
.components {
margin-top: $spacer * 2;
}
.quickrun {
padding-top: $spacer * 2;
padding-bottom: $spacer * 2;
text-align: center;
}
.componentsLists {
@media (min-width: $break-point--medium) {
display: flex;
flex-wrap: wrap;
@ -30,11 +38,17 @@
}
.component {
padding: $spacer / 2;
border: 1px solid $brand-grey-lighter;
border-radius: $border-radius;
margin-bottom: 5%;
@media (min-width: $break-point--small) {
flex: 0 0 45%;
flex: 0 0 100%;
}
}
.componentName {
font-size: $font-size-large;
margin-top: 0;
}