straighten up header elements

assets/sass/abstracts/_settings.scss

@@ -17,7 +17,7 @@ $system-fonts-monospace: "SFMono-Regular", "Consolas", "Liberation Mono",
 // stylelint-enable indentation
 
 // Width at which to switch to mobile styles
-$responsive-width: 820px;
+$responsive-width: 830px;
 
 // Fancy link underline settings
 $link-underline-opacity: 40%;

assets/sass/components/_footer.scss

@@ -3,7 +3,7 @@
 // Global Footer Styles
 footer {
   width: 100%;
-  letter-spacing: -0.01em;
+  letter-spacing: -0.005em;
   line-height: 1.7;
   padding: 1.25em 1.75em;
   box-sizing: border-box;

assets/sass/components/_header.scss

@@ -3,7 +3,7 @@
 // Global Header Styles
 header {
   width: 100%;
-  padding: 0.25em 1.7em;
+  padding: 0 1.7em;
   box-sizing: border-box;
 
   @include themed() {
@@ -25,19 +25,19 @@ header {
       align-items: center;
 
       @include themed() {
-        color: t(color-medium-dark);
+        color: t(color-medium);
       }
 
       h1#name {
-        margin-left: 0.75em;
+        margin: 0.8em 0 0.8em 0.725em;
-        font-size: 1.4em;
+        font-size: 1.35em;
         font-weight: 500;
         letter-spacing: -0.01em;
       }
 
       svg {
-        width: 30px;
+        width: 28px;
-        height: 45px;
+        height: 40px;
       }
 
       // mix up logo colors on hover
@@ -65,13 +65,14 @@ header {
       list-style: none;
       display: flex;
       align-items: center;
+      margin: 0;
       padding: 0;
       font-size: 1.2em;
-      line-height: 1;
+      letter-spacing: -0.002em;
 
       li {
         text-align: right;
-        margin-left: 1.6em;
+        margin-left: 1.7em;
 
         a {
           display: inline-block;
@@ -125,14 +126,14 @@ header {
 // Responsive
 @mixin responsive--header() {
   header {
-    padding: 0.1em 1.25em;
+    padding: 1em 1.25em;
 
     nav {
       a#logo {
         img,
         svg {
-          width: 40px;
+          width: 36px;
-          height: 60px;
+          height: 54px;
         }
 
         h1#name {
@@ -141,10 +142,10 @@ header {
       }
 
       ul {
-        font-size: 1.7em;
+        font-size: 1.6em;
 
         li {
-          margin-left: 1em;
+          margin-left: 1.15em;
 
           a {
             span.icon {

config.toml

@@ -67,7 +67,7 @@ disableAliases = true
     weight = -100
   [[menu.main]]
     name = "Notes"
-    pre = "📝"
+    pre = "🗒"
     url = "/notes/"
     weight = -90
   [[menu.main]]

layouts/_default/single.amp.html

@@ -231,7 +231,7 @@
     <header>
       <nav>
         <a id="logo" href="{{ .Site.BaseURL }}" title="{{ .Site.Title }}">
-          {{ partialCached "svg/logo.svg" (dict "width" 30 "height" 45) }}
+          {{ partial "svg/logo.svg" (dict "width" 30 "height" 45) }}
           <span id="name">{{ .Site.Title }}</span>
         </a>
 

layouts/partials/page/header.html

@@ -1,7 +1,7 @@
 <header>
   <nav>
     <a class="no-underline" href="{{ .Site.BaseURL }}" id="logo" rel="me author" aria-label="{{ .Site.Title }}">
-      {{ partialCached "svg/logo.svg" (dict "width" 30 "height" 45) }}
+      {{ partial "svg/logo.svg" (dict "width" 28 "height" 40) }}
       <h1 id="name">{{ .Site.Title }}</h1>
     </a>
     <ul>