cleanup

content/concepts/components.md

@@ -11,7 +11,7 @@ Aquarius provides an API to an off-chain database ("OceanDB") to store and manag
 
 The off-chain database might be MongoDB, Elasticsearch or BigchainDB.
 
-<repo name="aquarius"></repo>
+<repo name="aquarius" readme="true"></repo>
 
 ## Brizo
 

data/sections.yml

@@ -5,7 +5,7 @@
 
 - title: Setup Guides
   description: Setting up the Ocean Protocol components.
-  link: /setup/marketplace/
+  link: /setup/quickstart/
   color: blue
 
 - title: Tutorials

src/components/Repositories/Repository.jsx

@@ -106,6 +106,23 @@ Numbers.propTypes = {
     url: PropTypes.string.isRequired
 }
 
+const Readme = ({ object }) => {
+    const readmeHtml =
+        object &&
+        remark()
+            .use(remarkReact)
+            .processSync(object.text).contents
+
+    return (
+        object && (
+            <aside className={styles.repositoryReadme}>
+                <h3 className={styles.repositoryReadmeTitle}>README.md</h3>
+                {readmeHtml}
+            </aside>
+        )
+    )
+}
+
 const Repository = ({ name, links, readme }) => (
     <StaticQuery
         query={queryGithub}
@@ -136,12 +153,6 @@ const Repository = ({ name, links, readme }) => (
                 object
             } = repo
 
-            const readmeHtml = object
-                ? remark()
-                      .use(remarkReact)
-                      .processSync(object.text).contents
-                : null
-
             return (
                 <article className={styles.repository}>
                     <Title name={name} releases={releases} url={url} />
@@ -157,14 +168,7 @@ const Repository = ({ name, links, readme }) => (
                         />
                     </footer>
 
-                    {readme && object && (
+                    {readme && <Readme object={object} />}
-                        <aside className={styles.repositoryReadme}>
-                            <h3 className={styles.repositoryReadmeTitle}>
-                                README.md
-                            </h3>
-                            {readmeHtml}
-                        </aside>
-                    )}
                 </article>
             )
         }}

src/components/Repositories/Repository.module.scss

@@ -102,6 +102,10 @@
     h4 {
         font-size: $font-size-base;
     }
+
+    img {
+        display: inline-block;
+    }
 }
 
 .repositoryReadmeTitle {