From f94fd769cc68c617c2d8b7395d926a2b2bc84741 Mon Sep 17 00:00:00 2001
From: Akbar Rahman <hi@alv.cx>
Date: Sat, 13 Apr 2024 20:49:41 +0100
Subject: [PATCH] make start and end of posts more clear

---
 css/styles.css            | 6 ++++++
 templates/blog_index.html | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 5f629c6..22168ff 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -104,6 +104,12 @@ mjx-container {
 
 p.metadata { margin: 0 }
 
+.blog_inline_post {
+  border-left: 1em solid var(--fg-lc);
+  padding: 0 1em 0 1em;
+  margin-bottom: 5em;
+}
+
 @media (max-width: 80em) {
   /* CSS that should be displayed if width is equal to or less than 60em goes here */
 	#contentWrapper { flex-direction: column }
diff --git a/templates/blog_index.html b/templates/blog_index.html
index caadcf1..7d459e6 100644
--- a/templates/blog_index.html
+++ b/templates/blog_index.html
@@ -68,7 +68,9 @@
     {{ content|safe }}
 
     {% for post in posts %}
+      <div class="blog_inline_post">
       {{ post['description']|safe }}
+      </div>
     {% endfor %}
 	{% endif %}