cmc/cleberg.net
My personal web garden & blog.
clone: git clone https://gitbay.org/cmc/cleberg.net.git
8ed9f60af1f1a3beca8f114db0175ce31f17822d
unsigned
author: Christian Cleberg <hello@cleberg.net> · 2025-09-04T21:49:49Z
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(-) @@ -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<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>' @@ -211,6 +210,9 @@ def get_recent_posts_html(content_dir="./content/blog", num_posts=3): 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) @@ -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 { @@ -11,9 +11,6 @@ main %} <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 %} @@ -24,5 +21,8 @@ main %} </div> {% endif %} </div> + <time datetime='{{ post.date | strftime("%Y-%m-%d") }}' + >{{ post.date|strftime("%B %d, %Y") }}</time + > </div> {% endfor %} {% endblock %} @@ -1,10 +1,12 @@ {% extends "base.html" %} {% block main %} <section> - <h1><i>~cmc</i></h1> - <pre>pub rsa4096 2022-11-16 [SC] - <a href="/gpg.txt">3917 973F B159 BBB8 6194 5385 6945 1A51 7AC0 CB37</a> -uid [ultimate] Christian Cleberg <hello@cleberg.net> -sub rsa4096 2022-11-16 [E]</pre> + <h1><i>Hi, I'm Christian.</i></h1> + <blockquote> + <b>shouganai</b> + <br>[sho-ga-n-eye] | しょうがない + <br><br> + <i>it is what it is</i> + </blockquote> </section> <section> <h2>Blog Posts</h2> @@ -12,7 +12,7 @@ <h1>{{ post.title }}</h1> {% if post.date is defined %} <time datetime='{{ post.date|strftime("%Y-%m-%d") }}' - ><{{ post.date|strftime("%Y-%m-%d %a %H:%M:%S") }}></time + >{{ post.date|strftime("%A, %B %d, %Y %H:%M:%S") }}</time > {% endif %} {% if post.filetags %} <p class="post-tags"> @@ -4,9 +4,9 @@ main %} <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 %}