cmc/cleberg.net

My personal web garden & blog.

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

84a95509f0e21fa0bcf782e45f67f43d672a0e86

unsigned

author: Christian Cleberg <hello@cleberg.net> · 2025-11-15T01:30:11Z

introduce reply-link elements instead of misusing blockquotes

 theme/static/styles.css   | 6 ++++--
 theme/templates/post.html | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/theme/static/styles.css b/theme/static/styles.css
index 757ad7e..36a2e45 100644
--- a/theme/static/styles.css
+++ b/theme/static/styles.css
@@ -74,14 +74,16 @@ nav ul li {
 	text-align: center;
 }
 
-blockquote {
+blockquote,
+.reply-link {
     background-color: var(--bg-light);
     border-left: 8px solid var(--link);
     margin: 1rem 0;
     padding: 0.5rem 1rem;
 }
 
-blockquote p {
+blockquote p,
+.reply-link p {
     margin: 0;
 }
 
diff --git a/theme/templates/post.html b/theme/templates/post.html
index aa74ece..a09b460 100644
--- a/theme/templates/post.html
+++ b/theme/templates/post.html
@@ -17,6 +17,6 @@
 		{% endif %}
 	</section>
 	<section>{{ post.html | safe }}</section>
-	<blockquote><a href="mailto:hello@cleberg.net">Reply via email &rarr;</a></blockquote>
+	<div class="reply-link"><a href="mailto:hello@cleberg.net">Reply via email &rarr;</a></div>
 </article>
 {% endblock %}