shift from monospace theme to a formalized serif theme

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<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)
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 %}
 <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 %}
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 %}
 <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 &lt;hello@cleberg.net&gt;
-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>
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 @@
 		<h1>{{ post.title }}</h1>
 		{% if post.date is defined %}
 		<time datetime='{{ post.date|strftime("%Y-%m-%d") }}'
-			>&lt;{{ post.date|strftime("%Y-%m-%d %a %H:%M:%S") }}&gt;</time
+			>{{ post.date|strftime("%A, %B %d, %Y %H:%M:%S") }}</time
 		>
 		{% endif %} {% if post.filetags %}
 		<p class="post-tags">
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 %}
 <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 %}