From 4daf7ccc418d8e84bf803ae93694d495c1ebf438 Mon Sep 17 00:00:00 2001
From: andrewlalis <andrewlalisofficial@gmail.com>
Date: Sat, 22 Jul 2023 15:05:05 -0400
Subject: [PATCH] Improved article formatting.

---
 articles.html      | 12 ++++++------
 styles/article.css | 12 ++++++++----
 styles/style.css   |  4 +++-
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/articles.html b/articles.html
index f2ec048..42da649 100644
--- a/articles.html
+++ b/articles.html
@@ -44,30 +44,30 @@
         <table class="basic-table">
             <thead>
                 <tr>
-                    <th style="min-width: 18ch">Date</th>
+                    <th>Date</th>
                     <th>Article</th>
                 </tr>
             </thead>
             <tbody>
                 <!-- Note: Add a new row here for each article. Sorted with newest first. -->
                 <tr>
-                    <td><time datetime="2023-02-06">February 6<sup>th</sup>, 2023</time></td>
+                    <td><time datetime="2023-02-06" style="white-space: nowrap;">February 6<sup>th</sup>, 2023</time></td>
                     <td><a href="articles/beginner-guide-to-apache-lucene.html">A Beginner's Guide to Searching with Lucene</a></td>
                 </tr>
                 <tr>
-                    <td><time datetime="2022-05-05">May 5<sup>th</sup>, 2022</time></td>
+                    <td><time datetime="2022-05-05" style="white-space: nowrap;">May 5<sup>th</sup>, 2022</time></td>
                     <td><a href="articles/dsh-easier-scripting-in-d.html">DSH - Easier Scripting in D</a></td>
                 </tr>
                 <tr>
-                    <td><time datetime="2022-03-26">March 26<sup>th</sup>, 2022</time></td>
+                    <td><time datetime="2022-03-26" style="white-space: nowrap;">March 26<sup>th</sup>, 2022</time></td>
                     <td><a href="articles/d-prospects-for-future.html">The D Programming Language: Does it have a future?</a></td>
                 </tr>
                 <tr>
-                    <td><time datetime="2021-05-09">May 9<sup>th</sup>, 2021</time></td>
+                    <td><time datetime="2021-05-09" style="white-space: nowrap;">May 9<sup>th</sup>, 2021</time></td>
                     <td><a href="articles/spring-osiv-transactions.html">Spring's Open-Session-in-View & Transactions</a></td>
                 </tr>
                 <tr>
-                    <td><time datetime="2021-05-09">May 9<sup>th</sup>, 2021</time></td>
+                    <td><time datetime="2021-05-09" style="white-space: nowrap;">May 9<sup>th</sup>, 2021</time></td>
                     <td><a href="articles/java-swing-2d-game.html">2D Games with Java & Swing</a></td>
                 </tr>
             </tbody>
diff --git a/styles/article.css b/styles/article.css
index 73033ca..483328f 100644
--- a/styles/article.css
+++ b/styles/article.css
@@ -1,6 +1,10 @@
-article {
-    background-color: var(--background-color-2);
-    padding: 0.5em 1em;
+/* Adjust body and hr to make the page slightly wider if possible. */
+body {
+    max-width: 70ch;
+}
+
+hr {
+    max-width: 80ch;
 }
 
 article h1 {
@@ -13,5 +17,5 @@ figure {
 }
 
 code {
-    font-size: x-small;
+    color: var(--code-color);
 }
diff --git a/styles/style.css b/styles/style.css
index 7092c7f..16d2ec7 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -3,7 +3,8 @@
     --background-color-2: #e0e0e0;
     --background-color-3: #d1d1d1;
     --text-color: #1c1c1c;
-    --link-color: #194b26;
+    --link-color: #236936;
+    --code-color: #e02929;
 }
 
 :root.dark {
@@ -12,6 +13,7 @@
     --background-color-3: #2b2b2b;
     --text-color: #e8e8e8;
     --link-color: #46d169;
+    --code-color: #ff2f2f;
 }
 
 body {