From 849ed5a624eeff64fd0bc3d8d4dd1d6fbfc713e2 Mon Sep 17 00:00:00 2001
From: dapplion <guillem.lion.benosa@gmail.com>
Date: Sun, 4 Aug 2019 16:19:08 +0200
Subject: [PATCH] Sub-sub title

---
 src/Header.tsx | 11 +++++++++++
 src/app.css    |  3 ++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/Header.tsx b/src/Header.tsx
index ab2adae..e8617a2 100644
--- a/src/Header.tsx
+++ b/src/Header.tsx
@@ -3,6 +3,9 @@ import { createStyles, makeStyles, Theme } from "@material-ui/core/styles";
 import Link from "@material-ui/core/Link";
 import Typography from "@material-ui/core/Typography";
 
+const cadCadLink =
+  "https://medium.com/block-science/cadcad-filling-a-critical-gap-in-open-source-data-science-fcd0d3faa8ed";
+
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
     title: {
@@ -12,6 +15,10 @@ const useStyles = makeStyles((theme: Theme) =>
       color: theme.palette.text.secondary,
       margin: theme.spacing(3, 0, 0)
     },
+    subsubtitle: {
+      color: theme.palette.text.secondary,
+      opacity: 0.6
+    },
     lightBulb: {
       verticalAlign: "middle",
       marginRight: theme.spacing(1)
@@ -53,6 +60,10 @@ export default function Header() {
       <Typography className={classes.subtitle}>
         Experiment and test augmented token bonding curves
       </Typography>
+      <Typography className={classes.subsubtitle}>
+        A narrative showcase of <Link href={cadCadLink}>cadCAD</Link>
+        's capabilities
+      </Typography>
     </>
   );
 }
diff --git a/src/app.css b/src/app.css
index c3ae5bf..3b2222b 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1,4 +1,5 @@
-#root {
+#root,
+body {
   background-color: #152128;
   min-height: 100vh;
   margin: 0;