From c78ab1bab33de8b1cdab46e808155a916ae53643 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 27 Nov 2018 12:13:58 +0100
Subject: [PATCH 1/2] teaser for API references

---
 data/sections.yml           |  6 ++++++
 src/pages/index.jsx         | 24 ++++++++++++++++++------
 src/pages/index.module.scss | 15 +++++++++++++++
 3 files changed, 39 insertions(+), 6 deletions(-)

diff --git a/data/sections.yml b/data/sections.yml
index af878449..4486dfc2 100644
--- a/data/sections.yml
+++ b/data/sections.yml
@@ -12,3 +12,9 @@
   description: Browse tutorials for most common setup and development use-cases.
   link: /tutorials/introduction/
   color: orange
+
+- title: API References
+  #description: Get the API references for all relevant components.
+  description: Coming soon.
+  #link: /api/introduction/
+  color: green
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index d8fa51a9..ba848e9f 100755
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -10,22 +10,34 @@ import Repositories from '../components/Repositories'
 import { ReactComponent as Arrow } from '../images/arrow.svg'
 import styles from './index.module.scss'
 
+const SectionBox = ({ to, children, ...props }) =>
+    to ? (
+        <Link to={to} {...props}>
+            {children}
+        </Link>
+    ) : (
+        <div {...props}>{children}</div>
+    )
+
 const SectionLink = ({ to, title, color, children }) => {
     // eslint-disable-next-line
     let classNames = classnames(styles.link, {
         [styles.purple]: color === 'purple',
         [styles.blue]: color === 'blue',
-        [styles.orange]: color === 'orange'
+        [styles.orange]: color === 'orange',
+        [styles.green]: color === 'green'
     })
 
     return (
-        <Link to={to} className={classNames}>
+        <SectionBox to={to} className={classNames}>
             <h3 className={styles.sectionTitle}>{title}</h3>
             <p className={styles.sectionText}>{children}</p>
-            <span className={styles.sectionMore}>
-                Learn More <Arrow />
-            </span>
-        </Link>
+            {title !== 'API References' && (
+                <span className={styles.sectionMore}>
+                    Learn More <Arrow />
+                </span>
+            )}
+        </SectionBox>
     )
 }
 
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index 6bf6e291..e9fd5744 100644
--- a/src/pages/index.module.scss
+++ b/src/pages/index.module.scss
@@ -9,6 +9,7 @@
 
     @media (min-width: $break-point--medium) {
         display: flex;
+        flex-wrap: wrap;
         justify-content: space-between;
     }
 }
@@ -33,6 +34,12 @@
     &:nth-child(3) {
         animation-delay: .8s;
     }
+
+    &:last-child {
+        flex-basis: 100%;
+        text-align: center;
+        opacity: .75;
+    }
 }
 
 .link {
@@ -76,6 +83,13 @@
     }
 }
 
+.green {
+    .sectionTitle,
+    .sectionMore {
+        color: $green;
+    }
+}
+
 .sectionTitle {
     margin-top: 0;
     margin-bottom: $spacer / $line-height;
@@ -85,6 +99,7 @@
 .sectionText {
     margin-bottom: 0;
     color: $brand-grey;
+    width: 100%;
 }
 
 .sectionMore {

From 0f641e91170e0a8ca80aafcca16cc6db3febe9ec Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 27 Nov 2018 14:42:08 +0100
Subject: [PATCH 2/2] package updates

---
 package.json | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 178a53c5..7c410eb9 100644
--- a/package.json
+++ b/package.json
@@ -25,15 +25,15 @@
     "@oceanprotocol/art": "^2.1.0",
     "axios": "^0.18.0",
     "classnames": "^2.2.6",
-    "gatsby": "^2.0.52",
+    "gatsby": "^2.0.55",
     "gatsby-image": "^2.0.20",
     "gatsby-plugin-catch-links": "^2.0.8",
     "gatsby-plugin-google-analytics": "^2.0.7",
-    "gatsby-plugin-manifest": "^2.0.9",
-    "gatsby-plugin-offline": "^2.0.15",
+    "gatsby-plugin-manifest": "^2.0.10",
+    "gatsby-plugin-offline": "^2.0.17",
     "gatsby-plugin-react-helmet": "^3.0.2",
     "gatsby-plugin-sass": "^2.0.4",
-    "gatsby-plugin-sharp": "^2.0.12",
+    "gatsby-plugin-sharp": "^2.0.13",
     "gatsby-plugin-sitemap": "^2.0.2",
     "gatsby-plugin-svgr": "^2.0.1",
     "gatsby-remark-autolink-headers": "^2.0.11",
@@ -42,10 +42,10 @@
     "gatsby-remark-embed-video": "^1.4.0",
     "gatsby-remark-github": "^1.0.1",
     "gatsby-remark-images": "^3.0.0",
-    "gatsby-remark-prismjs": "^3.0.3",
+    "gatsby-remark-prismjs": "^3.1.0",
     "gatsby-remark-responsive-iframe": "^2.0.6",
     "gatsby-remark-smartypants": "^2.0.6",
-    "gatsby-source-filesystem": "^2.0.8",
+    "gatsby-source-filesystem": "^2.0.9",
     "gatsby-source-graphql": "^2.0.6",
     "gatsby-transformer-remark": "^2.1.12",
     "gatsby-transformer-sharp": "^2.1.8",
@@ -62,14 +62,14 @@
     "remark-react": "^5.0.0"
   },
   "devDependencies": {
-    "@svgr/webpack": "^4.0.3",
+    "@svgr/webpack": "^4.1.0",
     "dotenv": "^6.1.0",
     "eslint": "^5.9.0",
     "eslint-config-oceanprotocol": "^1.3.0",
     "eslint-config-prettier": "^3.3.0",
     "eslint-plugin-prettier": "^3.0.0",
     "markdownlint-cli": "^0.13.0",
-    "npm-run-all": "^4.1.3",
+    "npm-run-all": "^4.1.5",
     "prettier": "^1.15.2",
     "prettier-stylelint": "^0.4.2",
     "stylelint": "^9.8.0",