From fd6b96f03db197e08c1e5fbecd2bbecce5931521 Mon Sep 17 00:00:00 2001
From: Nathan McCarty <thatonelutenist@stranger.systems>
Date: Thu, 6 Feb 2025 18:16:33 -0500
Subject: [PATCH] Basic working code view

---
 resources/code.css   | 22 ++++++++++++++++++++++
 resources/colors.css |  6 ++++++
 resources/main.css   |  8 +++++++-
 3 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/resources/code.css b/resources/code.css
index e69de29..b9d9c48 100644
--- a/resources/code.css
+++ b/resources/code.css
@@ -0,0 +1,22 @@
+/* Set the font for code blocks */
+code {
+    font-family: "Iosevka Web", monospace;
+}
+
+/* Styling for inline code blocks */
+:not(pre) > code {
+    padding: 0 0.25rem;
+}
+
+/* Styling for fenced code blocks */
+pre > code {
+    display: block;
+    white-space: pre-wrap;
+    padding: 1rem;
+    border-radius: 0.55rem / 0.5rem;
+    word-wrap: normal;
+    overflow: auto;
+}
+pre {
+    width: 90%;
+}
diff --git a/resources/colors.css b/resources/colors.css
index 5d5f52a..8c9a52b 100644
--- a/resources/colors.css
+++ b/resources/colors.css
@@ -65,3 +65,9 @@ a:visited {
 .post-body > h3, .post-body > h3, .post-body > h4 {
     color: var(--fg-1);
 }
+
+/* Colorization for code blocks */
+code {
+  color: var(--code-fg-0);
+  background-color: var(--code-bg-0);
+}
diff --git a/resources/main.css b/resources/main.css
index 70e382c..d80c783 100644
--- a/resources/main.css
+++ b/resources/main.css
@@ -11,6 +11,13 @@
     --box-radius: 1rem;
 }
 
+/* slightly larger than content-width to account for padding/margins */
+@media screen and (max-width: 62rem) {
+    :root {
+        --content-width: 95vw;
+    }
+}
+
 /* Main Body and Post Flexboxs */
 body, .post {
     display: flex;
@@ -92,7 +99,6 @@ body, .post {
     flex-direction: column;
     align-items: center;
     gap: var(--box-gap);
-    width: 100%;
     max-width: var(--content-width);
     padding: var(--box-padding-vert) var(--box-padding-horz);
     border-radius: var(--box-radius);