From cc741b2e2f77afacddec4bc8d1fd0dd194131727 Mon Sep 17 00:00:00 2001
From: swag <swaggboi@slackware.uk>
Date: Fri, 19 May 2023 23:50:44 -0400
Subject: [PATCH] Moar CSS stuff

---
 assets/css/post_text.css     | 36 +++++++++++++++++++++++++-----------
 templates/page/about.html.ep |  4 ++--
 templates/page/rules.html.ep |  4 ++--
 3 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/assets/css/post_text.css b/assets/css/post_text.css
index 6edbce6..69d4f8d 100644
--- a/assets/css/post_text.css
+++ b/assets/css/post_text.css
@@ -3,7 +3,6 @@
  */
 
 :root {
-    box-sizing: border-box;
     --light-warm-gray: #C2B3A9;
     --dark-warm-gray: #A59990;
     --teal: #5B90A4;
@@ -12,6 +11,8 @@
     --true-gray: #999999;
     --highlight-green: green;
     --highlight-red: red;
+
+    box-sizing: border-box;
 }
 
 *, ::before, ::after {
@@ -25,9 +26,18 @@ body {
     font-size: calc(8px + 1vmin);
 }
 
-pre {
+code {
+    background-color: black;
+    color: white;
+    font-size: 0.75em; /* Why tho?? */
+}
+
+pre > code {
     white-space: pre-wrap;
     overflow-wrap: anywhere;
+    padding: 0.5em 1em;
+    display: inline-block;
+    width: 100%;
 }
 
 /*
@@ -49,13 +59,6 @@ pre {
   margin: 1em 0;
 }
 
-.page-title {
-  text-align: center;
-  border: inset;
-  padding: 0.5em 0;
-  background-color: var(--dark-warm-gray);
-}
-
 .site-nav {
   display: flex;
   flex-flow: row wrap;
@@ -73,6 +76,19 @@ pre {
   background-color: var(--light-blue);
 }
 
+.page-title {
+  text-align: center;
+  border: inset;
+  padding: 0.5em 0;
+  background-color: var(--dark-warm-gray);
+}
+
+.page-body {
+  background-color: var(--light-warm-gray);
+  border: outset;
+  padding: 0.5em 1em;
+}
+
 .field-with-info {
     border-style: solid;
     border-color: var(--highlight-green);
@@ -90,7 +106,6 @@ pre {
 .pager {
   display: flex;
   flex-direction: column;
-  /* border: dashed; */
   gap: 1em;
   padding: 0.5em 0;
 }
@@ -108,7 +123,6 @@ pre {
 .pager__nav > a {
   border: outset;
   flex: 1;
-  /* border-bottom-style: none; */
   text-align: center;
   background-color: var(--light-blue);
 }
diff --git a/templates/page/about.html.ep b/templates/page/about.html.ep
index 3d585d8..2b5759b 100644
--- a/templates/page/about.html.ep
+++ b/templates/page/about.html.ep
@@ -1,7 +1,7 @@
 % layout 'default';
 % title 'About Post::Text';
-<h2><%= title %></h2>
-<main class="about body">
+<h2 class="page-title"><%= title %></h2>
+<main class="page-body">
   <p>Post::Text is a
     <a href="https://en.wikipedia.org/wiki/Textboard">textboard</a>
     a bit like 2channel. You can post whatever you want anonymously
diff --git a/templates/page/rules.html.ep b/templates/page/rules.html.ep
index 978a572..9c59ccd 100644
--- a/templates/page/rules.html.ep
+++ b/templates/page/rules.html.ep
@@ -1,7 +1,7 @@
 % layout 'default';
 % title 'The Rules™';
-<h2><%= title %></h2>
-<main class="rules body">
+<h2 class="page-title"><%= title %></h2>
+<main class="page-body">
   <p>The rules here are pretty simple:</p>
   <ul>
     <li>No hate speech (e.g. racism, sexism, homophobia, transphobia, etc.)</li>