cmc/cleberg.net

My personal web garden & blog.

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

a3fc6277345ab1890992dfb1ba05cc513a38a2f6

verified · cmc

author: Christian Cleberg <hello@cleberg.net> · 2026-03-11T05:06:53Z

Update blog, post, and page templates

 theme/templates/blog.html | 28 +++++++++++-----------------
 theme/templates/page.html |  9 +++------
 theme/templates/post.html | 18 ++++++++++--------
 3 files changed, 24 insertions(+), 31 deletions(-)

diff --git a/theme/templates/blog.html b/theme/templates/blog.html
index 0b690ab..605d883 100644
--- a/theme/templates/blog.html
+++ b/theme/templates/blog.html
@@ -1,19 +1,13 @@
-{% extends "base.html" %} {% block subtitle %}blog - {% endblock %} {% block
-main %}
+{% extends "base.html" %} {% block subtitle %}blog - {% endblock %} {% block main %}
 <h1>Blog</h1>
-<p>
-	Use <code>⌘ + f</code> (<code>Ctrl + f</code>) to search for
-	keywords.
-</p>
-<p>
-	You can also add the <a href="/feed.xml">RSS Feed</a> to your feed reader.
-</p>
-<br>
+<p class="blog-meta">Use <code>⌘ F</code> / <code>Ctrl F</code> to search &middot; <a href="/feed.xml">RSS Feed</a></p>
+<p class="label">All Posts</p>
+<ul class="post-list">
 {% for post in posts %}
-<div class="post">
-	<time datetime='{{ post.date | strftime("%Y-%m-%d") }}'
-		>{{ post.date|strftime("%Y-%m-%d") }}</time
-	>
-	<a href='{{ url_for("blog", slug=post.slug) }}' data-text="{{ post.title }}">{{ post.title }}</a>
-</div>
-{% endfor %} {% endblock %}
+<li class="post-list-item">
+    <a href='{{ url_for("blog", slug=post.slug) }}'>{{ post.title }}</a>
+    <time datetime='{{ post.date | strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d") }}</time>
+</li>
+{% endfor %}
+</ul>
+{% endblock %}
diff --git a/theme/templates/page.html b/theme/templates/page.html
index b670771..a302c4b 100644
--- a/theme/templates/page.html
+++ b/theme/templates/page.html
@@ -1,11 +1,8 @@
 {% extends "base.html" %}
-
-{% block subtitle %}
-	{{ post.title }} -
-{% endblock %}
+{% block subtitle %}{{ post.title }} - {% endblock %}
 {% block main %}
 <article>
-	<h1 data-text="{{ post.title }}">{{ post.title }}</h1>
-	<section>{{ post.html | safe }}</section>
+    <h1>{{ post.title }}</h1>
+    <div class="page-body">{{ post.html | safe }}</div>
 </article>
 {% endblock %}
diff --git a/theme/templates/post.html b/theme/templates/post.html
index 8cc9e2e..018068e 100644
--- a/theme/templates/post.html
+++ b/theme/templates/post.html
@@ -6,14 +6,16 @@
 <meta property="og:description" content="{{ post.description }}" />
 {% elif project_description is defined %}
 <meta property="og:description" content="{{ project_description }}" />
-{% endif %} {% endblock %} {% block main %}
+{% endif %}
+{% endblock %}
+{% block main %}
 <article>
-	<section class="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>
-	</section>
-	<section>{{ post.html | safe }}</section>
-	<div class="reply-link"><a href="mailto:hello@cleberg.net">Reply via email &rarr;</a></div>
+    <p class="article-dateline"><time datetime='{{ post.date|strftime("%Y-%m-%d") }}'>{{ post.date|strftime("%Y-%m-%d") }}</time></p>
+    <h1 class="article-title">{{ post.title }}</h1>
+    {% if post.description is defined %}
+    <p class="article-standfirst">{{ post.description }}</p>
+    {% endif %}
+    <div class="article-body">{{ post.html | safe }}</div>
+    <div class="reply-link"><a href="mailto:hello@cleberg.net">Reply via email &rarr;</a></div>
 </article>
 {% endblock %}