From f4cd6e6a92eb4b7b5076fd2de4694316d1d328e2 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Tue, 21 Feb 2023 23:14:27 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=92=84=20style:=20update=20footnote?=
 =?UTF-8?q?=20styling?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/markdown.md   |  5 ++++-
 sass/parts/_misc.scss | 18 ++++++++++++++++++
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/content/markdown.md b/content/markdown.md
index 8e08bf0..1db7410 100644
--- a/content/markdown.md
+++ b/content/markdown.md
@@ -8,7 +8,7 @@ tags = ["markdown", "test"]
 
 ## Table
 
-Here's an example of a table. Its colours change depending on the current theme.
+Here's an example of a table[^1]. Its colours change depending on the current theme.
 
 | Symbol  | Element | Atomic Number |
 |---------|---------|---------------|
@@ -36,3 +36,6 @@ Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.
 > We're all hurtling towards death. Yet here we are, for the moment, alive. Each of us knowing we're going to die. Each of us secretly believing we won't.
 >
 > — Charlie Kaufman, Synecdoche, New York
+
+
+[^1]: And here's an example of a footnote!
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index 6c20ff8..5c3e623 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -119,3 +119,21 @@ table td {
 table tbody tr:nth-child(even) {
   background-color: var(--bg-0);
 }
+
+.footnote-reference {
+  font-family: var(--serif-font);
+  font-size: 0.7rem;
+}
+
+.footnote-definition {
+  margin-top: 3.5rem;
+  border-top: 1px solid var(--border-color);
+  padding-top: 1rem;
+  sup {
+    font-size: 0.75rem;
+    margin-right: 0.15rem;
+  }
+  p {
+    display: inline;
+  }
+}

From d6c198e379abd84c877d194e052a72bc5ba0e071 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Tue, 21 Feb 2023 23:15:09 +0100
Subject: [PATCH 2/2] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20refactor:=20set=20font?=
 =?UTF-8?q?=20types=20as=20variables?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index b6017f4..b501e8e 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -39,11 +39,14 @@
   --normal-layout-width: 600px;
   --medium-layout-width: 350px;
   --small-layout-width: 200px;
-  font-family: 'Inter', Arial, Helvetica, sans-serif;
-  line-height: 190%;
 
+  --sans-serif-font: 'Inter', Helvetica, Arial, sans-serif;
+  --serif-font: 'Source Serif Pro', 'Georgia', serif;
   --code-font: 'Cascadia Code';
 
+  font-family: var(--sans-serif-font);
+  line-height: 190%;
+
   --background-color: white;
   --bg-0: #f0f0f0;
   --bg-1: #e7e7e7;
@@ -176,7 +179,7 @@ h5 {
 }
 
 p {
-  font-family: 'Source Serif Pro', serif;
+  font-family: var(--serif-font);
   margin-top: 0.4rem;
   margin-bottom: 2.3vmin;
   line-height: 2rem;