From 621da7266f63a219250416c809b05aa8fd76f518 Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jake@jarv.is>
Date: Wed, 1 Jul 2020 11:30:20 -0400
Subject: [PATCH] use monospace font for short PGP key on homepage

---
 assets/sass/pages/_home.scss | 17 ++++++++++++++---
 content/_index.md            |  2 +-
 yarn.lock                    |  6 +++---
 3 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/assets/sass/pages/_home.scss b/assets/sass/pages/_home.scss
index cd85c3f1..78d9e890 100644
--- a/assets/sass/pages/_home.scss
+++ b/assets/sass/pages/_home.scss
@@ -30,12 +30,23 @@ main#home {
   }
 
   sup {
-    font-size: 0.6em;
-    letter-spacing: -0.005em;
+    letter-spacing: normal;
     line-height: 0;
     position: relative;
     top: -0.5em;
-    vertical-align: middle;
+    vertical-align: baseline; // required for same position in chrome vs. firefox
+
+    &#key {
+      font-family: $webfont-mono;
+      font-size: 0.65em;
+      word-spacing: -0.3em;
+      margin-right: 0.1em;
+
+      img.emoji {
+        vertical-align: -0.15em; // magic number to align with text :\
+        padding: 0;
+      }
+    }
   }
 
   img#me {
diff --git a/content/_index.md b/content/_index.md
index b0182249..a1897779 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -35,4 +35,4 @@ Over the years, my side projects
 
 You can find some of my work on <a href="https://github.com/jakejarvis" title="Jake Jarvis on GitHub" id="github" target="_blank" rel="me noopener">GitHub</a> or <a href="https://www.linkedin.com/in/jakejarvis/" title="Jake Jarvis on LinkedIn" id="linkedin" target="_blank" rel="me noopener">LinkedIn</a>, my adventures on <a href="https://twitter.com/jakejarvis" title="Jake Jarvis on Twitter" id="twitter" target="_blank" rel="me noopener">Twitter</a>, <a href="https://www.facebook.com/jakejarvis" title="Jake Jarvis on Facebook" id="facebook" target="_blank" rel="me noopener">Facebook</a>, <a href="https://www.instagram.com/jakejarvis/" title="Jake Jarvis on Instagram" id="instagram" target="_blank" rel="me noopener">Instagram</a>, or <a href="https://mastodon.social/@jakejarvis" title="Jake Jarvis on Mastodon" id="mastodon" target="_blank" rel="me noopener">Mastodon</a>, and my old-school <a href="/resume.pdf" title="View PDF Resume" id="resume">PDF resume here</a>.
 
-I'd love to hear from you via <a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Send Email" id="email">email</a><sup>&nbsp;<a class="no-underline" href="/jarvis.asc" title="My Public PGP Key" id="pgp" target="_blank" rel="pgpkey authn noopener">2B0C 9CF2 51E6 9A39</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!
+I'd love to hear from you via <a href="&#x6D;&#x61;&#x69;&#x6C;&#x74;&#x6F;&#x3A;&#x6A;&#x61;&#x6B;&#x65;&#x40;&#x6A;&#x61;&#x72;&#x76;&#x2E;&#x69;&#x73;" title="Send Email" id="email">email</a> <sup id="key"><a class="no-underline" href="/jarvis.asc" title="My Public PGP Key" id="pgp" target="_blank" rel="pgpkey authn noopener">🔐 2B0C 9CF2 51E6 9A39</a></sup>, <a href="https://twitter.com/messages/compose?recipient_id=229769022" title="Send Direct Message on Twitter" id="dm" target="_blank" rel="noopener">DM</a>, or <a href="sms:+1-617-917-3737" title="Send SMS: +1 (617) 917-3737" id="sms">text</a>!
diff --git a/yarn.lock b/yarn.lock
index 031751bd..7755bca0 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -636,9 +636,9 @@ camelcase@^6.0.0:
   integrity sha512-8KMDF1Vz2gzOq54ONPJS65IvTUaB1cHJ2DMM7MbPmLZljDH1qpzzLsWdiN9pHh6qvkRVDTi/07+eNGch/oLU4w==
 
 caniuse-lite@^1.0.30001087, caniuse-lite@^1.0.30001088:
-  version "1.0.30001090"
-  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001090.tgz#ff7766332f60e80fea4903f30d360622e5551850"
-  integrity sha512-QzPRKDCyp7RhjczTPZaqK3CjPA5Ht2UnXhZhCI4f7QiB5JK6KEuZBxIzyWnB3wO4hgAj4GMRxAhuiacfw0Psjg==
+  version "1.0.30001091"
+  resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001091.tgz#84908c67b98e02c2a56d4afa51e6458b53fb5321"
+  integrity sha512-ECd8gfBBpv0GKsEYY5052+8PBjExiugDoi3dfkJcxujh2mf7kiuDvb1o27GXlOOGopKiIPYEX8XDPYj7eo3E9w==
 
 caw@^2.0.0, caw@^2.0.1:
   version "2.0.1"