prototype published assets section

src/components/Footer.module.scss

@@ -21,7 +21,7 @@
 
     &,
     small {
-        font-size: $font-size-small;
+        font-size: $font-size-mini;
     }
 
     a {

src/routes/Home.module.scss

@@ -3,3 +3,21 @@
 .home {
     display: block;
 }
+
+.published {
+    margin-top: $spacer * 3;
+    margin-bottom: $spacer;
+
+    > div {
+        text-align: center;
+        margin-top: $spacer;
+        margin-bottom: $spacer;
+    }
+}
+
+.subTitle {
+    font-size: $font-size-h4;
+    color: $brand-grey-light;
+    border-bottom: 1px solid $brand-grey-lighter;
+    padding-bottom: $spacer / 2;
+}

src/routes/Home.tsx

@@ -1,4 +1,5 @@
 import React, { ChangeEvent, Component, FormEvent } from 'react'
+import { Link } from 'react-router-dom'
 import Button from '../components/atoms/Button'
 import Form from '../components/atoms/Form/Form'
 import Input from '../components/atoms/Form/Input'
@@ -36,6 +37,15 @@ class Home extends Component<HomeProps, HomeState> {
                         group={<Button>Search</Button>}
                     />
                 </Form>
+
+                <div className={styles.published}>
+                    <h2 className={styles.subTitle}>Your Data Sets</h2>
+
+                    <div>
+                        <p>None yet.</p>
+                        <Link to="/publish">+ Publish A Data Set</Link>
+                    </div>
+                </div>
             </Route>
         )
     }