From 6f227d0e39b003bdd1d53617d5b70a75c5c9f57f Mon Sep 17 00:00:00 2001
From: RichardG867 <richardg867@gmail.com>
Date: Tue, 14 Dec 2021 19:46:09 -0300
Subject: [PATCH] Justify text on blog posts

---
 _layouts/post.html           | 2 +-
 assets/css/style-print.css   | 7 ++++---
 assets/css/style-reduced.css | 4 ++++
 assets/css/style.css         | 7 +++++++
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index e743f0a..5018be1 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,6 +1,6 @@
 {% capture title_override %}Blog: {{ page.title }}{% endcapture %}
 {% include header.html %}
-		<main>
+		<main class="blog">
 			{% include postheader.html post=page %}
 			<p></p>
 			{{ content }}
diff --git a/assets/css/style-print.css b/assets/css/style-print.css
index 3dd5cf5..a9870e0 100644
--- a/assets/css/style-print.css
+++ b/assets/css/style-print.css
@@ -36,6 +36,10 @@ a, a:visited {
 }
 
 /* Blog */
+main.blog {
+	text-align: justify;
+	text-justify: inter-word;
+}
 .image {
 	text-align: center;
 }
@@ -83,9 +87,6 @@ iframe.youtube {
 	height: 64px;
 	padding-bottom: 8pt;
 }
-button.ytp-button {
-	display: none;
-}
 
 /* Advanced features here, to avoid upsetting retro browsers. */
 tr:nth-child(odd) {
diff --git a/assets/css/style-reduced.css b/assets/css/style-reduced.css
index 599829d..7305bbe 100644
--- a/assets/css/style-reduced.css
+++ b/assets/css/style-reduced.css
@@ -77,6 +77,10 @@ div#socialnew {
 }
 
 /* Blog */
+main.blog { /* requires JS on IE6 */
+	text-align: justify;
+	text-justify: inter-word;
+}
 img.heading, img.image {
 	text-align: center;
 	max-width: 100%; /* N/A on IE6 */
diff --git a/assets/css/style.css b/assets/css/style.css
index 33dea7f..a2c2aa5 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -150,9 +150,16 @@ div#socialold {
 }
 
 /* Blog */
+main.blog {
+	text-align: justify;
+	text-justify: inter-word;
+}
 .image {
 	text-align: center;
 }
+div.image {
+	margin: 1em;
+}
 img.heading {
 	max-width: 100%;
 	width: auto;