oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-11-26 19:49:26 +01: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' - name: 'keeper-contracts'
description: 'Hello' description: '💧 Integration of TCRs, CPM and Ocean Tokens in Solidity'
links: links:
- name: 'Hello' - name: 'GitHub'
url: '#' url: 'https://github.com/oceanprotocol/keeper-contracts'
- name: 'Hello' - name: 'aquarius'
description: 'Hello' description: '🐋 Ocean Metadata API'
links: links:
- name: 'Hello' - name: 'GitHub'
url: '#' 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 ( return (
<div className={styles.components}> <div className={styles.components}>
<div className={styles.componentsList}> <div className={styles.quickrun}>
<h3 className={styles.componentsTitle}> <strong>
Core Components Wanna quickly get an Ocean network running on your
</h3> machine?{' '}
<a href="https://github.com/oceanprotocol/docker-images">
<div className={styles.componentsWrapper}> Check out docker-images
{components.map(({ node }) => ( </a>
<Component .
key={node.name} </strong>
name={node.name}
description={node.description}
links={node.links}
/>
))}
</div>
</div> </div>
<div className={styles.componentsList}> <div className={styles.componentsLists}>
<h3 className={styles.componentsTitle}>Libraries</h3> <div className={styles.componentsList}>
<h3 className={styles.componentsTitle}>
Core Components
</h3>
<div className={styles.componentsWrapper}> <div className={styles.componentsWrapper}>
{components.map(({ node }) => ( {components.map(({ node }) => (
<Component <Component
key={node.name} key={node.name}
name={node.name} name={node.name}
description={node.description} description={node.description}
links={node.links} 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> </div>
</div> </div>

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

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