From b3a6db3127a5a72998764de62c1498508eef5da3 Mon Sep 17 00:00:00 2001
From: Christian Cleberg <hello@cleberg.net>
Date: Tue, 2 Dec 2025 22:04:33 -0600
Subject: feat: minify css theme again since the last one was not great

---
 theme/static/styles.css    | 314 ++++-----------------------------------------
 theme/templates/index.html |  10 +-
 theme/templates/post.html  |   8 +-
 3 files changed, 37 insertions(+), 295 deletions(-)

diff --git a/theme/static/styles.css b/theme/static/styles.css
index 26bf1d6..e077b6c 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -1,108 +1,21 @@
-:root {
-    --bg: #fafafa;
-    --bg-light: #f0f0f0;
-    --fg: #1b2229;
-    --fg-light: #383a42;
-    --link: #0f62fe;
-    --code: #8c2117;
-}
-
 body {
-    background-color: var(--bg);
-    color: var(--fg-light);
     font-family: Menlo, Consolas, Monaco, Adwaita Mono, Liberation Mono, Lucida Console, monospace;
     font-size: 0.85rem;
-    line-height: 1.4;
+    line-height: 1.5;
     margin: 0 auto;
     max-width: 50em;
-    padding: 1.5rem;
-}
-
-a,
-a:active {
-    color: var(--link);
-}
-
-a[href]:not([href^="#"]):not([href^="/"]):not([href*="cleberg.net"]) {
-    display: inline;
-}
-
-a[href]:not([href^="#"]):not([href^="/"]):not([href*="cleberg.net"])::before {
-    background-color: var(--bg);
-    color: var(--fg);
-    content: "[";
-    display: inline-block;
-    padding-right: 0.15em;
-    pointer-events: none;
-    position: relative;
-    text-decoration: none;
-    z-index: 1;
-}
-
-a[href]:not([href^="#"]):not([href^="/"]):not([href*="cleberg.net"])::after {
-    background-color: var(--bg);
-    color: var(--fg);
-    content: "]";
-    display: inline-block;
-    padding-left: 0.15em;
-    pointer-events: none;
-    position: relative;
-    text-decoration: none;
-    z-index: 1;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-nav,
-time,
-code,
-pre,
-.metadata-block {
-    font-family: Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: var(--fg);
-    font-size: 0.85rem;
-    font-weight: bold;
-    margin-bottom: 1rem;
-    margin-top: 1rem;
 }
 
-h1 {
-    font-size: 0.85rem;
-}
-
-.skip-link {
-    height: 1px;
-    left: -10000px;
-    overflow: hidden;
-    position: absolute;
-    top: auto;
-    width: 1px;
-}
-
-.skip-link:focus {
-    height: auto;
-    position: static;
-    width: auto;
+body,
+footer {
+    padding: 1rem 0;
 }
 
 nav {
     align-items: center;
     display: flex;
     justify-content: space-around;
-    margin: 3rem 0;
-    width: 100%;
+    margin: 1rem 0;
 }
 
 nav ul {
@@ -120,216 +33,45 @@ nav ul li {
     text-align: center;
 }
 
-.context-box {
-    background-color: var(--bg-light);
-    color: var(--fg);
-    display: grid;
-    font-size: 0.85rem;
-    grid-template-columns: auto 1fr;
-    gap: 0.5rem 1rem;
-    margin-bottom: 3rem;
-    margin-top: 3rem;
-    padding: 1rem;
-}
-
-.context-label {
-    color: var(--link);
-    font-weight: bold;
-    text-transform: uppercase;
-}
-
-blockquote {
-    background-color: var(--bg-light);
-    border-left: 8px solid var(--link);
-    margin: 1rem 0;
-    padding: 0.5rem 1rem;
-}
-
-blockquote p {
-    margin: 0;
-}
-
-.reply-link {
-    border: 1px dotted var(--fg-light);
-    margin-top: 3rem;
-    padding: 0.5rem 1rem;
-}
-
 img {
-    border-style: none;
-    width: 100%;
-}
-
-table {
-    border: 1px dotted var(--fg);
-    border-collapse: collapse;
-    width: 100%;
-}
-
-colgroup,
-thead,
-tbody {
-    border: 1px dotted var(--fg);
-}
-
-pre,
-pre>code,
-code {
-    font-size: 0.85rem;
+    max-width: 100%;
 }
 
 pre {
-    background-color: var(--bg-light);
-    margin: 0.5rem 0;
-    overflow-x: auto;
+    border: 1px solid black;
     padding: 0.5rem;
 }
 
-time {
-    margin-right: 0.5rem;
-}
-
-:not(pre)>code {
-    color: var(--code);
+:not(pre) > code {
+    color: red;
 }
 
-.post {
-    align-items: flex-start;
-    display: flex;
-    margin: 0.5rem 0;
-}
-
-.post time {
-    flex-shrink: 0;
-    font-size: 0.85rem;
-    margin-right: 1rem;
-}
-
-article {
-    border-bottom: 1px dotted var(--fg-light);
-    margin-bottom: 3rem;
-    padding-bottom: 3rem;
-}
-
-p {
-    margin-top: 0.5rem;
-    margin-bottom: 1rem;
-}
-
-footer {
-    margin: 3rem 0;
-}
-
-#table-of-contents {
-    border: 1px dotted var(--fg-light);
-    font-family: Menlo, Consolas, Monaco, "Liberation Mono", monospace;
-    font-size: 0.85rem;
-    margin-bottom: 3rem;
-    margin-top: 3rem;
-    max-width: 100%;
-    padding: 3rem;
-}
-
-#table-of-contents h2 {
-    border: none;
-    font-family: inherit;
-    font-size: 0.85rem;
-    text-transform: none;
-    font-weight: normal;
-    margin-bottom: 1rem;
-    margin-top: 0;
-    padding: 0;
-}
-
-#text-table-of-contents ul {
-    list-style: none;
-    padding-left: 0;
-    margin: 0;
-}
-
-#text-table-of-contents ul ul {
-    padding-left: 2ch;
-}
-
-#text-table-of-contents li a {
-    align-items: baseline;
-    display: flex;
-    padding: 0.2rem 0;
-}
-
-#text-table-of-contents li a::after {
-    background-image: radial-gradient(circle, var(--fg-light) 1px, transparent 1px);
-    background-position: 0 bottom;
-    background-repeat: repeat-x;
-    background-size: 8px 100%;
-    border-bottom: none;
-    content: "";
-    flex-grow: 1;
-    height: 4px;
-    margin-left: 1ch;
-    opacity: 0.6;
-    padding-left: 1ch;
-    text-align: right;
-}
-
-#text-table-of-contents li a:hover {
-    background-color: transparent;
-    color: var(--link);
-}
-
-#text-table-of-contents ul {
-    list-style: none;
-    margin: 0;
-    padding-left: 0;
-}
-
-#text-table-of-contents ul ul {
-    margin-top: 0.2rem;
-    padding-left: 3ch;
-}
-
-.outline-2 ul li {
-    list-style: none;
-}
-
-.outline-2 ul li::before {
-    color: var(--fg-light);
-    content: "- ";
+.skip-link {
+    height: 1px;
+    left: -10000px;
+    overflow: hidden;
+    position: absolute;
+    top: auto;
+    width: 1px;
 }
 
-.outline-2 {
-
-    p,
-    ul,
-    ol,
-    blockquote,
-    pre,
-    table {
-        margin-left: 3ch;
-    }
-
-    blockquote p {
-        margin-left: 0;
-    }
+.skip-link:focus {
+    height: auto;
+    position: static;
+    width: auto;
 }
 
-.recent-posts {
-    h2 {
-        margin-bottom: 1.5rem;
+@media (prefers-color-scheme: dark) {
+    body {
+        background-color: #000000;
+        color: #dfdfdf;
     }
 
-    p {
-        margin-top: 1.5rem;
+    a {
+        color: #67c0ff;
     }
-}
 
-@media (prefers-color-scheme: dark) {
-    :root {
-        --bg: #000000;
-        --bg-light: #1B2229;
-        --fg: #DFDFDF;
-        --fg-light: #BBC2CF;
-        --link: #67C0FF;
-        --code: #FF6C6B;
+    pre {
+        border-color: white;
     }
 }
diff --git a/theme/templates/index.html b/theme/templates/index.html
index 106b175..1ce080c 100644
--- a/theme/templates/index.html
+++ b/theme/templates/index.html
@@ -1,8 +1,8 @@
 {% extends "base.html" %} {% block main %}
-<section class="context-box">
-	<span class="context-label">User:</span> <span>Christian Cleberg &lt;hello@cleberg.net&gt;</span>
-	<span class="context-label">Context:</span> <span>Technology Assurance Manager</span>
-	<span class="context-label">Status:</span> <span>Active</span>
+<section>
+	<b>User</b>: Christian Cleberg &lt;hello@cleberg.net&gt;
+	<br><b>Context</b>: Technology Assurance Manager
+	<br><b>Status</b>: Active
 </section>
 <section class="recent-posts">
 	<h2>Recent Posts</h2>
@@ -10,4 +10,4 @@
 	<!-- END_POSTS -->
 	<p><a href="/blog/">All Posts &rarr;</a></p>
 </section>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/theme/templates/post.html b/theme/templates/post.html
index a2c903e..66c335c 100644
--- a/theme/templates/post.html
+++ b/theme/templates/post.html
@@ -8,10 +8,10 @@
 <meta property="og:description" content="{{ project_description }}" />
 {% endif %} {% endblock %} {% block main %}
 <article>
-	<section class="context-box">
-		<span class="context-label">Title:</span> <span>{{ post.title }}</span>
-		<span class="context-label">Date:</span> <span><time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time></span>
-		<span class="context-label">Description:</span> <span>{{ post.description }}</span>
+	<section>
+		<b>Title</b>: {{ post.title }}
+		<br><b>Date</b>: <time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time>
+		<br><b>Description</b>: {{ post.description }}
 	</section>
 	<section>{{ post.html | safe }}</section>
 	<div class="reply-link"><a href="mailto:hello@cleberg.net">Reply via email &rarr;</a></div>
-- 
cgit v1.2.3