From e9b19a8a75c9d9cfc6dfcb355417fc6288c10568 Mon Sep 17 00:00:00 2001
From: RichardG867 <richardg867@gmail.com>
Date: Tue, 5 Jul 2022 14:37:56 -0300
Subject: [PATCH] Tweak image caption margins and allow Markdown

---
 _includes/image.html            | 4 +++-
 _includes/youtube.html          | 4 +++-
 _posts/2021-12-01-86box-v3-0.md | 2 +-
 assets/css/style.css            | 9 +++++++++
 4 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/_includes/image.html b/_includes/image.html
index 25d019c..f1916ad 100644
--- a/_includes/image.html
+++ b/_includes/image.html
@@ -1,6 +1,8 @@
 <figure class="image">
   <a href="{{ include.url }}"><img class="image" src="{{ include.thumbnail | default: include.url }}" /></a>
 {% if include.description %}
-  <figcaption><div class="imagecaption">{{ include.description }}</div></figcaption>
+  <figcaption><div class="imagecaption" markdown="block">
+  {{ include.description }}
+  </div></figcaption>
 {% endif %}
 </figure>
diff --git a/_includes/youtube.html b/_includes/youtube.html
index c555bb2..756d744 100644
--- a/_includes/youtube.html
+++ b/_includes/youtube.html
@@ -1,6 +1,8 @@
 <div class="image">
   <iframe class="youtube" src="https://www.youtube-nocookie.com/embed/{{ include.video }}"><a href="https://www.youtube.com/watch?v={{ include.video }}">[Watch YouTube video]</a></iframe>
 {% if include.description %}
-  <div class="imagecaption">{{ include.description }}</div>
+  <div class="imagecaption" markdown="block">
+  {{ include.description }}
+  </div>
 {% endif %}
 </div>
diff --git a/_posts/2021-12-01-86box-v3-0.md b/_posts/2021-12-01-86box-v3-0.md
index 50f50ac..d5130e2 100644
--- a/_posts/2021-12-01-86box-v3-0.md
+++ b/_posts/2021-12-01-86box-v3-0.md
@@ -215,7 +215,7 @@ As of writing, the user interface is not finished yet, as it took us some time t
 
 Our plan is to release the Linux and macOS version alongside a minor release in the not-so-distant future. For now, interested users can download experimental Linux builds from [Jenkins](https://ci.86box.net/job/86Box/), or use CMake to compile manually from the master branch on [our GitHub repository](https://github.com/86Box/86Box). The Jenkins builds and main GitHub repository currently have a barebones user interface developed by [**Cacodemon345**](https://github.com/Cacodemon345), with command line controls similar to QEMU's Monitor, requiring manual editing of `86box.cfg` to configure emulated machines.
 
-{% include image.html url="/assets/images/v3.0/newui.png" description="Preliminary version of the new user interface on Linux and macOS. (courtesy of <a href='https://github.com/dob205'><b>dob205</b></a>)" %}
+{% include image.html url="/assets/images/v3.0/newui.png" description="Preliminary version of the new user interface on Linux and macOS. (courtesy of [**dob205**](https://github.com/dob205)\)" %}
 
 
 {% include imageheading.html url="/assets/images/v3.0/contributors.png" heading="Contributors" %}
diff --git a/assets/css/style.css b/assets/css/style.css
index 33dea7f..fdefee4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -153,6 +153,12 @@ div#socialold {
 .image {
 	text-align: center;
 }
+div.image, figure.image {
+	margin-top: 1em;
+	margin-bottom: 1em;
+	margin-left: 0px;
+	margin-right: 0px;
+}
 img.heading {
 	max-width: 100%;
 	width: auto;
@@ -166,6 +172,9 @@ img.image {
 div.imagecaption {
 	display: inline;
 }
+div.imagecaption > p {
+	margin: 0px;
+}
 hr {
 	border-color: #808080;
 	width: 100%;