From dd8d5a5dbb765233eb493b746db5c8a6d0c23de9 Mon Sep 17 00:00:00 2001
From: EuAndreh <eu@euandre.org>
Date: Mon, 10 Aug 2020 08:14:44 -0300
Subject: CSS: Add clearer separation between end of post and post footer

---
 _includes/public-inbox.html | 4 ++--
 _layouts/post.html          | 2 +-
 styles.css                  | 6 +++++-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/_includes/public-inbox.html b/_includes/public-inbox.html
index a630d50..aaeff37 100644
--- a/_includes/public-inbox.html
+++ b/_includes/public-inbox.html
@@ -1,12 +1,12 @@
 {% if page.lang == 'en' %}
-  Have a comment on this post? Start a discussion in my
+  Do you have a comment on this post? Start a discussion in my
   <a href="https://lists.sr.ht/~euandreh/public-inbox">public inbox</a>
   by sending an email to
   <a href="mailto:~euandreh/public-inbox@lists.sr.ht?Subject=Re%3A%20{{ page.title | uri_escape }}">~euandreh/public-inbox@lists.sr.ht</a>
   [<a href="https://man.sr.ht/lists.sr.ht/etiquette.md">mailing list etiquette</a>],
   or see <a href="https://lists.sr.ht/~euandreh/public-inbox?search={{ page.title | uri_escape }}">existing discussions</a>.
 {% elsif page.lang == 'pt' %}
-  Tem um comentário sobre essa postagem? Comece uma discussão na minha
+  Você tem um comentário sobre essa postagem? Comece uma discussão na minha
   <a href="https://lists.sr.ht/~euandreh/public-inbox">caixa de entrada pública</a>
   mandando um email para
   <a href="mailto:~euandreh/public-inbox@lists.sr.ht?Subject=Re%3A%20{{ page.title | uri_escape }}">~euandreh/public-inbox@lists.sr.ht</a>
diff --git a/_layouts/post.html b/_layouts/post.html
index e6d3a80..18debe5 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -13,7 +13,7 @@ layout: default
   <section>
     {{ content }}
   </section>
-  <section>
+  <section class="post-footer">
     <p>
       {% include public-inbox.html %}
     </p>
diff --git a/styles.css b/styles.css
index 5ae6fa3..94aa10b 100644
--- a/styles.css
+++ b/styles.css
@@ -65,12 +65,16 @@ pre.highlight {
   border-bottom: 1px solid;
 }
 
-article .header {
+section.header {
   color: #555;
   font-size: 14px;
   font-style: italic;
 }
 
+section.post-footer {
+  border-top: 0.5px solid #555;
+}
+
 .simple-icon {
   height: 22px;
   vertical-align: middle;
-- 
cgit v1.2.3