1 files changed, 72 insertions, 45 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 6b1f40cd..75f1ad3f 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -12,11 +12,11 @@ html, body {
   min-height: 100%;
   /*font-family: 'Roboto Mono', sans-serif;*/
   font-family: 'Roboto', sans-serif;
-  color: #eee;
+  color: #000;
   overflow-x: hidden;
 }
 html {
-  background: #181818;
+  background: #fff;
 }
 a { outline: none; }
 img { border: 0; }
@@ -33,6 +33,7 @@ html.mobile .content{
 }
 
 /* header */
+/* header */
 
 header {
   position: fixed;
@@ -155,7 +156,7 @@ footer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
-  color: #666;
+  color: #000;
   font-size: 13px;
   /*line-height: 17px;*/
   padding: 15px;
@@ -211,30 +212,34 @@ footer ul:last-child li {
 /* headings */
 
 h1 {
-  color: #eee;
-  font-weight: 400;
-  font-size: 34pt;
+  color: #000;
+  font-weight: 500;
+  font-size: 30pt;
   margin: 20px auto 10px auto;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
+  text-transform: uppercase;
 }
 h2 {
-  color: #eee;
-  font-weight: 400;
+  color: #111;
+  font-weight: 500;
   font-size: 34px;
   line-height: 43px;
   margin: 20px auto 20px auto;
   padding: 0;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
+  text-transform: uppercase;
 }
 h3 {
+  color: #333;
   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;
+  text-transform: uppercase;
 }
 h4 {
   margin: 6px auto 10px auto;
@@ -243,6 +248,7 @@ h4 {
   font-weight: 400;
   transition: color 0.1s cubic-bezier(0,0,1,1);
   font-family: 'Roboto Mono', monospace;
+  text-transform: uppercase;
 }
 h5 {
   margin: 6px auto 10px auto;
@@ -253,11 +259,11 @@ h5 {
   font-family: 'Roboto Mono', monospace;
 }
 .content h3 a {
-  color: #888;
+  color: #333;
   text-decoration: none;
 }
 .desktop .content h3 a:hover {
-  color: #fff;
+  color: #111;
   text-decoration: underline;
 }
 .right-sidebar h3 {
@@ -272,12 +278,15 @@ h5 {
 .right-sidebar ul li a {
   border-bottom: 0;
 }
+.right-sidebar ul li:last-child{
+  border-bottom: 0;
+}
 th, .gray {
   font-family: 'Roboto', monospace;
   font-weight: 500;
   text-transform: uppercase;
   letter-spacing: .15rem;
-  color: #777;
+  color: #333;
 }
 th, .gray {
   font-size: 9pt;
@@ -354,10 +363,10 @@ section {
 }
 section p {
   margin: 10px auto 20px auto;
-  line-height: 1.9rem;
-  font-size: 17px;
+  line-height: 1.95rem;
+  font-size: 16px;
   font-weight: 400;
-  color: #cdcdcd;
+  color: #111;
 }
 section ul {
   margin: 10px auto 20px auto;
@@ -367,22 +376,32 @@ section h1, section h2, section h3, section h4, section h5, section h6, section
   max-width: 720px;
 }
 
-.content-dataset section:nth-child(2) p:first-child{
-  font-size:19px;
+.content-dataset-list section:nth-child(1) p:nth-child(2){
+  font-size:22px;
+  line-height:34px;
+}
+.content-dataset section:nth-child(4) p:nth-child(2){
+  font-size:20px;
+  line-height: 32px;
+  color:#000;
+}
+.content-dataset section:nth-child(3) p:nth-child(2) {
+  /* highlight news text */
+  color:#f00;
 }
 p.subp{
   font-size: 14px;
 }
 .content a {
-  color: #dedede;
+  color: #333;
   text-decoration: none;
-  border-bottom: 2px solid #666;
+  border-bottom: 1px solid #333;
   padding-bottom: 1px;
   transition: color 0.1s cubic-bezier(0,0,1,1);
 }
 .desktop .content a:hover {
-  color: #fff;
-  border-bottom: 2px solid #ccc;
+  color: #111;
+  border-bottom: 1px solid #111;
 }
 
 /* top of post metadata */
@@ -393,7 +412,7 @@ p.subp{
   justify-content: flex-start;
   align-items: flex-start;
   font-size: 12px;
-  color: #ccc;
+  color: #111;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
   margin-right: 20px;
@@ -412,7 +431,6 @@ p.subp{
   float: right;
   width: 200px;
   margin: 0px 20px 20px 20px;
-  padding-top: 12px;
   padding-left: 20px;
   border-left: 1px solid #333;
   font-family: 'Roboto';
@@ -442,7 +460,10 @@ p.subp{
   border-bottom: 1px solid #333;
   padding:10px 10px 10px 0;
   margin: 0 4px 4px 0;
-  color: #bbb;
+  color: #111;
+}
+.right-sidebar .meta:last-child{
+  border-bottom: 0;
 }
 .right-sidebar ul {
   margin-bottom: 10px;
@@ -477,7 +498,7 @@ ul {
 }
 ul li {
   margin-bottom: 8px;
-  color: #dedede;
+  color: #333;
   font-weight: 400;
   font-size: 14px;
 }
@@ -497,8 +518,9 @@ pre {
   border-radius: 2px;
   padding: 10px;
   display: block;
-  background: #333;
+  background: #ddd;
   overflow: auto
+  /*margin-bottom: 10px;*/
 }
 pre code {
   display: block;
@@ -533,10 +555,10 @@ table tr td{
   font-size:12px;
 }
 table tbody tr:nth-child(odd){
-  background-color:#292929;
+  background-color:#ebebeb;
 }
 table tbody tr:nth-child(even){
-  background-color:#333;
+  background-color:#ccc;
 }
 
 hr {
@@ -670,22 +692,24 @@ section.fullwidth .image {
 }
 .image .caption.intro-caption{
   text-align: center;
+  color:#666;
 }
 .caption {
   text-align: center;
   font-size: 10pt;
-  color: #999;
+  line-height: 14pt;
+  color: #555;
   max-width: 960px;
   margin: 10px auto 10px auto;
   font-family: 'Roboto';
 }
 .caption a {
-  color: #ccc;
-  border: 0;
+  color: #333;
+  border-bottom: 1px solid  #333;
 }
 .desktop .caption a:hover {
-  color: #fff;
-  border: 0;
+  color: #111;
+  border-bottom: 1px solid #111;
 }
 
 
@@ -873,7 +897,7 @@ section.fullwidth .image {
 .dataset-list .dataset {
   width: 300px;
   padding: 12px;
-  color: white;
+  color: #000;
   font-weight: 400;
   font-family: 'Roboto';
   position: relative;
@@ -884,21 +908,22 @@ section.fullwidth .image {
   height: 178px;
 }
 .desktop .content .dataset-list a {
-  border: 1px solid #333;
+  border: 1px solid #999;
 
 }
 .desktop .dataset-list a:hover {
-  border: 1px solid #666;
+  border: 1px solid #000;
 }
 .dataset-list .fields {
   font-size: 12px;
-  color: #ccc;
+  line-height: 17px;
+  color: #333;
 }
 .dataset-list .dataset .title{
   font-size: 16px;
   line-height: 20px;
   margin-bottom: 4px;
-  font-weight: 400;
+  font-weight: 500;
   display: block;
 }
 .dataset-list .fields div {
@@ -965,7 +990,7 @@ section.intro_section {
   justify-content: center;
   align-items: center;
   background-color: #111111;
-  margin-bottom: 20px;
+  /*margin-bottom: 20px;*/
   padding: 0;
 }
 .intro_section .inner {
@@ -1091,7 +1116,8 @@ ul.map-legend li:before {
 }
 ul.map-legend li.active {
   text-decoration: underline;
-  color: #fff;
+  color: #000;
+  font-weight: 500;
 }
 ul.map-legend li.edu:before {
   background-color: #f2f293;
@@ -1118,7 +1144,7 @@ ul.map-legend li.source:before {
 }
 
 .content-about {
-  color: #fff;
+  /*color: #fff;*/
 }
 .content-about p {
   font-size: 16px;
@@ -1141,12 +1167,13 @@ ul.map-legend li.source:before {
 }
 .content-about .about-menu ul li a {
   border-bottom: 0;
-  color: #aaa;
+  color: #555;
 }
 
 .content-about .about-menu ul li a.current {
-  border-bottom: 1px solid #ddd;
-  color: #ddd;
+  border-bottom: 1px solid #000;
+  color: #000;
+  font-weight: 500;
 }
 
 /* columns */
@@ -1237,7 +1264,7 @@ a.footnote {
   /*display: inline-block;*/
   bottom: 7px;
   text-decoration: none;
-  color: #ff8;
+  color: #666;
   border: 0;
   left: -1px;
   transition-duration: 0s;
@@ -1255,7 +1282,7 @@ a.footnote_shim {
 }
 .desktop a.footnote:hover {
   /*background-color: #ff8;*/
-  color: #fff;
+  color: #000;
   border: 0;
 }
 .backlinks {