3 files changed, 63 insertions, 27 deletions

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 1024ffcd..843809a8 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -164,16 +164,46 @@ p {
 .content a:hover {
   color: #fff;
 }
+
+/* top of post metadata */
+
+.meta {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+  font-size: 10pt;
+  margin-bottom: 20px;
+}
+.meta > div {
+  margin-right: 30px;
+}
+.meta .gray {
+  font-size: 9pt;
+  padding-bottom: 4px;
+}
+
+/* misc formatting */
+
 code {
   font-family: 'Roboto Mono', monospace;
   font-size: 9pt;
   padding: 2px 4px;
   background: rgba(255,255,255,0.1);
 }
+pre {
+  margin: 0 0 40px 0;
+  border: 1px solid #666;
+  border-radius: 2px;
+}
 pre code {
   display: block;
   max-height: 400px;
   max-width: 640px;
+  padding: 4px 10px;
+}
+table {
+  margin-bottom: 40px;
 }
 hr {
   height: 1px;
@@ -181,6 +211,14 @@ hr {
   border: 0;
   width: 80px;
 }
+blockquote {
+  margin-left: 28px;
+  padding: 0 0 0 10px;
+  border-left: 2px solid #555;
+}
+
+/* footnotes */
+
 .footnotes hr {
   display: none;
 }
@@ -243,29 +281,14 @@ section.wide .image {
   max-width: 620px;
   margin: 10px auto 0 auto;
 }
-
-blockquote {
-  margin-left: 28px;
-  padding: 0 0 0 10px;
-  border-left: 2px solid #555;
-}
-
-/* top of post metadata */
-
-.meta {
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: flex-start;
-  font-size: 10pt;
-  margin-bottom: 20px;
+.research_index {
+  margin-top: 40px;
 }
-.meta > div {
-  margin-right: 30px;
+.research_index a {
+  text-decoration: none;
 }
-.meta .gray {
-  font-size: 9pt;
-  padding-bottom: 4px;
+.research_index h1 {
+  margin-top: 20px;
 }
 
 /* blogpost index */
diff --git a/site/assets/css/fonts.css b/site/assets/css/fonts.css
index 2195c70b..8db01fbd 100644
--- a/site/assets/css/fonts.css
+++ b/site/assets/css/fonts.css
@@ -2,34 +2,40 @@
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 300;
-  src: url("../fonts/Roboto_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_300.woff") format("woff"), url("../fonts/Roboto_300.woff2") format("woff2"), url("../fonts/Roboto_300.svg#Roboto") format("svg"), url("../fonts/Roboto_300.ttf") format("truetype"); }
+  src: url("../fonts/Roboto_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_300.woff") format("woff"), url("../fonts/Roboto_300.woff2") format("woff2"), url("../fonts/Roboto_300.svg#Roboto") format("svg"), url("../fonts/Roboto_300.ttf") format("truetype");
+}
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 400;
-  src: url("../fonts/Roboto_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_400.woff") format("woff"), url("../fonts/Roboto_400.woff2") format("woff2"), url("../fonts/Roboto_400.svg#Roboto") format("svg"), url("../fonts/Roboto_400.ttf") format("truetype"); }
+  src: url("../fonts/Roboto_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_400.woff") format("woff"), url("../fonts/Roboto_400.woff2") format("woff2"), url("../fonts/Roboto_400.svg#Roboto") format("svg"), url("../fonts/Roboto_400.ttf") format("truetype");
+}
 
 @font-face {
   font-family: 'Roboto';
   font-style: normal;
   font-weight: 500;
-  src: url("../fonts/Roboto_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_500.woff") format("woff"), url("../fonts/Roboto_500.woff2") format("woff2"), url("../fonts/Roboto_500.svg#Roboto") format("svg"), url("../fonts/Roboto_500.ttf") format("truetype"); }
+  src: url("../fonts/Roboto_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_500.woff") format("woff"), url("../fonts/Roboto_500.woff2") format("woff2"), url("../fonts/Roboto_500.svg#Roboto") format("svg"), url("../fonts/Roboto_500.ttf") format("truetype");
+}
 
 @font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 300;
-  src: url("../fonts/Roboto_Mono_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_300.woff") format("woff"), url("../fonts/Roboto_Mono_300.woff2") format("woff2"), url("../fonts/Roboto_Mono_300.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_300.ttf") format("truetype"); }
+  src: url("../fonts/Roboto_Mono_300.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_300.woff") format("woff"), url("../fonts/Roboto_Mono_300.woff2") format("woff2"), url("../fonts/Roboto_Mono_300.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_300.ttf") format("truetype");
+}
 
 @font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 400;
-  src: url("../fonts/Roboto_Mono_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_400.woff") format("woff"), url("../fonts/Roboto_Mono_400.woff2") format("woff2"), url("../fonts/Roboto_Mono_400.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_400.ttf") format("truetype"); }
+  src: url("../fonts/Roboto_Mono_400.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_400.woff") format("woff"), url("../fonts/Roboto_Mono_400.woff2") format("woff2"), url("../fonts/Roboto_Mono_400.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_400.ttf") format("truetype");
+}
 
 @font-face {
   font-family: 'Roboto Mono';
   font-style: normal;
   font-weight: 500;
-  src: local("Roboto-Mono Medium"), local("RobotoMono-Medium"), url("../fonts/Roboto_Mono_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_500.woff") format("woff"), url("../fonts/Roboto_Mono_500.woff2") format("woff2"), url("../fonts/Roboto_Mono_500.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_500.ttf") format("truetype"); }
+  src: local("Roboto-Mono Medium"), local("RobotoMono-Medium"), url("../fonts/Roboto_Mono_500.eot?#iefix") format("embedded-opentype"), url("../fonts/Roboto_Mono_500.woff") format("woff"), url("../fonts/Roboto_Mono_500.woff2") format("woff2"), url("../fonts/Roboto_Mono_500.svg#RobotoMono") format("svg"), url("../fonts/Roboto_Mono_500.ttf") format("truetype");
+}
diff --git a/site/assets/js/app/site.js b/site/assets/js/app/site.js
index 04c0c495..12bee3ec 100644
--- a/site/assets/js/app/site.js
+++ b/site/assets/js/app/site.js
@@ -7,6 +7,8 @@ const isDesktop = !isMobile
 const htmlClassList = document.body.parentNode.classList
 htmlClassList.add(isDesktop ? 'desktop' : 'mobile')
 
+function toArray(A) { return Array.prototype.slice.apply(A) }
+
 var site = (function(){
   var site = {}
   site.init = function(){
@@ -17,6 +19,11 @@ var site = (function(){
     if (paras.length) {
       paras[0].classList.add('first_paragraph')
     }
+    toArray(document.querySelectorAll('header .links a')).forEach(tag => {
+      if (window.location.href.match(tag.href)) {
+        tag.classList.add('active')
+      }
+    })
   }
   site.init()
 })()
\ No newline at end of file