{name}
+{!description ? '...' : description}
diff --git a/README.md b/README.md
index c65a105e..187b6dba 100644
--- a/README.md
+++ b/README.md
@@ -85,7 +85,7 @@ Additional information about a repo will then be fetched automatically via [GitH
The above example will result in:
-
+
Additionally, you can attach multiple links to a repo. The GitHub link is automatically added for every repository and will always be displayed. Add more links like so:
diff --git a/src/components/Repositories/QuickRun.jsx b/src/components/Repositories/QuickRun.jsx
new file mode 100644
index 00000000..ec18ad5e
--- /dev/null
+++ b/src/components/Repositories/QuickRun.jsx
@@ -0,0 +1,40 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { Link } from 'gatsby'
+import Repository from './Repository'
+import styles from './QuickRun.module.scss'
+
+const QuickRun = ({ name }) => (
+
+)
+
+QuickRun.propTypes = {
+ name: PropTypes.string.isRequired
+}
+
+export default QuickRun
diff --git a/src/components/Repositories/QuickRun.module.scss b/src/components/Repositories/QuickRun.module.scss
new file mode 100644
index 00000000..3a53f772
--- /dev/null
+++ b/src/components/Repositories/QuickRun.module.scss
@@ -0,0 +1,55 @@
+@import 'variables';
+
+.quickrun {
+ padding-top: $spacer;
+ padding-bottom: $spacer * 2.5;
+ text-align: center;
+
+ pre {
+ text-align: left;
+ margin-top: $spacer / $line-height;
+ }
+}
+
+.header,
+.docker {
+ margin: auto;
+
+ @media (min-width: $break-point--medium) {
+ max-width: 33rem;
+ }
+}
+
+.header {
+ margin-bottom: $spacer;
+}
+
+.docker {
+ @media (min-width: $break-point--large) {
+ max-width: none;
+ display: flex;
+ justify-content: space-between;
+
+ > pre,
+ > article {
+ flex: 0 0 48%;
+ margin: 0 !important; // stylelint-disable-line
+ }
+
+ pre {
+ display: flex;
+ align-items: center;
+
+ > code {
+ padding: $spacer / $line-height;
+ }
+ }
+ }
+}
+
+.tldr {
+ display: block;
+ margin-bottom: $spacer / 2;
+ color: $brand-grey-light;
+ font-size: $font-size-h4;
+}
diff --git a/src/components/Repositories/Repository.jsx b/src/components/Repositories/Repository.jsx
index 15c33bd1..259f62f2 100644
--- a/src/components/Repositories/Repository.jsx
+++ b/src/components/Repositories/Repository.jsx
@@ -19,6 +19,18 @@ const queryGithub = graphql`
stargazers {
totalCount
}
+ releases(
+ first: 1
+ orderBy: { field: CREATED_AT, direction: DESC }
+ ) {
+ edges {
+ node {
+ tag {
+ name
+ }
+ }
+ }
+ }
}
}
}
@@ -27,6 +39,65 @@ const queryGithub = graphql`
}
`
+const Title = ({ name, releases, url }) => (
+
{!description ? '...' : description}
-
- git clone
- https://github.com/oceanprotocol/docker-images.git
-
- cd docker-images/
-
-
- ./start_ocean.sh --latest
-
-
-