From 08ed496da05cf63254b8cd5e381f0d924da62a12 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 15:45:57 +0100 Subject: [PATCH 1/7] prototype components section --- data/components.yml | 11 ++++ src/components/Components.jsx | 87 +++++++++++++++++++++++++++ src/components/Components.module.scss | 40 ++++++++++++ src/pages/index.js | 3 + 4 files changed, 141 insertions(+) create mode 100644 data/components.yml create mode 100644 src/components/Components.jsx create mode 100644 src/components/Components.module.scss diff --git a/data/components.yml b/data/components.yml new file mode 100644 index 00000000..4b35525d --- /dev/null +++ b/data/components.yml @@ -0,0 +1,11 @@ +- name: 'Hello' + description: 'Hello' + links: + - name: 'Hello' + url: '#' + +- name: 'Hello' + description: 'Hello' + links: + - name: 'Hello' + url: '#' diff --git a/src/components/Components.jsx b/src/components/Components.jsx new file mode 100644 index 00000000..7903ea4b --- /dev/null +++ b/src/components/Components.jsx @@ -0,0 +1,87 @@ +import React from 'react' +import PropTypes from 'prop-types' +import { StaticQuery, graphql } from 'gatsby' +import styles from './Components.module.scss' + +const Component = ({ name, description, links }) => ( +
+

{name}

+

{description}

+ + +
+) + +Component.propTypes = { + name: PropTypes.string.isRequired, + description: PropTypes.string.isRequired, + links: PropTypes.array.isRequired +} + +const Components = () => ( + { + const components = data.allComponentsYaml.edges + + return ( +
+
+

+ Core Components +

+ +
+ {components.map(({ node }) => ( + + ))} +
+
+ +
+

Libraries

+ +
+ {components.map(({ node }) => ( + + ))} +
+
+
+ ) + }} + /> +) + +export default Components diff --git a/src/components/Components.module.scss b/src/components/Components.module.scss new file mode 100644 index 00000000..03c7d5a2 --- /dev/null +++ b/src/components/Components.module.scss @@ -0,0 +1,40 @@ +@import 'variables'; + +.components { + margin-top: $spacer * 2; + + @media (min-width: $break-point--medium) { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} + +.componentsList { + @media (min-width: $break-point--medium) { + flex: 0 0 45%; + } +} + +.componentsWrapper { + @media (min-width: $break-point--small) { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} + +.componentsTitle { + font-size: $font-size-h4; + color: $brand-grey-light; +} + +.component { + @media (min-width: $break-point--small) { + flex: 0 0 45%; + } +} + +.componentName { + font-size: $font-size-large; +} diff --git a/src/pages/index.js b/src/pages/index.js index 370a9594..c72b303a 100755 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -4,6 +4,7 @@ import { Link, graphql } from 'gatsby' import Layout from '../components/Layout' import Content from '../components/Content' import HeaderHome from '../components/HeaderHome' +import Components from '../components/Components' import { ReactComponent as Arrow } from '../images/arrow.svg' import styles from './index.module.scss' @@ -35,6 +36,8 @@ const IndexPage = ({ data, location }) => ( ))} + + ) From 2d42783f5ee70113c7ef787551c08a0a96c949a3 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 15:47:43 +0100 Subject: [PATCH 2/7] header fix --- src/components/Header.jsx | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/src/components/Header.jsx b/src/components/Header.jsx index 066192e3..ebe12d11 100755 --- a/src/components/Header.jsx +++ b/src/components/Header.jsx @@ -1,10 +1,9 @@ import React from 'react' -import PropTypes from 'prop-types' import { Link, StaticQuery, graphql } from 'gatsby' import { ReactComponent as Logo } from '@oceanprotocol/art/logo/logo-white.svg' import styles from './Header.module.scss' -const Header = ({ siteTitle }) => ( +const Header = () => ( ( /> ) -Header.propTypes = { - siteTitle: PropTypes.string -} - export default Header From 660aaf3d1792d58df1319584b948d4500c24871c Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 16:01:20 +0100 Subject: [PATCH 3/7] add dummy data for repos --- data/components.yml | 22 +++++---- src/components/Components.jsx | 67 ++++++++++++++++----------- src/components/Components.module.scss | 16 ++++++- 3 files changed, 70 insertions(+), 35 deletions(-) diff --git a/data/components.yml b/data/components.yml index 4b35525d..9fe7c367 100644 --- a/data/components.yml +++ b/data/components.yml @@ -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' diff --git a/src/components/Components.jsx b/src/components/Components.jsx index 7903ea4b..01028fff 100644 --- a/src/components/Components.jsx +++ b/src/components/Components.jsx @@ -47,35 +47,50 @@ const Components = () => ( return (
-
-

- Core Components -

- -
- {components.map(({ node }) => ( - - ))} -
+
+ + Wanna quickly get an Ocean network running on your + machine?{' '} + + Check out docker-images + + . +
-
-

Libraries

+
+
+

+ Core Components +

-
- {components.map(({ node }) => ( - - ))} +
+ {components.map(({ node }) => ( + + ))} +
+
+ +
+

+ Libraries +

+ +
+ {components.map(({ node }) => ( + + ))} +
diff --git a/src/components/Components.module.scss b/src/components/Components.module.scss index 03c7d5a2..81e74a5e 100644 --- a/src/components/Components.module.scss +++ b/src/components/Components.module.scss @@ -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; } From c34682abb20eac50919a0e4fcdbd0b92352037d1 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 16:44:04 +0100 Subject: [PATCH 4/7] more data --- data/components.yml | 50 ++++++++++++++++++++++----- src/components/Components.jsx | 6 ++-- src/components/Components.module.scss | 20 ++++++++++- 3 files changed, 63 insertions(+), 13 deletions(-) diff --git a/data/components.yml b/data/components.yml index 9fe7c367..8cbf00f8 100644 --- a/data/components.yml +++ b/data/components.yml @@ -1,17 +1,49 @@ -- name: 'keeper-contracts' +- name: keeper-contracts description: 'πŸ’§ Integration of TCRs, CPM and Ocean Tokens in Solidity' links: - - name: 'GitHub' - url: 'https://github.com/oceanprotocol/keeper-contracts' + - name: GitHub + url: https://github.com/oceanprotocol/keeper-contracts + - name: Documentation + url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc -- name: 'aquarius' +- name: aquarius description: 'πŸ‹ Ocean Metadata API' links: - - name: 'GitHub' - url: 'https://github.com/oceanprotocol/aquarius' + - name: GitHub + url: https://github.com/oceanprotocol/aquarius -- name: 'pleuston' +- name: brizo + description: 'Helping publishers to expose their services' + links: + - name: GitHub + url: https://github.com/oceanprotocol/brizo + +- name: pleuston description: 'πŸ¦„ Web app for consumers to explore, download, and publish data assets.' links: - - name: 'GitHub' - url: 'https://github.com/oceanprotocol/pleuston' + - name: GitHub + url: https://github.com/oceanprotocol/pleuston + +- name: squid-js + description: 'πŸ¦‘ JavaScript client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-js + +- name: squid-py + description: 'πŸ¦‘ Python client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-py + +- name: squid-java + description: 'πŸ¦‘ Java client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-java + +- name: secret-store-client-js + description: 'πŸ”‘JavaScript implementation of the parity secret store for use in ocean.' + links: + - name: GitHub + url: https://github.com/oceanprotocol/secret-store-client-js diff --git a/src/components/Components.jsx b/src/components/Components.jsx index 01028fff..d6093b3e 100644 --- a/src/components/Components.jsx +++ b/src/components/Components.jsx @@ -8,7 +8,7 @@ const Component = ({ name, description, links }) => (

{name}

{description}

-
    +
      {links.map(link => (
    • {link.name} @@ -50,9 +50,9 @@ const Components = () => (
      Wanna quickly get an Ocean network running on your - machine?{' '} + machine? Check out{' '} - Check out docker-images + 🐳 docker-images . diff --git a/src/components/Components.module.scss b/src/components/Components.module.scss index 81e74a5e..08042fa0 100644 --- a/src/components/Components.module.scss +++ b/src/components/Components.module.scss @@ -38,7 +38,7 @@ } .component { - padding: $spacer / 2; + padding: $spacer / $line-height; border: 1px solid $brand-grey-lighter; border-radius: $border-radius; margin-bottom: 5%; @@ -52,3 +52,21 @@ font-size: $font-size-large; margin-top: 0; } + +.componentLinks { + margin: 0; + padding: 0; + margin-left: -($spacer / 2); + + li { + display: inline-block; + padding: 0; + margin-left: $spacer / 2; + + &:before { display: none; } + } + + a { + + } +} From cf8ed79064dbeb21a47f9c434363fa60c34f2eea Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 17:04:53 +0100 Subject: [PATCH 5/7] components splitup --- data/components.yml | 88 ++++++++++++++++--------------- src/components/Components.jsx | 98 +++++++++++++++++------------------ 2 files changed, 94 insertions(+), 92 deletions(-) diff --git a/data/components.yml b/data/components.yml index 8cbf00f8..d33216bd 100644 --- a/data/components.yml +++ b/data/components.yml @@ -1,49 +1,53 @@ -- name: keeper-contracts - description: 'πŸ’§ Integration of TCRs, CPM and Ocean Tokens in Solidity' - links: - - name: GitHub - url: https://github.com/oceanprotocol/keeper-contracts - - name: Documentation - url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc +- group: Core Components + items: + - name: keeper-contracts + description: 'πŸ’§ Integration of TCRs, CPM and Ocean Tokens in Solidity' + links: + - name: GitHub + url: https://github.com/oceanprotocol/keeper-contracts + - name: Documentation + url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc -- name: aquarius - description: 'πŸ‹ Ocean Metadata API' - links: - - name: GitHub - url: https://github.com/oceanprotocol/aquarius + - name: aquarius + description: 'πŸ‹ Ocean Metadata API' + links: + - name: GitHub + url: https://github.com/oceanprotocol/aquarius -- name: brizo - description: 'Helping publishers to expose their services' - links: - - name: GitHub - url: https://github.com/oceanprotocol/brizo + - name: brizo + description: 'Helping publishers to expose their services' + links: + - name: GitHub + url: https://github.com/oceanprotocol/brizo -- name: pleuston - description: 'πŸ¦„ Web app for consumers to explore, download, and publish data assets.' - links: - - name: GitHub - url: https://github.com/oceanprotocol/pleuston + - name: pleuston + description: 'πŸ¦„ Web app for consumers to explore, download, and publish data assets.' + links: + - name: GitHub + url: https://github.com/oceanprotocol/pleuston -- name: squid-js - description: 'πŸ¦‘ JavaScript client library for Ocean Protocol' - links: - - name: GitHub - url: https://github.com/oceanprotocol/squid-js +- group: Libraries + items: + - name: squid-js + description: 'πŸ¦‘ JavaScript client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-js -- name: squid-py - description: 'πŸ¦‘ Python client library for Ocean Protocol' - links: - - name: GitHub - url: https://github.com/oceanprotocol/squid-py + - name: squid-py + description: 'πŸ¦‘ Python client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-py -- name: squid-java - description: 'πŸ¦‘ Java client library for Ocean Protocol' - links: - - name: GitHub - url: https://github.com/oceanprotocol/squid-java + - name: squid-java + description: 'πŸ¦‘ Java client library for Ocean Protocol' + links: + - name: GitHub + url: https://github.com/oceanprotocol/squid-java -- name: secret-store-client-js - description: 'πŸ”‘JavaScript implementation of the parity secret store for use in ocean.' - links: - - name: GitHub - url: https://github.com/oceanprotocol/secret-store-client-js + - name: secret-store-client-js + description: 'πŸ”‘JavaScript implementation of the parity secret store for use in ocean.' + links: + - name: GitHub + url: https://github.com/oceanprotocol/secret-store-client-js diff --git a/src/components/Components.jsx b/src/components/Components.jsx index d6093b3e..850272be 100644 --- a/src/components/Components.jsx +++ b/src/components/Components.jsx @@ -24,6 +24,44 @@ Component.propTypes = { links: PropTypes.array.isRequired } +const ComponentsList = ({ components }) => ( +
      + {components.map(({ node }) => ( +
      +

      {node.group}

      + +
      + {node.items.map(item => ( + + ))} +
      +
      + ))} +
      +) + +ComponentsList.propTypes = { + components: PropTypes.array.isRequired +} + +const QuickRun = () => ( +
      + + Wanna quickly get an Ocean network running on your machine? Check + out{' '} + + 🐳 docker-images + + . + +
      +) + const Components = () => ( ( allComponentsYaml { edges { node { - name - description - links { + id + group + items { name - url + description + links { + name + url + } } } } @@ -47,52 +89,8 @@ const Components = () => ( return (
      -
      - - Wanna quickly get an Ocean network running on your - machine? Check out{' '} - - 🐳 docker-images - - . - -
      - -
      -
      -

      - Core Components -

      - -
      - {components.map(({ node }) => ( - - ))} -
      -
      - -
      -

      - Libraries -

      - -
      - {components.map(({ node }) => ( - - ))} -
      -
      -
      + +
      ) }} From 07fd09f4d9cdb7c7c0166a73f2be567f61289411 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 17:17:14 +0100 Subject: [PATCH 6/7] rename and refactor --- data/{components.yml => repositories.yml} | 0 src/components/Components.jsx | 100 ------------------ src/components/Components.module.scss | 72 ------------- src/components/Repositories/Repository.jsx | 26 +++++ .../Repositories/Repository.module.scss | 31 ++++++ .../Repositories/RepositoryList.jsx | 31 ++++++ .../Repositories/RepositoryList.module.scss | 28 +++++ src/components/Repositories/index.jsx | 54 ++++++++++ src/components/Repositories/index.module.scss | 11 ++ src/pages/index.js | 4 +- 10 files changed, 183 insertions(+), 174 deletions(-) rename data/{components.yml => repositories.yml} (100%) delete mode 100644 src/components/Components.jsx delete mode 100644 src/components/Components.module.scss create mode 100644 src/components/Repositories/Repository.jsx create mode 100644 src/components/Repositories/Repository.module.scss create mode 100644 src/components/Repositories/RepositoryList.jsx create mode 100644 src/components/Repositories/RepositoryList.module.scss create mode 100644 src/components/Repositories/index.jsx create mode 100644 src/components/Repositories/index.module.scss diff --git a/data/components.yml b/data/repositories.yml similarity index 100% rename from data/components.yml rename to data/repositories.yml diff --git a/src/components/Components.jsx b/src/components/Components.jsx deleted file mode 100644 index 850272be..00000000 --- a/src/components/Components.jsx +++ /dev/null @@ -1,100 +0,0 @@ -import React from 'react' -import PropTypes from 'prop-types' -import { StaticQuery, graphql } from 'gatsby' -import styles from './Components.module.scss' - -const Component = ({ name, description, links }) => ( -
      -

      {name}

      -

      {description}

      - - -
      -) - -Component.propTypes = { - name: PropTypes.string.isRequired, - description: PropTypes.string.isRequired, - links: PropTypes.array.isRequired -} - -const ComponentsList = ({ components }) => ( -
      - {components.map(({ node }) => ( -
      -

      {node.group}

      - -
      - {node.items.map(item => ( - - ))} -
      -
      - ))} -
      -) - -ComponentsList.propTypes = { - components: PropTypes.array.isRequired -} - -const QuickRun = () => ( -
      - - Wanna quickly get an Ocean network running on your machine? Check - out{' '} - - 🐳 docker-images - - . - -
      -) - -const Components = () => ( - { - const components = data.allComponentsYaml.edges - - return ( -
      - - -
      - ) - }} - /> -) - -export default Components diff --git a/src/components/Components.module.scss b/src/components/Components.module.scss deleted file mode 100644 index 08042fa0..00000000 --- a/src/components/Components.module.scss +++ /dev/null @@ -1,72 +0,0 @@ -@import 'variables'; - -.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; - justify-content: space-between; - } -} - -.componentsList { - @media (min-width: $break-point--medium) { - flex: 0 0 45%; - } -} - -.componentsWrapper { - @media (min-width: $break-point--small) { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - } -} - -.componentsTitle { - font-size: $font-size-h4; - color: $brand-grey-light; -} - -.component { - padding: $spacer / $line-height; - border: 1px solid $brand-grey-lighter; - border-radius: $border-radius; - margin-bottom: 5%; - - @media (min-width: $break-point--small) { - flex: 0 0 100%; - } -} - -.componentName { - font-size: $font-size-large; - margin-top: 0; -} - -.componentLinks { - margin: 0; - padding: 0; - margin-left: -($spacer / 2); - - li { - display: inline-block; - padding: 0; - margin-left: $spacer / 2; - - &:before { display: none; } - } - - a { - - } -} diff --git a/src/components/Repositories/Repository.jsx b/src/components/Repositories/Repository.jsx new file mode 100644 index 00000000..d383d351 --- /dev/null +++ b/src/components/Repositories/Repository.jsx @@ -0,0 +1,26 @@ +import React from 'react' +import PropTypes from 'prop-types' +import styles from './Repository.module.scss' + +const Repository = ({ name, description, links }) => ( +
      +

      {name}

      +

      {description}

      + + +
      +) + +Repository.propTypes = { + name: PropTypes.string.isRequired, + description: PropTypes.string.isRequired, + links: PropTypes.array.isRequired +} + +export default Repository diff --git a/src/components/Repositories/Repository.module.scss b/src/components/Repositories/Repository.module.scss new file mode 100644 index 00000000..22d68929 --- /dev/null +++ b/src/components/Repositories/Repository.module.scss @@ -0,0 +1,31 @@ +@import 'variables'; + +.repository { + padding: $spacer / $line-height; + border: 1px solid $brand-grey-lighter; + border-radius: $border-radius; + margin-bottom: 5%; + + @media (min-width: $break-point--small) { + flex: 0 0 100%; + } +} + +.repositoryName { + font-size: $font-size-large; + margin-top: 0; +} + +.repositoryLinks { + margin: 0; + padding: 0; + margin-left: -($spacer / 2); + + li { + display: inline-block; + padding: 0; + margin-left: $spacer / 2; + + &:before { display: none; } + } +} diff --git a/src/components/Repositories/RepositoryList.jsx b/src/components/Repositories/RepositoryList.jsx new file mode 100644 index 00000000..f4579c5d --- /dev/null +++ b/src/components/Repositories/RepositoryList.jsx @@ -0,0 +1,31 @@ +import React from 'react' +import PropTypes from 'prop-types' +import Repository from './Repository' +import styles from './RepositoryList.module.scss' + +const RepositoryList = ({ repositories }) => ( +
      + {repositories.map(({ node }) => ( +
      +

      {node.group}

      + +
      + {node.items.map(item => ( + + ))} +
      +
      + ))} +
      +) + +RepositoryList.propTypes = { + repositories: PropTypes.array.isRequired +} + +export default RepositoryList diff --git a/src/components/Repositories/RepositoryList.module.scss b/src/components/Repositories/RepositoryList.module.scss new file mode 100644 index 00000000..9c8dc97b --- /dev/null +++ b/src/components/Repositories/RepositoryList.module.scss @@ -0,0 +1,28 @@ +@import 'variables'; + +.repositoryLists { + @media (min-width: $break-point--medium) { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} + +.repositoryList { + @media (min-width: $break-point--medium) { + flex: 0 0 45%; + } +} + +.repositoryWrapper { + @media (min-width: $break-point--small) { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } +} + +.repositoryListTitle { + font-size: $font-size-h4; + color: $brand-grey-light; +} diff --git a/src/components/Repositories/index.jsx b/src/components/Repositories/index.jsx new file mode 100644 index 00000000..e6d5a8a5 --- /dev/null +++ b/src/components/Repositories/index.jsx @@ -0,0 +1,54 @@ +import React from 'react' +import { StaticQuery, graphql } from 'gatsby' +import RepositoryList from './RepositoryList' +import styles from './index.module.scss' + +const QuickRun = () => ( +
      + + Wanna quickly get an Ocean network running on your machine? Check + out{' '} + + 🐳 docker-images + + . + +
      +) + +const Repositories = () => ( + { + const repositories = data.allRepositoriesYaml.edges + + return ( +
      + + +
      + ) + }} + /> +) + +export default Repositories diff --git a/src/components/Repositories/index.module.scss b/src/components/Repositories/index.module.scss new file mode 100644 index 00000000..abed0762 --- /dev/null +++ b/src/components/Repositories/index.module.scss @@ -0,0 +1,11 @@ +@import 'variables'; + +.repositories { + margin-top: $spacer * 2; +} + +.quickrun { + padding-top: $spacer * 2; + padding-bottom: $spacer * 2; + text-align: center; +} diff --git a/src/pages/index.js b/src/pages/index.js index c72b303a..3e6c87ae 100755 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -4,7 +4,7 @@ import { Link, graphql } from 'gatsby' import Layout from '../components/Layout' import Content from '../components/Content' import HeaderHome from '../components/HeaderHome' -import Components from '../components/Components' +import Repositories from '../components/Repositories' import { ReactComponent as Arrow } from '../images/arrow.svg' import styles from './index.module.scss' @@ -37,7 +37,7 @@ const IndexPage = ({ data, location }) => ( ))}
    - + ) From afef8b15b59533968fa6a851ff374f238b881c24 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Fri, 9 Nov 2018 17:44:24 +0100 Subject: [PATCH 7/7] hightlight docker-imageas, more repos --- content/test.md | 7 +++++++ data/repositories.yml | 12 ++++++++++-- src/components/Repositories/index.jsx | 15 +++++++++++++-- src/components/Repositories/index.module.scss | 9 ++++++++- src/styles/global.scss | 4 ++-- 5 files changed, 40 insertions(+), 7 deletions(-) diff --git a/content/test.md b/content/test.md index 6d52825f..8efea735 100644 --- a/content/test.md +++ b/content/test.md @@ -196,6 +196,13 @@ But let's throw in a <b>tag</b>. ``` +```bash +git clone https://github.com/oceanprotocol/docker-images.git +cd docker-images/ + +./start_ocean.sh --latest +``` + ```js const { Ocean, Logger } = require('@oceanprotocol/squid'); diff --git a/data/repositories.yml b/data/repositories.yml index d33216bd..a5d722e7 100644 --- a/data/repositories.yml +++ b/data/repositories.yml @@ -9,10 +9,12 @@ url: https://github.com/oceanprotocol/keeper-contracts/tree/develop/doc - name: aquarius - description: 'πŸ‹ Ocean Metadata API' + description: 'πŸ‹ Provides an off-chain database store for metadata about data assets.' links: - name: GitHub url: https://github.com/oceanprotocol/aquarius + - name: API reference + url: https://github.com/oceanprotocol/aquarius/blob/develop/docs/for_api_users/API.md - name: brizo description: 'Helping publishers to expose their services' @@ -47,7 +49,13 @@ url: https://github.com/oceanprotocol/squid-java - name: secret-store-client-js - description: 'πŸ”‘JavaScript implementation of the parity secret store for use in ocean.' + description: 'πŸ”‘ JavaScript implementation of the parity secret store for use in ocean.' links: - name: GitHub url: https://github.com/oceanprotocol/secret-store-client-js + + - name: secret-store-client-py + description: 'πŸ”‘ Parity Secret Store Python Client' + links: + - name: GitHub + url: https://github.com/oceanprotocol/secret-store-client-py diff --git a/src/components/Repositories/index.jsx b/src/components/Repositories/index.jsx index e6d5a8a5..74b87eb9 100644 --- a/src/components/Repositories/index.jsx +++ b/src/components/Repositories/index.jsx @@ -6,13 +6,24 @@ import styles from './index.module.scss' const QuickRun = () => (
    - Wanna quickly get an Ocean network running on your machine? Check - out{' '} + Wanna quickly get an Ocean network with all core components running + on your machine? Check out{' '} 🐳 docker-images . + 
    +            
+                git clone
+                https://github.com/oceanprotocol/docker-images.git
+                
    
+                cd docker-images/
+                
    
+                
    
+                ./start_ocean.sh --latest
+                
+
    ) diff --git a/src/components/Repositories/index.module.scss b/src/components/Repositories/index.module.scss index abed0762..8cf73625 100644 --- a/src/components/Repositories/index.module.scss +++ b/src/components/Repositories/index.module.scss @@ -6,6 +6,13 @@ .quickrun { padding-top: $spacer * 2; - padding-bottom: $spacer * 2; + padding-bottom: $spacer; text-align: center; + max-width: $break-point--small; + margin: auto; + + pre { + text-align: left; + margin-top: $spacer / $line-height; + } } diff --git a/src/styles/global.scss b/src/styles/global.scss index b77875d8..2b4cbe1f 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -275,12 +275,12 @@ pre { ///////////////////////////////////// ::-moz-selection { - background: $brand-black; + background: $brand-grey-light; color: #fff; } ::selection { - background: $brand-black; + background: $brand-grey-light; color: #fff; }