Merge pull request #24 from heathermiller/facelift

Facelift

1 files changed, 866 insertions, 0 deletions

diff --git a/resources/css/main.css b/resources/css/main.css
new file mode 100755
index 0000000..8dfc101
--- /dev/null
+++ b/resources/css/main.css
@@ -0,0 +1,866 @@
+---
+---
+
+/* ==========================================================================
+   Author's custom styles
+   ========================================================================== */
+* {
+  margin: 0;
+}
+html, body {
+  height: 100%;
+}
+
+body {
+  background-color: #fff;
+  text-align: left;
+  /*font-family: Helvetica,Arial,Verdana,sans-serif;*/
+  font-family: 'Lato', sans-serif;
+  font-size: 18px;
+  /*font-size: 2vmin;*/
+  line-height: 22px;
+  line-height: 1.46em;
+  font-weight: 300;
+  color: #333;
+  text-rendering: optimizeLegibility;
+}
+
+@font-face {
+  font-family: Entypo;
+  src: url({{ site.baseurl }}/resources/entypo.woff);
+}
+
+@font-face {
+  font-family: EntypoSocial;
+  src: url({{ site.baseurl }}/resources/entypo-social.woff);
+}
+
+/*[class*="col-"]{
+    margin-bottom: -99999px;
+    padding-bottom: 99999px;
+}
+
+.row{
+    overflow: hidden;
+}*/
+
+.centered {
+  margin-left:auto;
+  margin-right:auto;
+}
+
+a:link, a:visited {
+  text-decoration: none;
+  color: #3498DB;
+  font-weight: 600;
+  border-bottom: 2px solid rgba(189, 195, 199, 0.3);
+  -webkit-transition: color .1s ease-in;
+  -moz-transition: color .1s ease-in;
+  -ms-transition: color .1s ease-in;
+  -o-transition: color .1s ease-in;
+  transition: color .1s ease-in;
+}
+
+a:hover {
+  text-decoration: none;
+  color: #E74C3C;
+  -webkit-transition: color .2s ease-in;
+  -moz-transition: color .2s ease-in;
+  -ms-transition: color .2s ease-in;
+  -o-transition: color .2s ease-in;
+  transition: color .2s ease-in;
+}
+
+::selection {
+  background: rgba(52, 73, 94, 1);
+  color: #fff;
+}
+
+h1, h2, h3, h4, h5 {
+  margin-top: 1em;
+  /*font-family: 'Open Sans', sans-serif;*/
+}
+
+h1 {
+  color: #34495E;
+}
+
+h2 {
+  color: #34495E;
+  font-weight: 900;
+  letter-spacing: -1px;
+  padding-top: 10px;
+  padding-bottom: 6px;
+}
+
+h3 {
+  color: #5A5A5A;
+  font-weight: 900;
+  letter-spacing: -1px;
+  padding-top: 10px;
+  padding-bottom: 6px;
+}
+
+h4 {
+  font-family: 'Merriweather', serif;
+  font-weight: bold;
+  color: #888888;
+  font-size: 20px;
+  padding-top: 6px;
+}
+
+h5 {
+  font-size: 18px;
+}
+
+p {
+  display: block;
+  /*color: #57676e;*/
+  margin-before: 1em;
+  margin-after: 1em;
+  -webkit-margin-start: 0px;
+  -webkit-margin-end: 0px;
+  margin-bottom: 1.2em;
+}
+
+li {
+  line-height: 1.5em;
+  /*margin-bottom: 6px;*/
+  color: #57676e;
+  margin-bottom: 0.5em;
+  -webkit-margin-start: 6px;
+  -webkit-margin-end: 0px;
+}
+
+ul {
+  /*list-style-image: url({{ site.baseurl }}/resources/img/arrow.png);*/
+  margin-bottom: 1.2em;
+}
+
+ul > li {
+ /*text-shadow: 0 1px 1px #000;*/
+ margin-left: 24px;
+}
+
+.jumbotron {
+  padding: 20px;
+  background-color: #34495E;
+  width: 100%;
+  min-height: 140px;
+}
+
+.white-background {
+  background-color: #ffffff;
+}
+
+.light-grey {
+   color: rgba(86, 103, 110, 0.2);
+}
+
+.book-title {
+  position: absolute;
+  top: 20px;
+  padding-left: 30px;
+}
+
+.prog-mod {
+  font-family: 'Alegreya Sans', sans-serif;
+  font-weight: 700;
+  font-style: italic;
+  font-size: 22px;
+  margin-bottom: -8px;
+  margin-left: -10px;
+  color: #595959;
+}
+
+.dist-comp {
+  font-family: 'Alegreya Sans', sans-serif;
+  text-transform: uppercase;
+  font-weight: 900;
+  font-style: normal;
+  font-size: 24px;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+code {
+  color: #7599a9;
+  /*background: #F4F4F4;*/
+  /*border-radius: 3px;*/
+  /*padding: 2px;*/
+  /*border: 1px solid #DDDDDD;*/
+  /*margin: 0 3px 0 3px;*/
+  /*padding: 0 2px 0 2px;*/
+}
+
+.topbar {
+  position: relative;
+  background: #F3F3F3;
+  height: 70px;
+  width: 100%;
+}
+
+.logo-wrap {
+  width: 84%;
+  padding-left: 8%;
+  padding-right: 8%;
+}
+
+.logo {
+  margin-left: -16px;
+  margin-top: 16px;
+}
+
+.blog-header > a {
+  border: none;
+}
+
+.blog-header > a:link > .name,
+.blog-header > a:visited > .name{
+  color: rgba(86, 103, 110, 0.2);
+  -webkit-transition: color .1s ease-in;
+  -moz-transition: color .1s ease-in;
+  -ms-transition: color .1s ease-in;
+  -o-transition: color .1s ease-in;
+  transition: color .1s ease-in;
+}
+
+.blog-header:hover a > .name {
+  color: #E74C3C;
+  -webkit-transition: color .2s ease-in;
+  -moz-transition: color .2s ease-in;
+  -ms-transition: color .2s ease-in;
+  -o-transition: color .2s ease-in;
+  transition: color .2s ease-in;
+}
+
+.white {
+  color: #ffffff;
+}
+
+.navbar {
+  background-color: #2B3E51;
+  /*width: 100%;*/
+  /*height: 70px;*/
+}
+
+.profile-pic {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  /*position: relative;*/
+  /*float: left;*/
+  /*margin-top: 20px;*/
+  /*padding-right: 20px;*/
+  width: 120px;
+  height: 120px;
+  border-radius: 60px;
+  -webkit-border-radius: 60px;
+  -moz-border-radius: 60px;
+  background: url('{{ site.baseurl }}{{ site.profpic }}') no-repeat;
+}
+
+@media all and (-webkit-min-device-pixel-ratio: 1.5) {
+  .profile-pic {
+    background-image: url('{{ site.baseurl }}{{ site.profpic-retina }}');
+    background-size: 120px 120px;
+  }
+}
+
+.profile {
+  display: block;
+  margin-top: 6px;
+}
+
+.name {
+  display: inline-block;
+  font-size: 48px;
+  /*color: #ffffff;*/
+  line-height: 1em;
+  margin-bottom: 4px;
+}
+
+.first {
+  font-family: "adelle",serif;
+  font-style: italic;
+  font-weight: 100;
+}
+
+.last {
+  font-family: "ff-enzo-web",sans-serif;
+  font-style: italic;
+  font-weight: 700;
+  /*font-family: "myriad-pro",sans-serif;
+  font-style: italic;
+  font-weight: 600;*/
+}
+
+.profile > .title {
+  display: block;
+  /*font-family: "ff-enzo-web",sans-serif;*/
+  /*font-family: 'Lato', sans-serif;*/
+  font-family: "adelle", serif;
+  /*font-family: "Merriweather", serif;*/
+  line-height: 1.3em;
+  font-style: normal;
+  font-weight: 100;
+  color: #1ABC9C;
+  /*color: #E44B3C;*/
+  font-size: 22px;
+  margin-bottom: 6px;
+}
+
+.title > a:link, .title > a:visited {
+  color: #1ABC9C;
+  /*color: #E44B3C;*/
+}
+
+.title > a:hover {
+  color: #E74C3C;
+}
+
+.blurb {
+  font-family: 'Lato', sans-serif;
+  color: #ffffff;
+  line-height: 1.2em;
+  font-size: 18px;
+  font-weight: 100;
+}
+
+.blurb > a:link, .blurb > a:visited {
+  color: #ffffff;
+  font-weight: 100;
+}
+
+.blurb > a:hover {
+  color: #E74C3C;
+  font-weight: 100;
+}
+
+.coordinates {
+  font-weight: 100;
+  color: #ffffff;
+  font-size: 16px;
+  line-height: 1.6em;
+  margin-top: 10px;
+  /*color: rgba(189, 195, 199, 0.3);*/
+  /*color: rgba(149, 165, 166, 0.4);*/
+  /*color: #2B3E51;*/
+}
+
+.coord > a:link, .coord > a:visited {
+  color: #ffffff;
+  font-weight: 100;
+}
+
+.coord > a:hover {
+  color: #1ABC9C;
+}
+
+.coord {
+  /*display: inline-block;*/
+  /*color: rgba(255, 255, 255, 0.3);*/
+  /*color: #ffffff;*/
+  position: relative;
+  top: -6px;
+}
+
+.entypo, .entypo-social {
+  display: inline-block;
+  margin-right: 4px;
+  width: 20px;
+  text-align: right;
+}
+
+.abstract > .entypo {
+  display: inline-block;
+  color: rgba(149, 165, 166, 1);
+  margin-top: -2px;
+  margin-left: -8px;
+  vertical-align: middle;
+  font-size: 28px;
+}
+
+.abstract {
+  font-family: "Helvetica", sans-serif;
+  text-transform: uppercase;
+  font-weight: bold;
+  font-size: 12px;
+  vertical-align: middle;
+  color: rgba(149, 165, 166, 0.8);
+  background-color: rgba(149, 165, 166, 0.1);
+  padding: 4px;
+  padding-right: 10px;
+  border-radius: 2px 2px 2px 2px;
+  -webkit-transition: color .1s ease-in;
+  -moz-transition: color .1s ease-in;
+  -ms-transition: color .1s ease-in;
+  -o-transition: color .1s ease-in;
+  transition: color .1s ease-in;
+}
+
+.abstract:hover,
+.abstract:hover > .entypo {
+  background-color: #E74C3C;
+  -webkit-transition: color .2s ease-in;
+  -moz-transition: color .2s ease-in;
+  -ms-transition: color .2s ease-in;
+  -o-transition: color .2s ease-in;
+  transition: color .2s ease-in;
+  color: #ffffff;
+  cursor: pointer;
+}
+
+.abstract > .entypo:after {
+  content:"\E760";
+}
+
+.abstract.collapsed > .entypo:after {
+  content:"\E762";
+}
+
+.abstract-text {
+  font-family: "adelle", sans-serif;
+  font-size: 15px;
+  line-height: 1.4em;
+}
+
+.publication .icon {
+  color: rgba(149, 165, 166, 0.8);
+  vertical-align: middle;
+  border: none;
+  margin-left: 4px;
+}
+
+.publication .icon:hover {
+  color: #E74C3C;
+}
+
+.coordinates > .entypo, .coordinates > .entypo-social {
+  font-size: 36px;
+  /*color: #1ABC9C;*/
+  color: #E74C3C;
+
+  /*color: #7F8C8D;*/
+  /*color: #3498DB;*/
+}
+
+.collapsed-entypo {
+  margin-top: 6px;
+}
+
+.collapsed-entypo > a:link, .collapsed-entypo > a:visited {
+  color: #ffffff;
+  border: 0;
+}
+
+.about-me {
+  /*background-color: #1ABC9C;*/
+  /*background-color: #F1C40F;*/
+  background-color: #ECF0F1;
+  min-height: 140px;
+  width: 100%;
+  font-family: 'adelle', serif;
+  color: #34495E;
+  font-weight: 400;
+  font-size: 20px;
+  padding-top: 30px;
+  padding-bottom: 30px;
+}
+
+.red {
+  color: #E74C3C;
+  font-weight: bold;
+}
+
+.publication > .info > .title {
+  /*font-family: "ff-enzo-web", sans-serif;
+  font-weight: 700;*/
+  font-family: "Open Sans", sans-serif;
+  font-weight: 900;
+  letter-spacing: -1px;
+  font-weight: 700;
+  font-size: 17px;
+  line-height: 1.2em;
+  margin-bottom: 4px;
+}
+
+.publication > .info > .title > a:link,
+.publication > .info > .title > a:visited {
+  /*color: #E74C3C;*/
+  border: 0;
+  color: #34495E;
+  font-weight: 900;
+}
+
+.publication > .info > .title > a:hover {
+  /*color: #1ABC9C;*/
+  color: #E74C3C;
+}
+
+.publication > .info > .author {
+  font-size: 16px;
+  line-height: 1.2em;
+  margin-bottom: 6px;
+  /*color: #2B3E51;*/
+  /*font-weight: 400;*/
+}
+
+
+.abbrv {
+  font-size: 16px;
+  /*color: #2B3E51;*/
+  color: #95A5A6;
+}
+
+.note, .conference {
+  font-family: "adelle",serif;
+  font-style: italic;
+  font-weight: 100;
+  font-size: 16px;
+  color: #95A5A6;
+  line-height: 1.1em;
+  margin-bottom: 4px;
+}
+
+.blog {
+  font-family: 'Merriweather', serif;
+  font-size: 16px;
+  line-height: 1.6em;
+  weight: 300;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+code {
+  font-family: 'Consolas';
+  color: rgba(25, 95, 145, 1);
+  background-color: rgba(245, 245, 245, 0.8);
+}
+
+pre {
+    overflow-x: auto;
+}
+pre code {
+    overflow-wrap: normal;
+    white-space: pre;
+}
+
+@font-face {
+    font-family: 'icomoon';
+    src:    url('{{ site.baseurl }}/resources/glyphs/icomoon.eot?e3cy15');
+    src:    url('{{ site.baseurl }}/resources/glyphs/icomoon.eot?e3cy15#iefix') format('embedded-opentype'),
+        url('{{ site.baseurl }}/resources/glyphs/icomoon.ttf?e3cy15') format('truetype'),
+        url('{{ site.baseurl }}/resources/glyphs/icomoon.woff?e3cy15') format('woff'),
+        url('{{ site.baseurl }}/resources/glyphs/icomoon.svg?e3cy15#icomoon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+    /* use !important to prevent issues with browser extensions that change fonts */
+    font-family: 'icomoon' !important;
+    speak: none;
+    font-style: normal;
+    font-weight: normal;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+
+    /* Better Font Rendering =========== */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-github2:before {
+    content: "\e901";
+}
+.icon-presentation:before {
+    content: "\e900";
+}
+.icon-play:before {
+    content: "\e912";
+}
+.icon-code:before {
+    content: "\ea80";
+}
+.icon-github:before {
+    content: "\eab0";
+}
+.icon-file-pdf:before {
+    content: "\eadf";
+}
+
+.tooltip.bottom .tooltip-inner {
+    background-color:rgba(52, 73, 94, 1);
+}
+.tooltip.bottom .tooltip-arrow {
+      border-bottom-color: rgba(52, 73, 94, 1);
+}
+.publications > h1,
+.selected-talks > h1 {
+  font-family: "adelle", sans-serif;
+  color: #E74C3C;
+  margin-bottom: 16px;
+}
+
+nav[data-toggle='toc'] {
+  margin-top: 30px;
+}
+
+/* small screens */
+@media (max-width: 768px) {
+  /* override the Affix plugin so that the navigation isn't sticky */
+  nav.affix[data-toggle='toc'] {
+    position: static;
+  }
+
+  /* PICK ONE */
+  /* don't expand nested items, which pushes down the rest of the page when navigating */
+  /*nav[data-toggle='toc'] .nav .active .nav {
+    display: none;
+  }*/
+  /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
+  /*nav[data-toggle='toc'] .nav .nav {
+    display: block;
+  }*/
+}
+
+/* sidebar */
+#toc {
+  font-family: 'Open Sans', sans-serif;
+  font-weight: 300;
+  font-size: 16px;
+  /*padding-left: 20px;*/
+  margin-top: 50px;
+  /*margin-bottom: 20px;  */
+  max-width: 292px;
+}
+
+#toc a:link {
+  font-weight: 300;
+}
+
+#toc ul li {
+  margin-bottom: 0px;
+}
+
+
+#toc .nav>li {
+  margin-left: none;
+}
+
+/* all links */
+#toc .nav>li>a {
+    color: #999;
+    border-left: 2px solid transparent;
+    padding: 4px 20px;
+    font-size: 13px;
+    font-weight: 400;
+    border-bottom: none;
+    line-height: 1.5em;
+}
+
+/* nested links */
+#toc .nav .nav>li>a {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    padding-left: 36px;
+    font-size: 12px;
+    margin-bottom: 6px;
+}
+
+#toc > .nav > li > a {
+  font-weight: 700;
+}
+
+/* active & hover links */
+#toc .nav>.active>a,
+#toc .nav>li>a:hover,
+#toc .nav>li>a:focus {
+    /*color: #563d7c;*/
+    color: #34495e;
+    text-decoration: none;
+    background-color: transparent;
+    /*border-left-color: #563d7c;*/
+    border-left-color: #34495e;
+    margin-left: 0px;
+}
+/* all active links */
+#toc .nav>.active>a,
+#toc .nav>.active:hover>a,
+#toc .nav>.active:focus>a {
+    font-weight: 700;
+}
+/* nested active links */
+#toc .nav .nav>.active>a,
+#toc .nav .nav>.active:hover>a,
+#toc .nav .nav>.active:focus>a {
+    font-weight: 500;
+}
+
+/* hide inactive nested list */
+#toc .nav ul.nav {
+    display: none;
+    margin-left: -24px;
+}
+/* show active nested list */
+#toc .nav>.active>ul.nav {
+    display: block;
+}
+
+.toc-header {
+  margin-left: 24px;
+  color: #999;
+  font-style: italic;
+}
+
+.toc-hide,
+.toc-expand {
+  font-size: 9px;
+  text-transform: uppercase;
+  font-weight: 700;
+  color: rgba(153, 153, 153, 0.4);
+  padding: 3px 4px;
+  /*background-color: rgba(149, 165, 166, 0.08);*/
+  /*padding: 4px;*/
+  /*padding-right: 10px;*/
+  border-radius: 2px 2px 2px 2px;
+  margin-right: 4px;
+  -webkit-transition: color .1s ease-in;
+  -moz-transition: color .1s ease-in;
+  -ms-transition: color .1s ease-in;
+  -o-transition: color .1s ease-in;
+  transition: color .1s ease-in;
+}
+
+.toc-hide:hover,
+.toc-expand:hover {
+  background-color: #E74C3C;
+  -webkit-transition: color .2s ease-in;
+  -moz-transition: color .2s ease-in;
+  -ms-transition: color .2s ease-in;
+  -o-transition: color .2s ease-in;
+  transition: color .2s ease-in;
+  color: #ffffff;
+  cursor: pointer;
+}
+
+.toc-hide {
+  margin-left: 100px;
+}
+
+.toc-contents {
+  font-family: "Merriweather", serif;
+}
+
+.lighter {
+  color: rgba(153, 153, 153, 0.3);
+}
+
+.gray-bg {
+  background-color: rgba(149, 165, 166, 0.11);
+}
+
+@media print {
+
+    * {
+      color: currentColor;;
+    }
+
+    body {
+      margin: 50mm 0mm 25mm 25mm;
+    }
+
+    .make-grid(sm);
+
+    .visible-xs {
+        .responsive-invisibility();
+    }
+
+    .hidden-xs {
+        .responsive-visibility();
+    }
+
+    .hidden-xs.hidden-print {
+        .responsive-invisibility();
+    }
+
+    .hidden-sm {
+        .responsive-invisibility();
+    }
+
+    .visible-sm {
+        .responsive-visibility();
+    }
+
+    .first, .last {
+      color: #5a5a5a;
+    }
+
+    h2 {
+      font-size: 26px;
+    }
+
+    h3 {
+      font-size: 20px;
+    }
+
+    h4 {
+      font-size: 18px;
+    }
+
+    h5 {
+      font-size: 16px;
+    }
+
+    .blog {
+      width: 568px;
+      font-size: 13px;
+    }
+
+    a[href]:after {
+      content: none;
+    }
+
+    .jumbotron {
+      display: none;
+    }
+}
+
+.navbar-toggle {
+  border: none;
+}
+
+.toggle-button {
+  border: none;
+  position: absolute;
+  top: 12px;
+  left: 12px;
+  outline:none;
+  content: '☰';
+}