site

commit b295fc20e61c06c7368a22e9ba2341785d1afd2b
parent 8b59fc91aaf57491946ee8b355ca63926342fbef
Author: Jul <jul@9o.is>
Date:   Tue, 12 May 2026 14:23:14 +0800

improve styling structure for titles and blog feed

Diffstat:
M
assets/style.css
 | 
13
+++++++++----
M
templates/index.html/item.html
 | 
2
+-

2 files changed, 10 insertions(+), 5 deletions(-)
diff --git a/assets/style.css b/assets/style.css
@@ -136,6 +136,9 @@ h6 {
 h1,
 h2 {
 	text-transform: uppercase;
+	text-wrap: balance;
+	max-inline-size: 50ch;
+	line-height: var(--lineheight-lg);
 }
 
 a {
@@ -300,12 +303,14 @@ main.blog-posts {
 	article {
 		margin-bottom: calc(8 * var(--spacing));
 
-		h2 {
-			display: inline;
-		}
-
 		p {
 			margin-top: calc(4 * var(--spacing));
+			margin-left: calc(4 * var(--spacing));
+			font-size: var(--text-sm);
+		}
+
+		time {
+			font-size: var(--text-sm);
 		}
 	}
 }
diff --git a/templates/index.html/item.html b/templates/index.html/item.html
@@ -1,7 +1,7 @@
 <li>
 	<article>
-		<time>${created}</time>
 		<h2><a href="${filename}">${title}</a></h2>
+		<time>${created}</time>
 		<p>${description}</p>
 	</article>
 </li>