Commit `8ed9f60af1`

8ed9f60af1f1a3beca8f114db0175ce31f17822d

parent: 6e2e284468

Unsigned

cmc <hello@cleberg.net> · 2025-09-04 21:49 UTC

shift from monospace theme to a formalized serif theme

Layout: unified · split

build.py +5 −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
                     "title": title,
                     "date_str": date_str,
                     "date_obj": date_obj,
+                    "date_full": date_full,
                     "slug": slug,
                     "tags": tags,
                 }
     lines = []
     for post in recent:
         lines.append('\t<div class="post">')
-        lines.append(
-            f'\t\t<time datetime="{post["date_str"]}">{post["date_str"]}</time>'
-        )
         lines.append('\t\t<div class="post-content">')
         lines.append(
             f'\t\t\t<a href="/blog/{post["slug"]}.html">{post["title"]}</a>'
                 lines.append(f'\t\t\t\t<span class="tag">{tag}</span>')
             lines.append("\t\t\t</div>")
         lines.append("\t\t</div>")
+        lines.append(
+            f'\t\t<time datetime="{post["date_str"]}">{post["date_full"]}</time>'
+        )
         lines.append("\t</div>")
     return "\n".join(lines)

theme/static/styles.css +15 −24

 body {
     background-color: var(--bg);
     color: var(--fg);
-    font-family:
+    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;
-        Menlo,
+    font-size: 1.25rem;
-        Consolas,
-        Monaco,
-        Liberation Mono,
-        Lucida Console,
-        monospace;
-    font-size: 1rem;
     line-height: 1.5;
     max-width: 50em;
     margin: 0 auto;
 }
 ul {
-    list-style-type: "- ";
+    list-style-type: "-    ";
 }
 .site-nav ul {
 }
 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;
 }
     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%;
 }
 pre,
 pre>code,
-time,
 code {
     font-family:
         Menlo,
 :not(pre)>code {
     color: var(--code);
-    font-family: inherit;
 }
 aside {
 .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 {
     margin: 0;
 }
+.post-metadata time {
+    font-style: italic;
+}
 details {
     display: block;
     margin-top: 1rem;
 }
 .post-tags {
-    font-size: 0.85rem;
+    font-size: 1rem;
-    color: #999;
     margin-top: 0.1rem;
 }
 .tag {
     margin-right: 0.3rem;
     font-style: normal;
-    opacity: 0.8;
+    opacity: 0.5;
 }
 .tag::before {

theme/templates/blog.html +3 −3

 <br>
 {% for post in posts %}
 <div class="post">
-	<time datetime='{{ post.date | strftime("%Y-%m-%d") }}'
-		>{{ post.date|strftime("%Y-%m-%d") }}</time
-	>
 	<div class="post-content">
 		<a href='{{ url_for("blog", slug=post.slug) }}'>{{ post.title }}</a>
 		{% if post.filetags %}
 			</div>
 		{% endif %}
 	</div>
+	<time datetime='{{ post.date | strftime("%Y-%m-%d") }}'
+		>{{ post.date|strftime("%B %d, %Y") }}</time
+	>
 </div>
 {% endfor %} {% endblock %}

theme/templates/index.html +7 −5

	@@ -1,10 +1,12 @@
1	{% extends "base.html" %} {% block main %}	1	{% extends "base.html" %} {% block main %}
2	<section>	2	<section>
3	<h1><i>~cmc</i></h1>	3	<h1><i>Hi, I'm Christian.</i></h1>
4	<pre>pub rsa4096 2022-11-16 [SC]	4	<blockquote>
5	<a href="/gpg.txt">3917 973F B159 BBB8 6194 5385 6945 1A51 7AC0 CB37</a>	5	<b>shouganai</b>
6	uid [ultimate] Christian Cleberg <hello@cleberg.net>	6	<br>[sho-ga-n-eye] \| しょうがない
7	sub rsa4096 2022-11-16 [E]</pre>	7	<br><br>
		8	<i>it is what it is</i>
		9	</blockquote>
8	</section>	10	</section>
9	<section>	11	<section>
10	<h2>Blog Posts</h2>	12	<h2>Blog Posts</h2>

theme/templates/post.html +1 −1

	@@ -12,7 +12,7 @@
12	<h1>{{ post.title }}</h1>	12	<h1>{{ post.title }}</h1>
13	{% if post.date is defined %}	13	{% if post.date is defined %}
14	<time datetime='{{ post.date\|strftime("%Y-%m-%d") }}'	14	<time datetime='{{ post.date\|strftime("%Y-%m-%d") }}'
15	><{{ post.date\|strftime("%Y-%m-%d %a %H:%M:%S") }}></time	15	>{{ post.date\|strftime("%A, %B %d, %Y %H:%M:%S") }}</time
16	>	16	>
17	{% endif %} {% if post.filetags %}	17	{% endif %} {% if post.filetags %}
18	<p class="post-tags">	18	<p class="post-tags">

theme/templates/wiki.html +2 −2

 <p>Use <code>Ctrl + F</code> to search wiki pages for keywords.</p>
 {% for post in posts %}
 <div class="post">
+	<a href='{{ url_for("wiki", slug=post.slug) }}'>{{ post.title }}</a>
 	<time datetime='{{ post.date | strftime("%Y-%m-%d") }}'
-		>{{ post.date|strftime("%Y-%m-%d") }}</time
+		>{{ post.date|strftime("%B %d, %Y") }}</time
 	>
-	<a href='{{ url_for("wiki", slug=post.slug) }}'>{{ post.title }}</a>
 </div>
 {% endfor %} {% endblock %}

Commit 8ed9f60af1

Commit `8ed9f60af1`