cmc/cleberg.net

My personal web garden & blog.

clone: git clone https://gitbay.org/cmc/cleberg.net.git

e5758a78f995e5b9ade3400cb713536b6b7c5abe

unsigned

author: Christian Cleberg <hello@cleberg.net> · 2026-02-08T00:42:10Z

fix section metadata styling

 theme/static/styles.css   | 14 +++++++-------
 theme/templates/post.html |  3 +--
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/theme/static/styles.css b/theme/static/styles.css
index b68d2c4..e32acbb 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -52,10 +52,10 @@ a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px
 a:hover { background: var(--accent); color: var(--bg); text-decoration: none; }
 
 /* --- Weblorg / Template Specifics --- */
-section b { display: block; font-size: 0.7rem; text-transform: uppercase; color: var(--meta); margin-top: 0.5rem; }
-
-.post { display: flex; justify-content: space-between; border-bottom: 1px dashed var(--border); padding: 0.5rem 0; }
-.post time { font-size: 0.8rem; color: var(--meta); }
+section b { font-size: 0.85rem; text-transform: uppercase; color: var(--meta); margin-top: 0.5rem; }
+.post { display: flex; align-items: center; border-bottom: 1px dashed var(--border); padding: 0.5rem 0; }
+.post time { font-size: 0.8rem; color: var(--meta); margin-right: 0.5rem; white-space: nowrap; flex-shrink: 0; }
+.post-metadata b { display: block; font-size: 0.7rem; }
 
 /* --- Org-Mode Tables (Heavy Grid) --- */
 table { width: 100%; border-collapse: collapse; margin: 2rem 0; border: 3px solid var(--fg); }
@@ -68,7 +68,7 @@ code { background: var(--code-bg); padding: 0.2rem 0.4rem; }
 
 /* Blockquote styling */
 blockquote {
-    background-color: #f3f3f3;
+    background-color: var(--code-bg);
     font-style: italic;
     margin: 1.5em 0;
     padding: 0;
@@ -77,13 +77,13 @@ blockquote p { margin: 0; }
 blockquote::before {
     content: "#+begin_quote";
     display: block;
-    color: #7f7f7f;
+    color: var(--fg);
 }
 
 blockquote::after {
     content: "#+end_quote";
     display: block;
-    color: #7f7f7f;
+    color: var(--fg);
 }
 
 /* --- Accessibility & Efficiency --- */
diff --git a/theme/templates/post.html b/theme/templates/post.html
index bc8afc2..0dc35e7 100644
--- a/theme/templates/post.html
+++ b/theme/templates/post.html
@@ -8,8 +8,7 @@
 <meta property="og:description" content="{{ project_description }}" />
 {% endif %} {% endblock %} {% block main %}
 <article>
-	<section>
-	<section>
+	<section class="post-metadata">
         <b>Object</b> <span>{{ post.title }}</span>
         <b>Timestamp</b> <span><time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d %H:%M:%S") }}</time></span>
         <b>Summary</b> <span>{{ post.description }}</span>