fix up duke

2 files changed, 45 insertions, 17 deletions

diff --git a/site/assets/css/applets.css b/site/assets/css/applets.css
index e48af7b1..ef9f09e2 100644
--- a/site/assets/css/applets.css
+++ b/site/assets/css/applets.css
@@ -9,7 +9,7 @@
   min-height: 0;
 }
 .applet {
-  margin-bottom: 40px;
+  margin-bottom: 60px;
   transition: opacity 0.2s cubic-bezier(0,0,1,1);
   opacity: 0;
 }
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index a61a1875..58f4d490 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -181,27 +181,34 @@ h2 {
   font-weight: 400;
   font-size: 34px;
   line-height: 43px;
-  margin: 20px 0 20px;
+  margin: 20px auto 20px auto;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
 }
 h3 {
-  margin: 0 0 18px 0;
-  padding: 20px 0 0 0;
+  margin: 20px auto 10px auto;
   font-size: 28px;
   font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
 }
 h4 {
-  margin: 0 0 10px 0;
+  margin: 6px auto 10px auto;
   padding: 0;
   font-size: 18pt;
   font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
 }
+h5 {
+  margin: 6px auto 10px auto;
+  padding: 0;
+  font-size: 14pt;
+  font-weight: 400;
+  transition: color 0.1s cubic-bezier(0,0,1,1);
+  font-family: 'Roboto Mono', monospace;
+}
 .content h3 a {
   color: #888;
   text-decoration: none;
@@ -256,13 +263,25 @@ section {
   margin-top: 30px;
   line-height: 36px;
 }
-p {
-  margin: 0 10px 20px 0;
+section p {
+  margin: 10px auto 20px auto;
   line-height: 2;
-  font-size: 18px;
+  font-size: 17px;
   font-weight: 300;
   color: #dedede;
 }
+section ul {
+  margin: 10px auto 20px auto;
+  max-width: 720px;
+}
+section h1, section h2, section h3, section h4, section h5, section h6, section p{
+  max-width: 720px;
+}
+
+.content-dataset section:nth-child(2) p:first-child{
+  font-size:19px;
+  color:red;
+}
 p.subp{
   font-size: 14px;
 }
@@ -299,10 +318,9 @@ p.subp{
 .right-sidebar {
   float: right;
   width: 240px;
-  margin-left: 20px;
-  padding-top: 10px;
+  margin: 75px 20px 20px 20px;
   padding-left: 20px;
-  border-left: 1px solid #444;
+  border-left: 1px solid #333;
   font-family: 'Roboto';
   font-size: 14px;
   font-weight: 400;
@@ -363,12 +381,14 @@ code {
   background: rgba(255,255,255,0.1);
 }
 pre {
-  margin: 0 0 40px 0;
+  margin: 0 auto;
+  max-width: 720px;
   border: 1px solid #666;
   border-radius: 2px;
   padding: 10px;
   display: block;
   background: #333;
+  overflow: auto
 }
 pre code {
   display: block;
@@ -450,7 +470,17 @@ blockquote {
 .footnotes hr {
   display: none;
 }
-ul.footnotes li, ul.footnotes p{
+ul.footnotes{
+  max-width:720px;
+  margin:0 auto;
+  font-size:12px;
+}
+ul.footnotes li{
+  font-size:12px;
+  list-style-type: decimal;
+  margin-bottom:12px;
+}
+ul.footnotes p{
   font-size:12px;
 }
 .footnotes ol:before {
@@ -1060,10 +1090,6 @@ a.footnote_shim {
   bottom: 5px;
   margin-right: 2px;
 }
-ul.footnotes {
-  list-style-type: decimal;
-  margin-left: 30px;
-}
 li p {
   margin: 0; padding: 0;
   display: inline;
@@ -1072,6 +1098,8 @@ li p {
 /* citation browser */
 
 .citationHeader {
+  max-width: 720px;
+  margin: 10px auto;
   padding-bottom: 10px
 }
 .download-btn{