diff --git a/_site/assets/projects/strava.ps b/_site/assets/projects/strava.ps
deleted file mode 100644
index 173fe6f..0000000
Binary files a/_site/assets/projects/strava.ps and /dev/null differ
diff --git a/_site/css/style.css b/_site/css/style.css
index 5f66715..58d2440 100644
--- a/_site/css/style.css
+++ b/_site/css/style.css
@@ -223,6 +223,11 @@ pre > code {
   font-weight: 300;
   line-height: 150%;
 }
+@media screen and (max-width: 600px) {
+  .about-me { /* ADDED: allows nav to be displayed better on mobile without compressing */
+    font-size: 17px;
+  }
+}
 .about-me .how-i-can-provide {
   background-color: #ffffff;
   padding: 16px;
diff --git a/_site/css/style.css.map b/_site/css/style.css.map
index f0d7172..9796d7c 100644
--- a/_site/css/style.css.map
+++ b/_site/css/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":";AAgB4B;AAuC5B;AAAA;AAAA;AAGA;AAAA;AAAA;EAGI;EACA;;;AAKJ;AAAA;AAAA;AAGC;EACC,aA9DiB;EA+DjB,WAhEiB;EAiEjB,aA9DiB;EA+DjB,aAnEiB;EAoEjB,OA5DiB;EA6DjB,kBA5DiB;EA6DjB;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;EAII;;;AAKJ;AAAA;AAAA;AAGA;EACI;EACA;;;AAKJ;AAAA;AAAA;AAGA;EACI;;;AAGJ;EACI,WA1Ge;;;AA+GnB;AAAA;AAAA;AAGA;EACI,aAhHe;;;AAoHf;AAAA;EAEK;;;AAMT;AAAA;AAAA;AAGA;EACI,aApIe;;;AAyInB;AAAA;AAAA;AAGA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIF;EACI,OArJS;EAsJT;;AAGN;EACE;;AACA;EAEI;;AAGJ;EACI;;AAGN;EACE;;AACA;EAEI;;AAGJ;EACI;;;AAOV;AAAA;AAAA;AAGA;EACI,OAlLe;EAmLf;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAMR;AAAA;AAAA;AAGA;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAMR;AAAA;AAAA;AAGA;EACI;EACA;EACA;EACA;EACA,eA3Oe;EA4Of,cA5Oe;;AA2Bf;EA2MJ;IAUQ;IACA;IACA;IACA;;;;AAMR;AAAA;AAAA;AAKI;EACI;EACA;EACA;;;AAMR;AAAA;AAAA;AAiBA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EAEA;EACA;EA8BA;;AA5BA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;;AAKJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EAEA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE,OA7Ye;;;AAgZnB;EACE,OAjZiB;EAkZjB;EACA;EACA;EACA;;;AAEF;EACE;EACA;;AAvYE;EAqYJ,mBAImC;IAC/B;IACA;;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAvZE;EA8YJ,mBAYmC;IAC/B;;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGA;EACE,OA3ce;EA4cf,aAhde;;AAkdf;EACE;;AAtbF;EAgbJ;IAUI;IACA;IACA;IACA,kBArde;IAsdf;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;;EACA;IACE,MA/dS;;EAmef;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IAIA;;EAHA;IACE;;;;AAMR;AAAA;AAAA;AAIA;EACE;EACA;;;AAGD;EACC;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EAAO,MAvhBQ;;AA0hBjB;EACE;;AACA;EAAO,MA/hBO;;;AAqBd;EAuhBA;IACI;IACA;;;AAIR;AAAA;AAAA;AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;AACA;EACE,eArkBe;;;AAwkBnB;EACE,WA5kBiB;EA6kBjB,OAnkBiB;EAokBjB;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE,eAtlBiB;;;AAwlBnB;EACE;EACA;EACA;EACA;;AAjkBE;EA6jBJ;IAMI;;;;AAGJ;EACE,eAlmBiB;EAmmBjB;;AACA;EACE;;AAEF;EACE;;AA7kBA;EA4kBF;IAGI;;;AAGJ;EACE;;AAnlBA;EAklBF;IAGI;;;AAGJ;EACE;;AAzlBA;EAwlBF;IAGI;;;;AAKN;AAAA;AAAA;AAGC;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAGI;;;AAGR;EACI;;;AAGL;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAGR;AAAA;EAEI;EACA;;AACA;AAAA;AAAA;AAAA;EAGI;;;AAGR;EACI;;;AAGJ;AAAA;AAAA;AAIA;EACI;;;AAGJ;AAAA;AAAA;AAIA;EAYE;;AATA;EACE;;AAGF;EACE;EACA;;;AAOJ;EACE;EACA;EACA;EAGC;EACA;EACA;;AAprBC;EA4qBJ;IAYQ;IACA;;;AAzrBJ;EA4qBJ;IAiBM;IACA;;;;AAQN;EAEE;;AAEA;EACE;EAIA;;AA/sBA;EA0sBF;IAGI;;;AAKJ;EACE;;AAIF;EAEE;EACA;EAIA;EAEE;;AAhuBF;EAutBF;IAKI;;;;AAWN;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI,OAlxBU;EAmxBV;;;AAIR;EACI;EACA;EACA;EACA;;AAGA;AACE;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AA3xBF;EAywBA;IAsBI;IACA;;;AAhyBJ;EAywBA;IA2BE;IACA;;;;AASN;EAEE;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAIA;EAEE;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACK;;AAGL;EACE;;AAGF;EACI;;AAGJ;EACE;;;AAUJ;AAAA;AAAA;AAGA;EACI;;AAGA;EACE;;AAGF;EAAS;EAAa;;AACtB;EAAS;EAAgB;;AACzB;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;EAAa;EAAmB;;AACzC;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS","sourcesContent":["// @import \"main\";\n\n@charset \"utf-8\";\n\n// Our variables\n@use \"sass:list\";\n\n$base-font-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\n$base-font-size:   16px;\n$base-font-weight: 400;\n$small-font-size:  $base-font-size * 0.875;\n$base-line-height: 1.5;\n\n$spacing-unit:     30px;\n\n$text-color:       #000;\n$background-color: #ffffff; /* Changed from light gray */\n$brand-color:      #2a7ae2;\n\n$blue-color:      #1B3FAE;\n$grey-color:       #828282;\n$grey-color-light: lighten($grey-color, 40%);\n$grey-color-dark:  darken($grey-color, 25%);\n\n// Width of the content area\n$content-width:    800px;\n\n$on-palm:          600px;\n$on-laptop:        800px;\n\n\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n//     .wrapper {\n//         padding-right: $spacing-unit / 2;\n//         padding-left: $spacing-unit / 2;\n//     }\n// }\n@mixin media-query($device) {\n    @media screen and (max-width: $device) {\n        @content;\n    }\n}\n\n\n\n// Import partials from `sass_dir` (defaults to `_sass`)\n@import\n        \"base\",\n        \"layout\",\n        \"syntax-highlighting\"\n;\n\n\n/**\n * Reset some basic elements\n */\nbody, h1, h2, h3, h4, h5, h6,\np, blockquote, pre, hr,\ndl, dd, ol, ul, figure {\n    margin: 0;\n    padding: 0;\n}\n\n\n\n/**\n * Basic styling\n */\n body {\n  font-weight: $base-font-weight;\n  font-size: $base-font-size;\n  line-height: $base-line-height;\n  font-family: $base-font-family;\n  color: $text-color;\n  background-color: $background-color;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-feature-settings: \"kern\" 1;\n  -moz-font-feature-settings: \"kern\" 1;\n  -o-font-feature-settings: \"kern\" 1;\n  font-feature-settings: \"kern\" 1;\n  font-kerning: normal;\n}\n\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\nul, ol, dl, figure,\n%vertical-rhythm {\n    margin-bottom: $spacing-unit * 0.5;\n}\n\n\n\n/**\n * Images\n */\nimg {\n    max-width: 100%;\n    vertical-align: middle;\n}\n\n\n\n/**\n * Figures\n */\nfigure > img {\n    display: block;\n}\n\nfigcaption {\n    font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul, ol {\n    margin-left: $spacing-unit;\n}\n\nli {\n    > ul,\n    > ol {\n         margin-bottom: 0;\n    }\n}\n\n\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n    font-weight: $base-font-weight;\n}\n\n\n\n/**\n * Links\n */\na {\n    color: #000 !important;\n    text-decoration: none;\n\n    &:visited {\n        color: darken($brand-color, 15%);\n    }\n\n    &:hover {\n        color: black !important;\n        border-bottom: 1px dotted black ;\n    }\n\n    &.page-link{\n      &:hover {\n          color: $text-color;\n          border-bottom: 1px dotted black ;\n      }\n    }\n    &.postLink{\n      color: black !important;\n      &:hover {\n\n          border-bottom: 1px dotted black ;\n      }\n\n      &:visited {\n          color: \"crimson\" !important;\n      }\n    }\n    &.post-title-link{\n      color: black !important;\n      &:hover {\n\n          border-bottom: 1px dotted black !important ;\n      }\n\n      &:visited {\n          color: \"crimson\" !important;\n      }\n    }\n}\n\n\n\n/**\n * Blockquotes\n */\nblockquote {\n    color: $grey-color;\n    border-left: 4px solid $grey-color-light;\n    padding-left: $spacing-unit * 0.5;\n    font-size: 18px;\n    letter-spacing: -1px;\n    font-style: italic;\n\n    > :last-child {\n        margin-bottom: 0;\n    }\n}\n\n\n\n/**\n * Code formatting\n */\npre,\ncode {\n    font-size: 15px;\n    border: 1px solid $grey-color-light;\n    border-radius: 3px;\n    background-color: #eef;\n}\n\ncode {\n    padding: 1px 5px;\n}\n\npre {\n    padding: 8px 12px;\n    overflow-x: auto;\n\n    > code {\n        border: 0;\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n\n\n\n/**\n * Wrapper\n */\n.wrapper {\n    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n    max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: $spacing-unit;\n    padding-left: $spacing-unit;\n    @extend %clearfix;\n\n    @include media-query($on-laptop) {\n        max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n        max-width:         calc(#{$content-width} - (#{$spacing-unit}));\n        padding-right: $spacing-unit * 0.5;\n        padding-left: $spacing-unit * 0.5;\n    }\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix {\n\n    &:after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n}\n\n\n\n/**\n * Icons\n */\n// .icon {\n\n//     > svg {\n//         display: inline-block;\n//         width: 16px;\n//         height: 16px;\n//         vertical-align: middle;\n\n//         path {\n//             fill: $grey-color;\n//         }\n//     }\n// }\n\n.post {\n  font-family: \"Source Sans Pro\";\n  font-size: 18px;\n  font-weight: 300;\n  padding-top: 0;\n}\n.home{\n  padding-bottom: 2em;\n}\n.download {\n  padding: 10px;\n}\n.authorKeyword {\n  text-transform: uppercase;\n  font-size: 16px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n  padding-top:0.5em;\n}\n.writtenBy {\n  letter-spacing: 0;\n  text-indent: 0;\n  text-transform: uppercase;\n}\n.about-me {\n  text-align: justify;\n  padding-left: 1em;\n  padding-right: 1em;\n  font-size: 20px;\n\n  font-family: \"Source Sans Pro\";\n  font-weight: 300;\n\n  .how-i-can-provide {\n    background-color: #ffffff;\n    padding: 16px;\n    border-radius: 20px;\n    margin-bottom: 26px;\n    border: 1px solid #d0d0d0;\n  }\n\n  a {\n    font-weight: 500;\n  }\n  b {\n    font-weight: 500\n  }\n  ul {\n    list-style-type: '- ';\n    line-height: normal;\n    margin-left: 16px;\n    b {\n      color: blue;\n    }\n  }\n  li {\n    margin-top: 16px;\n  }\n  p{\n    padding-bottom:0.5em;\n  }\n  line-height:150%;\n\n}\n.archiveIntro {\n  text-align: center;\n}\n.hint {\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.example {\n  font-family: 'Menlo';\n  padding: 10px;\n}\n.manual {\n  text-transform: uppercase;\n  font-size: 16px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.postContent {\n  padding-bottom: 3em;\n  text-align: left;\n}\n.postDate {\n  float: left;\n  text-transform: uppercase;\n  font-family: \"Source Sans Pro\";\n  font-size: 16px;\n  font-weight: 300;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.postTag {\n  float: right;\n}\n.postTitle {\n  font-family: \"Helvetica Neue\", Helvetica;\n  font-weight: 400;\n  text-align: left;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  text-indent: 3px;\n}\n/**\n * Site header\n */\n.site-header {\n  border-top: 5px solid $grey-color-dark;\n  border-bottom: 1px solid $grey-color-light;\n  min-height: 56px;\n  // Positioning context for the mobile navigation icon\n  position: relative;\n}\n.site-title {\n  font-size: 64px;\n  font-weight: 100;\n  font-family: 'Helvetica Neue', Helvetica;\n  text-transform: capitalize;\n  font-weight: 300;\n  margin-top: 10px; /* Changed */\n  &,\n  &:visited {\n    color: $grey-color-dark;\n  }\n}\n.site-description {\n  color: $grey-color-dark;  \n  font-size: 12px;\n  letter-spacing: 2px;\n  text-indent: 6px;\n  font-family: 'Josefin Sans';\n}\n.exclamationMark {\n  padding-left: 2em;\n  padding-right: 2em;\n\n  @include media-query($on-palm) { /* ADDED: allows nav to be displayed better on mobile without compressing */\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n}\n.site-navigation {\n  color: #000;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 2px;\n  text-indent: 8px;\n  font-family: 'Helvetica Neue', Helvetica;\n  font-weight: 300;\n  padding-top: 2em;\n  padding-bottom: 2em;\n\n\n  @include media-query($on-palm) { /* ADDED: allows elements to be displayed better on mobile */\n    font-size: 12px;\n  }\n}\n.page-title {\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-indent: 2px;\n  font-family: \"Helvetica Neue\", Helvetica;\n  font-size: 18px;\n  text-align:center;\n}\n.page-tagline {\n  font-size: 18px;\n  font-family: \"PT Sans\";\n  color: rgb(170, 170, 170);\n  text-align: center;\n  text-transform: lowercase;\n}\n.page-link {\n  color: rgb(170, 170, 170);\n}\n.site-nav {\n  .page-link {\n    color: $text-color;\n    line-height: $base-line-height;\n    // Gaps between nav items, but not on the last one\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n  @include media-query($on-palm) {\n    position: absolute;\n    top: 9px;\n    right: $spacing-unit * 0.5;\n    background-color: $background-color;\n    border: 1px solid $grey-color-light;\n    border-radius: 5px;\n    text-align: right;\n    .menu-icon {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 26px;\n      line-height: 0;\n      padding-top: 10px;\n      text-align: center;\n      > svg {\n        width: 18px;\n        height: 15px;\n        path {\n          fill: $grey-color-dark;\n        }\n      }\n    }\n    .trigger {\n      clear: both;\n      display: none;\n    }\n    &:hover .trigger {\n      display: block;\n      padding-bottom: 5px;\n    }\n    .page-link {\n      display: block;\n      padding: 5px 10px;\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n      margin-left: 20px;\n    }\n  }\n}\n/**\n * Site footer\n */\n\n.container {\n  min-height: calc(100vh - 36px);  \n  margin-bottom: -36px;  \n}\n\n .push {\n  height: 36px;\n  margin-bottom: -37px;\n }\n\n.site-footer {\n  position: relative;\n  left:0;\n  bottom: 0;\n  height: 36px;\n\n  border-top: 2px dashed $grey-color-light;\n  padding: $spacing-unit*0.5;\n  text-align: center;\n}\n\n.footer-icon {\n  margin-left:6px;\n  margin-right:6px;\n  \n  svg {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    vertical-align: middle;\n    path { fill: $grey-color-dark; }\n  }\n\n  a:hover {\n    border-bottom: 0px;\n    path { fill: $blue-color; }\n  }\n\n}\n\n@include media-query($on-laptop) {\n  \n}\n@include media-query($on-palm) {    \n  // margin-left:5px;\n  // margin-right:5px;\n\n  .footer-icon {    \n    svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n}\n/**\n * Page content\n */\n.page-content {\n  padding: 0;\n}\n.page-heading {\n  font-size: 20px;\n}\n.post-list {\n  margin-left: 0;\n  list-style: none;\n  > li {\n    margin-bottom: $spacing-unit;\n  }\n}\n.post-meta {\n  font-size: $small-font-size;\n  color: $grey-color;\n  text-transform: uppercase;\n  font-size: 16px;\n}\n.post-link {\n  display: block;\n  font-size: 24px;\n}\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n.post-title {\n  font-size: 36px;\n  text-align: center;\n  font-family: \"Source Sans Pro\";\n  font-weight: 400;\n  @include media-query($on-laptop) {\n    font-size: 36px;\n  }\n}\n.post-content {\n  margin-bottom: $spacing-unit;\n  padding-bottom: 1em !important;\n  p {\n    font-size: 1.2rem;\n  }\n  h2 {\n    font-size: 32px;\n    @include media-query($on-laptop) {\n      font-size: 28px;\n    }\n  }\n  h3 {\n    font-size: 26px;\n    @include media-query($on-laptop) {\n      font-size: 22px;\n    }\n  }\n  h4 {\n    font-size: 20px;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n  }\n}\n\n/**\n * Pagination\n */\n .pagination {\n     padding-top: 3.5em;\n     text-align: center;\n }\n .paginationLink {\n     border: 0;\n     display: inline-block;\n     padding: 5px;\n     text-decoration: none;\n     transition: color 200ms ease-out;\n\n     &:hover,\n     &:active,\n     &:focus {\n         border: 0;\n     }\n }\n .paginationLinkCurrent {\n     font-style: normal;\n }\n\n.postNavigation {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 3em;\n\n    a:only-child {\n        width: 100%;\n    }\n}\n.postPrev,\n.postNext {\n    display: inline-block;\n    width: 49%;\n    &:hover,\n    &:active,\n    &:focus {\n        border: 0;\n    }\n}\n.postNext {\n    text-align: right;\n}\n\n/*\n * ADDED: for blog categories;\n */\n\n.catbloc:not(:target) {\n    display: none;\n}\n\n/*\n * ADDED: for project stuff\n */\n\n.projects {\n\n  \n  p {\n    font-size: 1rem;\n  }\n\n  strong {\n    font-weight: 400;\n    font-family:Arial\n  }\n\n  padding-top: 1em;\n\n}\n\n.project {\n  width:720px;\n  border:1px solid #c9c9c9;\n  overflow:auto; \n  \n\n   transition: background 0.8s linear;\n   -webkit-transition: background 0.8s linear;\n   -moz-transition: background 0.8s linear;\n    \n   \n   @include media-query($on-laptop) {\n        margin: auto;    \n        width:500px;\n       }\n\n    @include media-query($on-palm) {\n      margin: auto;      \n      width:320px;\n    }\n\n}\n\n\n\n\n.project-title{\n\n  padding-bottom: 5px;\n\n  h2 {\n    font-size: 22px;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n    display:inline\n  }\n\n  h2::after { \n    content: \"\\00a0\\00a0\";\n  }\n\n\n  .date {\n\n    font-size: 18px;\n    color: #999999;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n    display:inline;\n\n      position: relative;\n\n  }\n\n}\n\n\n.project-image {\n    width: 32%;\n    float: left;\n    padding: 10px;\n    border: 0px solid red;\n    box-sizing: border-box;\n}\n.project-body {\n    width: 68%;\n    float: left;\n    padding: 5px;\n    padding-right: 1rem;\n\n    border: 0px solid red;\n    box-sizing: border-box;\n}\n\n.project-links{\n    float: left;\n    font-size: 1rem;\n    font-style: bold;\n    .a:hover{\n        color: $blue-color;\n        border-bottom: 1px dotted black ;\n      }\n}\n\n.project-tags{\n    float: right;\n    list-style: none;\n    padding-top: 0.2rem;\n    margin-left: 15px;\n\n\n    .project-tag{\n      /* For mobile */\n      display: inline-block;\n\n      /* Tag rounded edges */\n      -webkit-border-radius: 5px;\n      -moz-border-radius: 5px;\n      border-radius: 5px;\n\n      /* Tag box properties */\n      border: 1px solid black;\n      background: #ffffff;\n      padding: 6px;\n      font-size: 0.9rem;\n      font-family: 'Open Sans', sans-serif;\n\n      /* Space between tags */\n      margin-left: 3px;\n      margin-bottom: 5px;\n\n\n      @include media-query($on-laptop) {\n        font-size: 0.8rem;\n        padding: 4px;        \n      }\n  \n    @include media-query($on-palm) {\n      font-size: 0.7rem;\n      padding: 3px;      \n    }\n  \n\n    }\n\n\n}\n\n.projects-bottom {\n  \n  text-align: center;\n}\n\n.fa{\n  font-size: 1.3rem;\n}\n\n.project:hover {\n    background: #efefef;\n}\n\n.miniproject:hover {\n    background: #efefef;\n}\n\n/*\n * ADDED: for OUTSIDE page\n */\n\n.outside {\n\n  padding-top: 1rem;\n  font-size: 18px;\n\n  h3 {\n      font-family: \"Helvetica Neue\", Helvetica;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      text-indent: 2px;\n      font-weight: 300;\n  }\n\n  h4 {\n      font-weight: 300;\n      display: inline-block;\n      text-decoration: none;\n      border-bottom: 1px dashed black;\n      margin-bottom: 1em;\n    }\n  \n  h5 {\n      font-size: 18px;\n      font-weight:100;\n  }\n\n  p {\n    text-align: justify;\n    font-size: 18px;\n  }\n\n\n  ul {\n    padding-left: 1rem;\n    list-style-type: none;\n\n  }\n\n  li {\n       margin:0 0 10px 0;   \n  }\n\n  a {\n    font-weight: 400;\n  }\n  \n  .a:hover{\n      border-bottom: 1px dotted black;\n  }\n\n  .showpast:hover{\n    border-bottom: 1px dotted #777;\n  }\n\n\n}\n\n\n\n\n\n/**\n * Syntax highlighting styles\n */\n.highlight {\n    background: #fff;\n    @extend %vertical-rhythm;\n\n    .highlighter-rouge & {\n      background: #eef;\n    }\n\n    .c     { color: #998; font-style: italic } // Comment\n    .err   { color: #a61717; background-color: #e3d2d2 } // Error\n    .k     { font-weight: bold } // Keyword\n    .o     { font-weight: bold } // Operator\n    .cm    { color: #998; font-style: italic } // Comment.Multiline\n    .cp    { color: #999; font-weight: bold } // Comment.Preproc\n    .c1    { color: #998; font-style: italic } // Comment.Single\n    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n    .gd    { color: #000; background-color: #fdd } // Generic.Deleted\n    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\n    .ge    { font-style: italic } // Generic.Emph\n    .gr    { color: #a00 } // Generic.Error\n    .gh    { color: #999 } // Generic.Heading\n    .gi    { color: #000; background-color: #dfd } // Generic.Inserted\n    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\n    .go    { color: #888 } // Generic.Output\n    .gp    { color: #555 } // Generic.Prompt\n    .gs    { font-weight: bold } // Generic.Strong\n    .gu    { color: #aaa } // Generic.Subheading\n    .gt    { color: #a00 } // Generic.Traceback\n    .kc    { font-weight: bold } // Keyword.Constant\n    .kd    { font-weight: bold } // Keyword.Declaration\n    .kp    { font-weight: bold } // Keyword.Pseudo\n    .kr    { font-weight: bold } // Keyword.Reserved\n    .kt    { color: #458; font-weight: bold } // Keyword.Type\n    .m     { color: #099 } // Literal.Number\n    .s     { color: #d14 } // Literal.String\n    .na    { color: #008080 } // Name.Attribute\n    .nb    { color: #0086B3 } // Name.Builtin\n    .nc    { color: #458; font-weight: bold } // Name.Class\n    .no    { color: #008080 } // Name.Constant\n    .ni    { color: #800080 } // Name.Entity\n    .ne    { color: #900; font-weight: bold } // Name.Exception\n    .nf    { color: #900; font-weight: bold } // Name.Function\n    .nn    { color: #555 } // Name.Namespace\n    .nt    { color: #000080 } // Name.Tag\n    .nv    { color: #008080 } // Name.Variable\n    .ow    { font-weight: bold } // Operator.Word\n    .w     { color: #bbb } // Text.Whitespace\n    .mf    { color: #099 } // Literal.Number.Float\n    .mh    { color: #099 } // Literal.Number.Hex\n    .mi    { color: #099 } // Literal.Number.Integer\n    .mo    { color: #099 } // Literal.Number.Oct\n    .sb    { color: #d14 } // Literal.String.Backtick\n    .sc    { color: #d14 } // Literal.String.Char\n    .sd    { color: #d14 } // Literal.String.Doc\n    .s2    { color: #d14 } // Literal.String.Double\n    .se    { color: #d14 } // Literal.String.Escape\n    .sh    { color: #d14 } // Literal.String.Heredoc\n    .si    { color: #d14 } // Literal.String.Interpol\n    .sx    { color: #d14 } // Literal.String.Other\n    .sr    { color: #009926 } // Literal.String.Regex\n    .s1    { color: #d14 } // Literal.String.Single\n    .ss    { color: #990073 } // Literal.String.Symbol\n    .bp    { color: #999 } // Name.Builtin.Pseudo\n    .vc    { color: #008080 } // Name.Variable.Class\n    .vg    { color: #008080 } // Name.Variable.Global\n    .vi    { color: #008080 } // Name.Variable.Instance\n    .il    { color: #099 } // Literal.Number.Integer.Long\n}\n"],"file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["style.scss"],"names":[],"mappings":";AAgB4B;AAuC5B;AAAA;AAAA;AAGA;AAAA;AAAA;EAGI;EACA;;;AAKJ;AAAA;AAAA;AAGC;EACC,aA9DiB;EA+DjB,WAhEiB;EAiEjB,aA9DiB;EA+DjB,aAnEiB;EAoEjB,OA5DiB;EA6DjB,kBA5DiB;EA6DjB;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;AAGA;AAAA;AAAA;AAAA;EAII;;;AAKJ;AAAA;AAAA;AAGA;EACI;EACA;;;AAKJ;AAAA;AAAA;AAGA;EACI;;;AAGJ;EACI,WA1Ge;;;AA+GnB;AAAA;AAAA;AAGA;EACI,aAhHe;;;AAoHf;AAAA;EAEK;;;AAMT;AAAA;AAAA;AAGA;EACI,aApIe;;;AAyInB;AAAA;AAAA;AAGA;EACI;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;;AAIF;EACI,OArJS;EAsJT;;AAGN;EACE;;AACA;EAEI;;AAGJ;EACI;;AAGN;EACE;;AACA;EAEI;;AAGJ;EACI;;;AAOV;AAAA;AAAA;AAGA;EACI,OAlLe;EAmLf;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAMR;AAAA;AAAA;AAGA;AAAA;EAEI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;;AAEA;EACI;EACA;EACA;;;AAMR;AAAA;AAAA;AAGA;EACI;EACA;EACA;EACA;EACA,eA3Oe;EA4Of,cA5Oe;;AA2Bf;EA2MJ;IAUQ;IACA;IACA;IACA;;;;AAMR;AAAA;AAAA;AAKI;EACI;EACA;EACA;;;AAMR;AAAA;AAAA;AAiBA;EACE;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EAkCA;;AA7TE;EAqRJ,YAQmC;IAC/B;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAGJ;EACE;;AAEF;EACE;;;AAKJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EAEA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EAEE,OAhZe;;;AAmZnB;EACE,OApZiB;EAqZjB;EACA;EACA;EACA;;;AAEF;EACE;EACA;;AA1YE;EAwYJ,mBAImC;IAC/B;IACA;;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA1ZE;EAiZJ,mBAYmC;IAC/B;;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;;;AAGA;EACE,OA9ce;EA+cf,aAnde;;AAqdf;EACE;;AAzbF;EAmbJ;IAUI;IACA;IACA;IACA,kBAxde;IAydf;IACA;IACA;;EACA;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EACA;IACE;IACA;;EACA;IACE,MAleS;;EAsef;IACE;IACA;;EAEF;IACE;IACA;;EAEF;IACE;IACA;IAIA;;EAHA;IACE;;;;AAMR;AAAA;AAAA;AAIA;EACE;EACA;;;AAGD;EACC;EACA;;;AAGF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AACA;EAAO,MA1hBQ;;AA6hBjB;EACE;;AACA;EAAO,MAliBO;;;AAqBd;EA0hBA;IACI;IACA;;;AAIR;AAAA;AAAA;AAGA;EACE;;;AAEF;EACE;;;AAEF;EACE;EACA;;AACA;EACE,eAxkBe;;;AA2kBnB;EACE,WA/kBiB;EAglBjB,OAtkBiB;EAukBjB;EACA;;;AAEF;EACE;EACA;;;AAEF;AAAA;AAAA;AAGA;EACE,eAzlBiB;;;AA2lBnB;EACE;EACA;EACA;EACA;;AApkBE;EAgkBJ;IAMI;;;;AAGJ;EACE,eArmBiB;EAsmBjB;;AACA;EACE;;AAEF;EACE;;AAhlBA;EA+kBF;IAGI;;;AAGJ;EACE;;AAtlBA;EAqlBF;IAGI;;;AAGJ;EACE;;AA5lBA;EA2lBF;IAGI;;;;AAKN;AAAA;AAAA;AAGC;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAGI;;;AAGR;EACI;;;AAGL;EACI;EACA;EACA;EACA;;AAEA;EACI;;;AAGR;AAAA;EAEI;EACA;;AACA;AAAA;AAAA;AAAA;EAGI;;;AAGR;EACI;;;AAGJ;AAAA;AAAA;AAIA;EACI;;;AAGJ;AAAA;AAAA;AAIA;EAYE;;AATA;EACE;;AAGF;EACE;EACA;;;AAOJ;EACE;EACA;EACA;EAGC;EACA;EACA;;AAvrBC;EA+qBJ;IAYQ;IACA;;;AA5rBJ;EA+qBJ;IAiBM;IACA;;;;AAQN;EAEE;;AAEA;EACE;EAIA;;AAltBA;EA6sBF;IAGI;;;AAKJ;EACE;;AAIF;EAEE;EACA;EAIA;EAEE;;AAnuBF;EA0tBF;IAKI;;;;AAWN;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EAEA;EACA;;;AAGJ;EACI;EACA;EACA;;AACA;EACI,OArxBU;EAsxBV;;;AAIR;EACI;EACA;EACA;EACA;;AAGA;AACE;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AA9xBF;EA4wBA;IAsBI;IACA;;;AAnyBJ;EA4wBA;IA2BE;IACA;;;;AASN;EAEE;;;AAGF;EACE;;;AAGF;EACI;;;AAGJ;EACI;;;AAGJ;AAAA;AAAA;AAIA;EAEE;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACE;EACA;;AAIF;EACE;EACA;;AAIF;EACK;;AAGL;EACE;;AAGF;EACI;;AAGJ;EACE;;;AAUJ;AAAA;AAAA;AAGA;EACI;;AAGA;EACE;;AAGF;EAAS;EAAa;;AACtB;EAAS;EAAgB;;AACzB;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;EAAa;EAAmB;;AACzC;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;EAAa;;AACtB;EAAS;EAAa;;AACtB;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS;;AACT;EAAS","sourcesContent":["// @import \"main\";\n\n@charset \"utf-8\";\n\n// Our variables\n@use \"sass:list\";\n\n$base-font-family: \"Source Sans Pro\", Helvetica, Arial, sans-serif;\n$base-font-size:   16px;\n$base-font-weight: 400;\n$small-font-size:  $base-font-size * 0.875;\n$base-line-height: 1.5;\n\n$spacing-unit:     30px;\n\n$text-color:       #000;\n$background-color: #ffffff; /* Changed from light gray */\n$brand-color:      #2a7ae2;\n\n$blue-color:      #1B3FAE;\n$grey-color:       #828282;\n$grey-color-light: lighten($grey-color, 40%);\n$grey-color-dark:  darken($grey-color, 25%);\n\n// Width of the content area\n$content-width:    800px;\n\n$on-palm:          600px;\n$on-laptop:        800px;\n\n\n\n// Use media queries like this:\n// @include media-query($on-palm) {\n//     .wrapper {\n//         padding-right: $spacing-unit / 2;\n//         padding-left: $spacing-unit / 2;\n//     }\n// }\n@mixin media-query($device) {\n    @media screen and (max-width: $device) {\n        @content;\n    }\n}\n\n\n\n// Import partials from `sass_dir` (defaults to `_sass`)\n@import\n        \"base\",\n        \"layout\",\n        \"syntax-highlighting\"\n;\n\n\n/**\n * Reset some basic elements\n */\nbody, h1, h2, h3, h4, h5, h6,\np, blockquote, pre, hr,\ndl, dd, ol, ul, figure {\n    margin: 0;\n    padding: 0;\n}\n\n\n\n/**\n * Basic styling\n */\n body {\n  font-weight: $base-font-weight;\n  font-size: $base-font-size;\n  line-height: $base-line-height;\n  font-family: $base-font-family;\n  color: $text-color;\n  background-color: $background-color;\n  -webkit-text-size-adjust: 100%;\n  -webkit-font-feature-settings: \"kern\" 1;\n  -moz-font-feature-settings: \"kern\" 1;\n  -o-font-feature-settings: \"kern\" 1;\n  font-feature-settings: \"kern\" 1;\n  font-kerning: normal;\n}\n\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\nul, ol, dl, figure,\n%vertical-rhythm {\n    margin-bottom: $spacing-unit * 0.5;\n}\n\n\n\n/**\n * Images\n */\nimg {\n    max-width: 100%;\n    vertical-align: middle;\n}\n\n\n\n/**\n * Figures\n */\nfigure > img {\n    display: block;\n}\n\nfigcaption {\n    font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul, ol {\n    margin-left: $spacing-unit;\n}\n\nli {\n    > ul,\n    > ol {\n         margin-bottom: 0;\n    }\n}\n\n\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n    font-weight: $base-font-weight;\n}\n\n\n\n/**\n * Links\n */\na {\n    color: #000 !important;\n    text-decoration: none;\n\n    &:visited {\n        color: darken($brand-color, 15%);\n    }\n\n    &:hover {\n        color: black !important;\n        border-bottom: 1px dotted black ;\n    }\n\n    &.page-link{\n      &:hover {\n          color: $text-color;\n          border-bottom: 1px dotted black ;\n      }\n    }\n    &.postLink{\n      color: black !important;\n      &:hover {\n\n          border-bottom: 1px dotted black ;\n      }\n\n      &:visited {\n          color: \"crimson\" !important;\n      }\n    }\n    &.post-title-link{\n      color: black !important;\n      &:hover {\n\n          border-bottom: 1px dotted black !important ;\n      }\n\n      &:visited {\n          color: \"crimson\" !important;\n      }\n    }\n}\n\n\n\n/**\n * Blockquotes\n */\nblockquote {\n    color: $grey-color;\n    border-left: 4px solid $grey-color-light;\n    padding-left: $spacing-unit * 0.5;\n    font-size: 18px;\n    letter-spacing: -1px;\n    font-style: italic;\n\n    > :last-child {\n        margin-bottom: 0;\n    }\n}\n\n\n\n/**\n * Code formatting\n */\npre,\ncode {\n    font-size: 15px;\n    border: 1px solid $grey-color-light;\n    border-radius: 3px;\n    background-color: #eef;\n}\n\ncode {\n    padding: 1px 5px;\n}\n\npre {\n    padding: 8px 12px;\n    overflow-x: auto;\n\n    > code {\n        border: 0;\n        padding-right: 0;\n        padding-left: 0;\n    }\n}\n\n\n\n/**\n * Wrapper\n */\n.wrapper {\n    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n    max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: $spacing-unit;\n    padding-left: $spacing-unit;\n    @extend %clearfix;\n\n    @include media-query($on-laptop) {\n        max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n        max-width:         calc(#{$content-width} - (#{$spacing-unit}));\n        padding-right: $spacing-unit * 0.5;\n        padding-left: $spacing-unit * 0.5;\n    }\n}\n\n\n\n/**\n * Clearfix\n */\n%clearfix {\n\n    &:after {\n        content: \"\";\n        display: table;\n        clear: both;\n    }\n}\n\n\n\n/**\n * Icons\n */\n// .icon {\n\n//     > svg {\n//         display: inline-block;\n//         width: 16px;\n//         height: 16px;\n//         vertical-align: middle;\n\n//         path {\n//             fill: $grey-color;\n//         }\n//     }\n// }\n\n.post {\n  font-family: \"Source Sans Pro\";\n  font-size: 18px;\n  font-weight: 300;\n  padding-top: 0;\n}\n.home{\n  padding-bottom: 2em;\n}\n.download {\n  padding: 10px;\n}\n.authorKeyword {\n  text-transform: uppercase;\n  font-size: 16px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n  padding-top:0.5em;\n}\n.writtenBy {\n  letter-spacing: 0;\n  text-indent: 0;\n  text-transform: uppercase;\n}\n.about-me {\n  text-align: justify;\n  padding-left: 1em;\n  padding-right: 1em;\n  font-size: 20px;\n  font-family: \"Source Sans Pro\";\n  font-weight: 300;\n\n  @include media-query($on-palm) { /* ADDED: allows nav to be displayed better on mobile without compressing */\n    font-size: 17px;\n  }\n\n  .how-i-can-provide {\n    background-color: #ffffff;\n    padding: 16px;\n    border-radius: 20px;\n    margin-bottom: 26px;\n    border: 1px solid #d0d0d0;\n  }\n\n  a {\n    font-weight: 500;\n  }\n  b {\n    font-weight: 500\n  }\n  ul {\n    list-style-type: '- ';\n    line-height: normal;\n    margin-left: 16px;\n    b {\n      color: blue;\n    }\n  }\n  li {\n    margin-top: 16px;\n  }\n  p{\n    padding-bottom:0.5em;\n  }\n  line-height:150%;\n\n}\n.archiveIntro {\n  text-align: center;\n}\n.hint {\n  text-transform: uppercase;\n  font-size: 11px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.example {\n  font-family: 'Menlo';\n  padding: 10px;\n}\n.manual {\n  text-transform: uppercase;\n  font-size: 16px;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.postContent {\n  padding-bottom: 3em;\n  text-align: left;\n}\n.postDate {\n  float: left;\n  text-transform: uppercase;\n  font-family: \"Source Sans Pro\";\n  font-size: 16px;\n  font-weight: 300;\n  letter-spacing: 2px;\n  text-indent: 2px;\n}\n.postTag {\n  float: right;\n}\n.postTitle {\n  font-family: \"Helvetica Neue\", Helvetica;\n  font-weight: 400;\n  text-align: left;\n  text-transform: uppercase;\n  letter-spacing: 3px;\n  text-indent: 3px;\n}\n/**\n * Site header\n */\n.site-header {\n  border-top: 5px solid $grey-color-dark;\n  border-bottom: 1px solid $grey-color-light;\n  min-height: 56px;\n  // Positioning context for the mobile navigation icon\n  position: relative;\n}\n.site-title {\n  font-size: 64px;\n  font-weight: 100;\n  font-family: 'Helvetica Neue', Helvetica;\n  text-transform: capitalize;\n  font-weight: 300;\n  margin-top: 10px; /* Changed */\n  &,\n  &:visited {\n    color: $grey-color-dark;\n  }\n}\n.site-description {\n  color: $grey-color-dark;  \n  font-size: 12px;\n  letter-spacing: 2px;\n  text-indent: 6px;\n  font-family: 'Josefin Sans';\n}\n.exclamationMark {\n  padding-left: 2em;\n  padding-right: 2em;\n\n  @include media-query($on-palm) { /* ADDED: allows nav to be displayed better on mobile without compressing */\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n}\n.site-navigation {\n  color: #000;\n  text-transform: uppercase;\n  font-size: 14px;\n  letter-spacing: 2px;\n  text-indent: 8px;\n  font-family: 'Helvetica Neue', Helvetica;\n  font-weight: 300;\n  padding-top: 2em;\n  padding-bottom: 2em;\n\n\n  @include media-query($on-palm) { /* ADDED: allows elements to be displayed better on mobile */\n    font-size: 12px;\n  }\n}\n.page-title {\n  text-transform: uppercase;\n  letter-spacing: 2px;\n  text-indent: 2px;\n  font-family: \"Helvetica Neue\", Helvetica;\n  font-size: 18px;\n  text-align:center;\n}\n.page-tagline {\n  font-size: 18px;\n  font-family: \"PT Sans\";\n  color: rgb(170, 170, 170);\n  text-align: center;\n  text-transform: lowercase;\n}\n.page-link {\n  color: rgb(170, 170, 170);\n}\n.site-nav {\n  .page-link {\n    color: $text-color;\n    line-height: $base-line-height;\n    // Gaps between nav items, but not on the last one\n    &:not(:last-child) {\n      margin-right: 20px;\n    }\n  }\n  @include media-query($on-palm) {\n    position: absolute;\n    top: 9px;\n    right: $spacing-unit * 0.5;\n    background-color: $background-color;\n    border: 1px solid $grey-color-light;\n    border-radius: 5px;\n    text-align: right;\n    .menu-icon {\n      display: block;\n      float: right;\n      width: 36px;\n      height: 26px;\n      line-height: 0;\n      padding-top: 10px;\n      text-align: center;\n      > svg {\n        width: 18px;\n        height: 15px;\n        path {\n          fill: $grey-color-dark;\n        }\n      }\n    }\n    .trigger {\n      clear: both;\n      display: none;\n    }\n    &:hover .trigger {\n      display: block;\n      padding-bottom: 5px;\n    }\n    .page-link {\n      display: block;\n      padding: 5px 10px;\n      &:not(:last-child) {\n        margin-right: 0;\n      }\n      margin-left: 20px;\n    }\n  }\n}\n/**\n * Site footer\n */\n\n.container {\n  min-height: calc(100vh - 36px);  \n  margin-bottom: -36px;  \n}\n\n .push {\n  height: 36px;\n  margin-bottom: -37px;\n }\n\n.site-footer {\n  position: relative;\n  left:0;\n  bottom: 0;\n  height: 36px;\n\n  border-top: 2px dashed $grey-color-light;\n  padding: $spacing-unit*0.5;\n  text-align: center;\n}\n\n.footer-icon {\n  margin-left:6px;\n  margin-right:6px;\n  \n  svg {\n    display: inline-block;\n    width: 30px;\n    height: 30px;\n    vertical-align: middle;\n    path { fill: $grey-color-dark; }\n  }\n\n  a:hover {\n    border-bottom: 0px;\n    path { fill: $blue-color; }\n  }\n\n}\n\n@include media-query($on-laptop) {\n  \n}\n@include media-query($on-palm) {    \n  // margin-left:5px;\n  // margin-right:5px;\n\n  .footer-icon {    \n    svg {\n        width: 24px;\n        height: 24px;\n      }\n    }\n}\n/**\n * Page content\n */\n.page-content {\n  padding: 0;\n}\n.page-heading {\n  font-size: 20px;\n}\n.post-list {\n  margin-left: 0;\n  list-style: none;\n  > li {\n    margin-bottom: $spacing-unit;\n  }\n}\n.post-meta {\n  font-size: $small-font-size;\n  color: $grey-color;\n  text-transform: uppercase;\n  font-size: 16px;\n}\n.post-link {\n  display: block;\n  font-size: 24px;\n}\n/**\n * Posts\n */\n.post-header {\n  margin-bottom: $spacing-unit;\n}\n.post-title {\n  font-size: 36px;\n  text-align: center;\n  font-family: \"Source Sans Pro\";\n  font-weight: 400;\n  @include media-query($on-laptop) {\n    font-size: 36px;\n  }\n}\n.post-content {\n  margin-bottom: $spacing-unit;\n  padding-bottom: 1em !important;\n  p {\n    font-size: 1.2rem;\n  }\n  h2 {\n    font-size: 32px;\n    @include media-query($on-laptop) {\n      font-size: 28px;\n    }\n  }\n  h3 {\n    font-size: 26px;\n    @include media-query($on-laptop) {\n      font-size: 22px;\n    }\n  }\n  h4 {\n    font-size: 20px;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n  }\n}\n\n/**\n * Pagination\n */\n .pagination {\n     padding-top: 3.5em;\n     text-align: center;\n }\n .paginationLink {\n     border: 0;\n     display: inline-block;\n     padding: 5px;\n     text-decoration: none;\n     transition: color 200ms ease-out;\n\n     &:hover,\n     &:active,\n     &:focus {\n         border: 0;\n     }\n }\n .paginationLinkCurrent {\n     font-style: normal;\n }\n\n.postNavigation {\n    align-items: center;\n    display: flex;\n    justify-content: space-between;\n    padding-bottom: 3em;\n\n    a:only-child {\n        width: 100%;\n    }\n}\n.postPrev,\n.postNext {\n    display: inline-block;\n    width: 49%;\n    &:hover,\n    &:active,\n    &:focus {\n        border: 0;\n    }\n}\n.postNext {\n    text-align: right;\n}\n\n/*\n * ADDED: for blog categories;\n */\n\n.catbloc:not(:target) {\n    display: none;\n}\n\n/*\n * ADDED: for project stuff\n */\n\n.projects {\n\n  \n  p {\n    font-size: 1rem;\n  }\n\n  strong {\n    font-weight: 400;\n    font-family:Arial\n  }\n\n  padding-top: 1em;\n\n}\n\n.project {\n  width:720px;\n  border:1px solid #c9c9c9;\n  overflow:auto; \n  \n\n   transition: background 0.8s linear;\n   -webkit-transition: background 0.8s linear;\n   -moz-transition: background 0.8s linear;\n    \n   \n   @include media-query($on-laptop) {\n        margin: auto;    \n        width:500px;\n       }\n\n    @include media-query($on-palm) {\n      margin: auto;      \n      width:320px;\n    }\n\n}\n\n\n\n\n.project-title{\n\n  padding-bottom: 5px;\n\n  h2 {\n    font-size: 22px;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n    display:inline\n  }\n\n  h2::after { \n    content: \"\\00a0\\00a0\";\n  }\n\n\n  .date {\n\n    font-size: 18px;\n    color: #999999;\n    @include media-query($on-laptop) {\n      font-size: 18px;\n    }\n    display:inline;\n\n      position: relative;\n\n  }\n\n}\n\n\n.project-image {\n    width: 32%;\n    float: left;\n    padding: 10px;\n    border: 0px solid red;\n    box-sizing: border-box;\n}\n.project-body {\n    width: 68%;\n    float: left;\n    padding: 5px;\n    padding-right: 1rem;\n\n    border: 0px solid red;\n    box-sizing: border-box;\n}\n\n.project-links{\n    float: left;\n    font-size: 1rem;\n    font-style: bold;\n    .a:hover{\n        color: $blue-color;\n        border-bottom: 1px dotted black ;\n      }\n}\n\n.project-tags{\n    float: right;\n    list-style: none;\n    padding-top: 0.2rem;\n    margin-left: 15px;\n\n\n    .project-tag{\n      /* For mobile */\n      display: inline-block;\n\n      /* Tag rounded edges */\n      -webkit-border-radius: 5px;\n      -moz-border-radius: 5px;\n      border-radius: 5px;\n\n      /* Tag box properties */\n      border: 1px solid black;\n      background: #ffffff;\n      padding: 6px;\n      font-size: 0.9rem;\n      font-family: 'Open Sans', sans-serif;\n\n      /* Space between tags */\n      margin-left: 3px;\n      margin-bottom: 5px;\n\n\n      @include media-query($on-laptop) {\n        font-size: 0.8rem;\n        padding: 4px;        \n      }\n  \n    @include media-query($on-palm) {\n      font-size: 0.7rem;\n      padding: 3px;      \n    }\n  \n\n    }\n\n\n}\n\n.projects-bottom {\n  \n  text-align: center;\n}\n\n.fa{\n  font-size: 1.3rem;\n}\n\n.project:hover {\n    background: #efefef;\n}\n\n.miniproject:hover {\n    background: #efefef;\n}\n\n/*\n * ADDED: for OUTSIDE page\n */\n\n.outside {\n\n  padding-top: 1rem;\n  font-size: 18px;\n\n  h3 {\n      font-family: \"Helvetica Neue\", Helvetica;\n      text-transform: uppercase;\n      letter-spacing: 4px;\n      text-indent: 2px;\n      font-weight: 300;\n  }\n\n  h4 {\n      font-weight: 300;\n      display: inline-block;\n      text-decoration: none;\n      border-bottom: 1px dashed black;\n      margin-bottom: 1em;\n    }\n  \n  h5 {\n      font-size: 18px;\n      font-weight:100;\n  }\n\n  p {\n    text-align: justify;\n    font-size: 18px;\n  }\n\n\n  ul {\n    padding-left: 1rem;\n    list-style-type: none;\n\n  }\n\n  li {\n       margin:0 0 10px 0;   \n  }\n\n  a {\n    font-weight: 400;\n  }\n  \n  .a:hover{\n      border-bottom: 1px dotted black;\n  }\n\n  .showpast:hover{\n    border-bottom: 1px dotted #777;\n  }\n\n\n}\n\n\n\n\n\n/**\n * Syntax highlighting styles\n */\n.highlight {\n    background: #fff;\n    @extend %vertical-rhythm;\n\n    .highlighter-rouge & {\n      background: #eef;\n    }\n\n    .c     { color: #998; font-style: italic } // Comment\n    .err   { color: #a61717; background-color: #e3d2d2 } // Error\n    .k     { font-weight: bold } // Keyword\n    .o     { font-weight: bold } // Operator\n    .cm    { color: #998; font-style: italic } // Comment.Multiline\n    .cp    { color: #999; font-weight: bold } // Comment.Preproc\n    .c1    { color: #998; font-style: italic } // Comment.Single\n    .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special\n    .gd    { color: #000; background-color: #fdd } // Generic.Deleted\n    .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific\n    .ge    { font-style: italic } // Generic.Emph\n    .gr    { color: #a00 } // Generic.Error\n    .gh    { color: #999 } // Generic.Heading\n    .gi    { color: #000; background-color: #dfd } // Generic.Inserted\n    .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific\n    .go    { color: #888 } // Generic.Output\n    .gp    { color: #555 } // Generic.Prompt\n    .gs    { font-weight: bold } // Generic.Strong\n    .gu    { color: #aaa } // Generic.Subheading\n    .gt    { color: #a00 } // Generic.Traceback\n    .kc    { font-weight: bold } // Keyword.Constant\n    .kd    { font-weight: bold } // Keyword.Declaration\n    .kp    { font-weight: bold } // Keyword.Pseudo\n    .kr    { font-weight: bold } // Keyword.Reserved\n    .kt    { color: #458; font-weight: bold } // Keyword.Type\n    .m     { color: #099 } // Literal.Number\n    .s     { color: #d14 } // Literal.String\n    .na    { color: #008080 } // Name.Attribute\n    .nb    { color: #0086B3 } // Name.Builtin\n    .nc    { color: #458; font-weight: bold } // Name.Class\n    .no    { color: #008080 } // Name.Constant\n    .ni    { color: #800080 } // Name.Entity\n    .ne    { color: #900; font-weight: bold } // Name.Exception\n    .nf    { color: #900; font-weight: bold } // Name.Function\n    .nn    { color: #555 } // Name.Namespace\n    .nt    { color: #000080 } // Name.Tag\n    .nv    { color: #008080 } // Name.Variable\n    .ow    { font-weight: bold } // Operator.Word\n    .w     { color: #bbb } // Text.Whitespace\n    .mf    { color: #099 } // Literal.Number.Float\n    .mh    { color: #099 } // Literal.Number.Hex\n    .mi    { color: #099 } // Literal.Number.Integer\n    .mo    { color: #099 } // Literal.Number.Oct\n    .sb    { color: #d14 } // Literal.String.Backtick\n    .sc    { color: #d14 } // Literal.String.Char\n    .sd    { color: #d14 } // Literal.String.Doc\n    .s2    { color: #d14 } // Literal.String.Double\n    .se    { color: #d14 } // Literal.String.Escape\n    .sh    { color: #d14 } // Literal.String.Heredoc\n    .si    { color: #d14 } // Literal.String.Interpol\n    .sx    { color: #d14 } // Literal.String.Other\n    .sr    { color: #009926 } // Literal.String.Regex\n    .s1    { color: #d14 } // Literal.String.Single\n    .ss    { color: #990073 } // Literal.String.Symbol\n    .bp    { color: #999 } // Name.Builtin.Pseudo\n    .vc    { color: #008080 } // Name.Variable.Class\n    .vg    { color: #008080 } // Name.Variable.Global\n    .vi    { color: #008080 } // Name.Variable.Instance\n    .il    { color: #099 } // Literal.Number.Integer.Long\n}\n"],"file":"style.css"}
\ No newline at end of file
diff --git a/_site/feed.xml b/_site/feed.xml
index f286fa7..ab607fd 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -5,8 +5,8 @@
     <description>software developer by day . runner by night . amateur musician whatever time is left</description>
     <link>http://localhost:4000/</link>
     <atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml"/>
-    <pubDate>Mon, 23 Sep 2024 17:41:33 -0700</pubDate>
-    <lastBuildDate>Mon, 23 Sep 2024 17:41:33 -0700</lastBuildDate>
+    <pubDate>Tue, 24 Sep 2024 11:35:42 -0700</pubDate>
+    <lastBuildDate>Tue, 24 Sep 2024 11:35:42 -0700</lastBuildDate>
     <generator>Jekyll v4.3.4</generator>
     
       <item>
diff --git a/assets/projects/strava.ps b/assets/projects/strava.ps
deleted file mode 100644
index 173fe6f..0000000
Binary files a/assets/projects/strava.ps and /dev/null differ
diff --git a/css/style.scss b/css/style.scss
index dc3b521..63576ba 100755
--- a/css/style.scss
+++ b/css/style.scss
@@ -323,10 +323,13 @@ pre {
   padding-left: 1em;
   padding-right: 1em;
   font-size: 20px;
-
   font-family: "Source Sans Pro";
   font-weight: 300;
 
+  @include media-query($on-palm) { /* ADDED: allows nav to be displayed better on mobile without compressing */
+    font-size: 17px;
+  }
+
   .how-i-can-provide {
     background-color: #ffffff;
     padding: 16px;