From 7df154596bfe04765abf86d5d780e9fd655199dc Mon Sep 17 00:00:00 2001
From: Nathan McCarty <thatonelutenist@stranger.systems>
Date: Tue, 4 Feb 2025 03:18:19 -0500
Subject: [PATCH] Center things a bit

---
 lib/Config.rakumod |  1 +
 resources/code.css |  6 +-----
 resources/main.css | 13 +++++++++++++
 3 files changed, 15 insertions(+), 5 deletions(-)
 create mode 100644 resources/main.css

diff --git a/lib/Config.rakumod b/lib/Config.rakumod
index 7418ec9..871abb8 100644
--- a/lib/Config.rakumod
+++ b/lib/Config.rakumod
@@ -15,6 +15,7 @@ method generate-post(Str:D $title, Str:D $content, BlogMeta:D $meta) {
         # Use Iosevka Alie as the monospace font
         link :rel<stylesheet>,
             :href<https://static.stranger.systems/fonts/IosevkaAlie/IosevkaAile.css>;
+        style %?RESOURCES<main.css>.slurp;
         style %?RESOURCES<code.css>.slurp;
         # TODO: Add description
         # TODO: Add header links
diff --git a/resources/code.css b/resources/code.css
index 5bb4f17..7abcc7f 100644
--- a/resources/code.css
+++ b/resources/code.css
@@ -1,12 +1,8 @@
-/* TODO: Move this somewhere else */
-:root {
-  color-scheme: light dark;
-}
-
 code {
     font-family: "Iosevka Aile Web", monospace;
     background-color: light-dark(#fbf3db, #103c48);
     color: light-dark(#53676d, #adbcbc);
+    min-width: 80ch;
 }
 
 pre > code {
diff --git a/resources/main.css b/resources/main.css
new file mode 100644
index 0000000..833b93c
--- /dev/null
+++ b/resources/main.css
@@ -0,0 +1,13 @@
+:root {
+  color-scheme: light dark;
+}
+
+body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.post-body {
+    max-width: 80%;
+}