From a79022f7c2396bd2aa4e557830921045edfbaf36 Mon Sep 17 00:00:00 2001
From: Jordan Bancino <jordan@bancino.net>
Date: Sat, 23 Jul 2022 15:07:49 -0400
Subject: [PATCH] Make the documentation a little prettier.

---
 Telodendria.css  | 85 ++++++++++++++++++++++++++++++++++++++----------
 Telodendria.html | 11 ++++++-
 2 files changed, 78 insertions(+), 18 deletions(-)

diff --git a/Telodendria.css b/Telodendria.css
index 0519a73..acd8cdd 100644
--- a/Telodendria.css
+++ b/Telodendria.css
@@ -1,11 +1,45 @@
+:root {
+	--border-radius: 10px;
+}
+
+@media(prefers-color-scheme: dark) {
+	:root {
+		--color-snippet: #161b22;	
+		--color-link: #58a6ff;
+		--color-bg: #0d1117;
+		--color-text: #c9d1d9;
+
+		--color-table-border: #30363d;
+		--color-table-accent: #161b22;
+	}
+}
+
+@media(prefers-color-scheme: light) {
+	:root {
+		--color-snippet: #f6f8fa;
+		--color-link: #0969da;
+		--color-bg: #ffffff;
+		--color-text: #24292f;
+
+		--color-table-border: #d0d7de;
+		--color-table-accent: #f6f8fa;
+	}
+}
+
 body {
     margin: auto;
     max-width: 8.5in;
     padding: 0.25in;
+
+	color: var(--color-text);
+	background-color: var(--color-bg);
+
+	font-family: Arial;
 }
+
 .code {
-    background-color: #eee;
-    border-radius: 5px;
+    background-color: var(--color-snippet);
+    border-radius: var(--border-radius);
     display: block;
     padding: 0.5em 1em 1.5em 1em;
 
@@ -13,10 +47,11 @@ body {
     white-space: pre;
     overflow-x: scroll;
 }
+
 kbd {
     background-color: #eee;
     border-radius: 3px;
-    border: 1px solid #b4b4b4;
+    border: 1px solid var(--color-table-border);
     box-shadow: 0 1px 1px rgba(0, 0, 0, .2), 0 2px 0 0 rgba(255, 255, 255, .7) inset;
     color: #333;
     display: inline-block;
@@ -26,37 +61,53 @@ kbd {
     padding: 2px 4px;
     white-space: nowrap;
 }
+
 h1, h4, h5, h6 {
-    border-bottom: 1px dashed gray;
+    border-bottom: 1px dashed var(--color-table-border);
 }
+
 h4, h5, h6 {
     width: fit-content;
 }
+
 a {
-    color: #0969da;
+    color: var(--color-link);
     text-decoration: none;
 }
+
 a:hover {
     text-decoration: underline;
 }
+
 table {
     width: 100%;
-    border-collapse: collapse;
+    border-collapse: separate;
+	border-spacing: 0px;
+	border-radius: var(--border-radius);
 }
+
 td, th {
-    border: 1px solid #eee;
+    border: 1px solid var(--color-table-border);
     text-align: left;
     padding: 8px;
 }
+
 tr:nth-child(even) {
-    background-color: #eee;
+    background-color: var(--color-table-accent);
+}
+
+th:first-of-type {
+	border-top-left-radius: var(--border-radius);
+}
+
+th:last-of-type {
+	border-top-right-radius: var(--border-radius);
+}
+
+tr:last-of-type td:first-of-type {
+	border-bottom-left-radius: var(--border-radius);
+}
+
+tr:last-of-type td:last-of-type {
+	border-bottom-right-radius: var(--border-radius);
 }
-@media (prefers-color-scheme: dark) {
-    body {
-        background-color: #212121;
-        color: white;
-    }
-    .code, tr:nth-child(even) {
-        background-color: #333333;
-    }
-}
\ No newline at end of file
diff --git a/Telodendria.html b/Telodendria.html
index 7688b29..6522e97 100644
--- a/Telodendria.html
+++ b/Telodendria.html
@@ -176,6 +176,7 @@ package yourself.
 <th>Checksum</th>
 <th>Signature</th>
 </tr>
+<!--
 <tr>
 <td>v0.0.0</td>
 <td>
@@ -194,6 +195,14 @@ Signify
 </a>
 </td>
 </tr>
+-->
+<tr>
+<td colspan="4" style="text-align: center;">
+No downloads here yet. See the
+<a href="#project-status">Project Status</a> for more
+information.
+</td>
+</tr>
 </table>
 <p>
 You can check out the change log <a href="#change-log">here</a>.
@@ -335,7 +344,7 @@ on my list for that:
 <li>Update Rationale section</li>
 <li>Update Project description (no longer a CGI binary)</li>
 <li>Update project code requirements (ANSI C, POSIX.1c)</li>
-<li>Clean up dark mode colors (tables, background, code snippets</li>
+<li></s>Clean up dark mode colors (tables, background, code snippets)</s></li>
 </ul>
 <h2 id="rationale">Rationale</h2>
 <p>