From fe16871f9508989398f11cac5d69a94efc0725ef Mon Sep 17 00:00:00 2001
From: John Jago <jc@johnjago.com>
Date: Thu, 6 Jun 2024 17:47:04 -0500
Subject: [PATCH] Add shadow, border radius, and border around release images

---
 assets/style.css             | 4 ++++
 layouts/releases/list.html   | 2 +-
 layouts/releases/single.html | 2 +-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/style.css b/assets/style.css
index bfb18ec..fc300d5 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -13,3 +13,7 @@
 	mask-size: contain;
 	mask-repeat: no-repeat;
 }
+
+.img-all-around-shadow img {
+	box-shadow: 0 0 1rem -0.25rem rgba(0, 0, 0, 0.25);
+}
diff --git a/layouts/releases/list.html b/layouts/releases/list.html
index 58e3415..cd40169 100644
--- a/layouts/releases/list.html
+++ b/layouts/releases/list.html
@@ -39,7 +39,7 @@ <h1 class="text-7xl text-center font-bold mt-16 mb-4">
 				>
 					<h2>{{ .Title }}</h2>
 				</a>
-				<div class="prose prose-h3:text-lg prose-h3:mt-0 mt-8">
+				<div class="prose prose-h3:text-xl prose-h3:mt-0 prose-img:rounded-lg prose-img:border prose-img:border-gray-200 img-all-around-shadow mt-8">
 					{{ .Content }}
 				</div>
 			</article>
diff --git a/layouts/releases/single.html b/layouts/releases/single.html
index 52702c6..d06795f 100644
--- a/layouts/releases/single.html
+++ b/layouts/releases/single.html
@@ -3,7 +3,7 @@
 	<h1 class="text-4xl font-bold mb-4">{{ .Title }}</h1>
 	<p class="mb-2">Dashify <strong>{{ .Params.Version }}</strong></p>
 	<p class="mb-8">Released <time datetime='{{ .Date.Format "2006-01-02" }}' class="font-semibold">{{ .Date.Format "2 January 2006" }}</time></p>
-	<article class="prose max-w-none">
+	<article class="prose prose-img:rounded-lg prose-img:border prose-img:border-gray-200 img-all-around-shadow max-w-none">
 		{{ .Content }}
 	</article>
 	<div class="bg-[#9D6095E3] mt-28 text-xl mx-auto text-center py-12 px-8 text-gray-50 rounded-lg">