hightlight docker-imageas, more repos

content/test.md

@@ -196,6 +196,13 @@ But let's throw in a <b>tag</b>.
 ```
 </code></pre>
 
+```bash
+git clone https://github.com/oceanprotocol/docker-images.git
+cd docker-images/
+
+./start_ocean.sh --latest
+```
+
 ```js
 const { Ocean, Logger } = require('@oceanprotocol/squid');
 

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

src/components/Repositories/index.jsx

@@ -6,13 +6,24 @@ import styles from './index.module.scss'
 const QuickRun = () => (
     <div className={styles.quickrun}>
         <strong>
-            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{' '}
             <a href="https://github.com/oceanprotocol/docker-images">
                 🐳 docker-images
             </a>
             .
         </strong>
+        <pre className="language-bash">
+            <code className="language-bash">
+                <span className="token function">git</span> clone
+                https://github.com/oceanprotocol/docker-images.git
+                <br />
+                <span className="token function">cd</span> docker-images/
+                <br />
+                <br />
+                ./start_ocean.sh --latest
+            </code>
+        </pre>
     </div>
 )
 

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;
+    }
 }

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;
 }