From 96964fe6f8a2e4de7fcf85a859e3ec890dd5dca7 Mon Sep 17 00:00:00 2001 From: Christian Cleberg Date: Thu, 4 Sep 2025 16:49:49 -0500 Subject: shift from monospace theme to a formalized serif theme --- build.py | 8 +++++--- theme/static/styles.css | 39 +++++++++++++++------------------------ theme/templates/blog.html | 6 +++--- theme/templates/index.html | 12 +++++++----- theme/templates/post.html | 2 +- theme/templates/wiki.html | 4 ++-- 6 files changed, 33 insertions(+), 38 deletions(-) diff --git a/build.py b/build.py index d765019..f73ca81 100644 --- a/build.py +++ b/build.py @@ -174,6 +174,7 @@ def get_recent_posts_html(content_dir="./content/blog", num_posts=3): if title and date_str and slug: try: date_obj = datetime.strptime(date_str, "%Y-%m-%d") + date_full = date_obj.strftime("%B %d, %Y") except ValueError: # Skip files with invalid date format continue @@ -183,6 +184,7 @@ def get_recent_posts_html(content_dir="./content/blog", num_posts=3): "title": title, "date_str": date_str, "date_obj": date_obj, + "date_full": date_full, "slug": slug, "tags": tags, } @@ -198,9 +200,6 @@ def get_recent_posts_html(content_dir="./content/blog", num_posts=3): lines = [] for post in recent: lines.append('\t
') - lines.append( - f'\t\t' - ) lines.append('\t\t
') lines.append( f'\t\t\t{post["title"]}' @@ -211,6 +210,9 @@ def get_recent_posts_html(content_dir="./content/blog", num_posts=3): lines.append(f'\t\t\t\t{tag}') lines.append("\t\t\t
") lines.append("\t\t
") + lines.append( + f'\t\t' + ) lines.append("\t") return "\n".join(lines) diff --git a/theme/static/styles.css b/theme/static/styles.css index a032e1a..7fca84b 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -20,14 +20,8 @@ html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-s body { background-color: var(--bg); color: var(--fg); - font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; - font-size: 1rem; + font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + font-size: 1.25rem; line-height: 1.5; max-width: 50em; margin: 0 auto; @@ -55,7 +49,7 @@ footer p { } ul { - list-style-type: "- "; + list-style-type: "- "; } .site-nav ul { @@ -77,20 +71,20 @@ h4 { } h1 { - font-size: 1.5rem; + font-size: 1.75rem; font-weight: bold; margin-top: 1rem; margin-bottom: 0.75rem; } h2 { - font-size: 1.25rem; + font-size: 1.5rem; margin-top: 1rem; margin-bottom: 0.5rem; } h3 { - font-size: 1rem; + font-size: 1.25rem; margin-top: 1rem; margin-bottom: 0.25rem; } @@ -123,13 +117,6 @@ table { border-collapse: collapse; color: var(--fg); border-color: var(--bg-bright); - font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; font-size: inherit; width: 100%; } @@ -144,7 +131,6 @@ td { pre, pre>code, -time, code { font-family: Menlo, @@ -165,7 +151,6 @@ pre { :not(pre)>code { color: var(--code); - font-family: inherit; } aside { @@ -187,11 +172,14 @@ blockquote p { .post, .wiki-post { display: flex; + justify-content: space-between; } .post time { flex-shrink: 0; + font-style: italic; margin-right: 0.5rem; + opacity: 0.8; } .wiki-post { @@ -220,6 +208,10 @@ blockquote p { margin: 0; } +.post-metadata time { + font-style: italic; +} + details { display: block; margin-top: 1rem; @@ -273,15 +265,14 @@ span.tag::before { } .post-tags { - font-size: 0.85rem; - color: #999; + font-size: 1rem; margin-top: 0.1rem; } .tag { margin-right: 0.3rem; font-style: normal; - opacity: 0.8; + opacity: 0.5; } .tag::before { diff --git a/theme/templates/blog.html b/theme/templates/blog.html index fc4f6d6..7e15d86 100644 --- a/theme/templates/blog.html +++ b/theme/templates/blog.html @@ -11,9 +11,6 @@ main %}
{% for post in posts %}
-
{{ post.title }} {% if post.filetags %} @@ -24,5 +21,8 @@ main %}
{% endif %}
+ {% endfor %} {% endblock %} diff --git a/theme/templates/index.html b/theme/templates/index.html index 864d866..0ad4d5a 100644 --- a/theme/templates/index.html +++ b/theme/templates/index.html @@ -1,10 +1,12 @@ {% extends "base.html" %} {% block main %}
-

~cmc

- 
pub   rsa4096 2022-11-16 [SC]
-      3917 973F B159 BBB8 6194 5385 6945 1A51 7AC0 CB37
-uid           [ultimate] Christian Cleberg <hello@cleberg.net>
-sub   rsa4096 2022-11-16 [E]
+

Hi, I'm Christian.

+
+ shouganai +
[sho-ga-n-eye] | しょうがない +

+ it is what it is +

Blog Posts

diff --git a/theme/templates/post.html b/theme/templates/post.html index b7f059d..8387156 100644 --- a/theme/templates/post.html +++ b/theme/templates/post.html @@ -12,7 +12,7 @@

{{ post.title }}

{% if post.date is defined %} {{ post.date|strftime("%A, %B %d, %Y %H:%M:%S") }} {% endif %} {% if post.filetags %}

diff --git a/theme/templates/wiki.html b/theme/templates/wiki.html index 6087b36..3bfc10e 100644 --- a/theme/templates/wiki.html +++ b/theme/templates/wiki.html @@ -4,9 +4,9 @@ main %}

Use Ctrl + F to search wiki pages for keywords.

{% for post in posts %}
+ {{ post.title }} {{ post.date|strftime("%B %d, %Y") }} - {{ post.title }}
{% endfor %} {% endblock %} -- cgit v1.2.3-70-g09d2