From: Cameron Otsuka <cameron@otsuka.haus>
Date: Wed, 19 Nov 2025 00:32:13 +0000 (-0800)
Subject: improve footnote section styles
X-Git-Url: https://git.otsuka.systems/?a=commitdiff_plain;h=52f1454f9ce084845ea4f0854bd33a22517e9d63;p=cotsuka.github.io

improve footnote section styles
---

diff --git a/astro.config.mjs b/astro.config.mjs
index 521c454..02e1324 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -10,6 +10,9 @@ export default defineConfig({
   site: 'https://cameron.otsuka.systems',
   integrations: [mdx(), react(), sitemap()],
   markdown: {
+    remarkRehype: {
+      footnoteBackContent: "↩︎",
+    },
     shikiConfig: {
       theme: 'monokai'
     },
diff --git a/src/styles/style.css b/src/styles/style.css
index faab8c7..a33798f 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -89,4 +89,20 @@ code {
   font-family: "Source Code Pro Variable", monospace;
   margin-bottom: 1rem;
   padding: 0.1rem;
+}
+.footnotes {
+  font-size: 0.9rem;
+  border-top: 1px dashed light-dark(#000000, #ffffff);
+  margin-top: 1rem;
+  padding-top: 1rem;
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  word-wrap: normal;
+  border: 0;
 }
\ No newline at end of file