From 5422cf1cb718b982cd5787b43de606787c446ee1 Mon Sep 17 00:00:00 2001
From: Karolina Szczur <me@karolinaszczur.com>
Date: Wed, 11 Jan 2023 13:30:11 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=97=20add=20Mastodon=20link?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 7 ++++---
 style.css  | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 9bf551d..45101cb 100644
--- a/index.html
+++ b/index.html
@@ -270,11 +270,12 @@ <h2>Here’s what our readers think:</h2>
       <div class="footer-links">
         <div class="container">
           <div class="flex">
-            <a class="box" href="https://twitter.com/perfemail"
+            <a class="box narrow" href="https://twitter.com/perfemail"
               >Get news on Twitter</a
             >
-            <a class="box" href="/rss">Receive issues via RSS</a>
-            <a class="box" href="mailto:hi@perf.email">Suggest new content</a>
+            <a class="box narrow" rel="me" href="https://webperf.social/@calibre">Follow on Mastodon</a>
+            <a class="box narrow" href="/rss">Receive issues via RSS</a>
+            <a class="box narrow" href="mailto:hi@perf.email">Suggest new content</a>
           </div>
           <!-- flex -->
         </div>
diff --git a/style.css b/style.css
index 88109e3..4f6a6f0 100644
--- a/style.css
+++ b/style.css
@@ -465,6 +465,10 @@ footer p:first-child {
     width: 360px;
   }
 
+  .box.narrow {
+    width: 190px;
+  }
+
   .box:first-child,
   .box:nth-child(2),
   .box:nth-child(4),