poole-sass.patch

diff -ru _sass/_base.scss ../information-safety.github.io/_sass/_base.scss
--- _sass/_base.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_base.scss	2020-04-05 17:36:39.000000000 -0500
@@ -6,6 +6,7 @@
   box-sizing: border-box;
 }
 
+html,
 body {
   margin: 0;
   font-family: var(--body-font);
@@ -20,11 +21,13 @@
 // No `:visited` state is required by default (browsers will use `a`)
 a {
   color: var(--link-color);
+  text-decoration: none;
 
   // `:focus` is linked to `:hover` for basic accessibility
   &:hover,
   &:focus {
     color: var(--link-hover-color);
+    text-decoration: underline;
   }
 
   strong {
diff -ru _sass/_layout.scss ../information-safety.github.io/_sass/_layout.scss
--- _sass/_layout.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_layout.scss	2020-04-05 16:57:57.000000000 -0500
@@ -3,7 +3,7 @@
 // Styles for managing the structural hierarchy of the site.
 
 .container {
-  max-width: 45rem;
+  max-width: 50rem;
   padding-left: var(--spacer-2);
   padding-right: var(--spacer-2);
   margin-left:  auto;
diff -ru _sass/_masthead.scss ../information-safety.github.io/_sass/_masthead.scss
--- _sass/_masthead.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_masthead.scss	2020-04-05 19:39:24.000000000 -0500
@@ -3,13 +3,18 @@
 // Super small header above the content for site name and short description.
 
 .masthead {
-  padding-top: var(--spacer);
-  padding-bottom: var(--spacer);
+  padding-top: var(--spacer-2);
+  padding-bottom: var(--spacer-2);
   margin-bottom: var(--spacer-3);
+  text-align: center;
+  color: var(--black);
+  background-color: var(--safety);
 }
 
 .masthead-title {
+  margin-top: 0;
   margin-bottom: 0;
+  font-size: 3rem;
 
   a {
     color: inherit;
@@ -21,3 +26,42 @@
     opacity: .5;
   }
 }
+
+.masthead-logo {
+  width: 10rem;
+  margin: auto;
+  padding-bottom: var(--spacer);
+
+  @media (min-width: 40rem) {
+    float: left;
+    margin-left: var(--spacer-2);
+  }
+}
+
+.masthead-tagline {
+  font-size: inherit;
+  font-weight: normal;
+}
+
+.masthead-navbar {
+  font-weight: bold;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  text-align: center;
+
+  li {
+    display: inline;
+  }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+    display: inline-block;
+    padding: 0.5rem;
+  }
+
+  a:hover {
+    background-color: var(--safety-2);
+  }
+}
diff -ru _sass/_posts.scss ../information-safety.github.io/_sass/_posts.scss
--- _sass/_posts.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_posts.scss	2020-04-05 18:11:01.000000000 -0500
@@ -32,13 +32,21 @@
 }
 
 // Meta data line below post title
+.post-author,
 .post-date {
   display: block;
   margin-top: -.5rem;
   margin-bottom: var(--spacer);
   color: var(--gray-600);
+
+  a {
+    color: inherit;
+  }
 }
 
+a.comment {
+  color: var(--gray-600);
+}
 
 // Related posts
 .related {
diff -ru _sass/_variables.scss ../information-safety.github.io/_sass/_variables.scss
--- _sass/_variables.scss	2020-04-05 09:43:03.000000000 -0500
+++ ../information-safety.github.io/_sass/_variables.scss	2020-04-05 17:14:05.000000000 -0500
@@ -26,8 +26,12 @@
   --blue-400: #4dabf7;
   --yellow-100: #fff3bf;
 
-  --body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-  --body-font-size: 16px;
+  --black: #000000;
+  --safety: #ffcc33;
+  --safety-2: #eebb22;
+
+  --body-font: "Helvetica Neue", Arial, "Noto Sans", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --body-font-size: 18px;
   --body-line-height: 1.5;
   --body-color: var(--gray-700);
   --body-bg: #fff;