From 653b91cb1edb40f2e63f871345c9fa73d52572b6 Mon Sep 17 00:00:00 2001
From: David Bailey <davidbailey.2889@gmail.com>
Date: Wed, 13 Dec 2023 10:23:10 +0100
Subject: [PATCH] feat: :sparkles: clean up image template to fit other post
 layouts, add caption

---
 www/static/imagestyle.css           | 10 ++------
 www/templates/post_types/image.html | 36 ++++++-----------------------
 2 files changed, 9 insertions(+), 37 deletions(-)

diff --git a/www/static/imagestyle.css b/www/static/imagestyle.css
index 12f8489..149aee6 100644
--- a/www/static/imagestyle.css
+++ b/www/static/imagestyle.css
@@ -1,16 +1,10 @@
 
 
-article {
-    margin-top: 0.8rem;
-    margin-left: 10%;
-    margin-right: 10%;
-}
-
-figcaption {
+#main_content_wrapper figcaption h1 {
     text-align: center;
 
     border-bottom: solid 3px darkgrey;
-    font-size: 2rem;
+    font-size: 1.8rem;
 
     margin-bottom: 0.3rem;
 }
diff --git a/www/templates/post_types/image.html b/www/templates/post_types/image.html
index 87f382b..60ef590 100644
--- a/www/templates/post_types/image.html
+++ b/www/templates/post_types/image.html
@@ -1,41 +1,19 @@
 
 
-{% extends "root.html" %}
+{% extends "pathed_content.html" %}
 
 {% block extra_head %}
 	<link rel="stylesheet" href="/static/imagestyle.css">
 {%endblock%}
 
-{%block main_content%}
-	<div id="post_file_bar">
-		<menu id="post_file_titles">
-			<li>
-				{{ post.post_metadata.title }}
-			</li>
-		</menu>
-		<menu id="post_file_path">
-			{% set split_post = post.post_path |split('/') %}
-			{% for i in range(0, split_post|length - 1) %}
-				<li>
-					{% if i != 0 %}
-						>
-					{% endif %}
-					{% if i != 0 %}
-						<a href="{{split_post|slice(0,i+1)|join('/')}}">
-							{{ split_post[i] }}
-						</a>
-					{% else %}
-						<a href="/">root</a>
-					{% endif %}
-				</li>
-			{% endfor %}
-		</menu>
-	</div>
-
-	<article>
+{%block content_article%}
+	<figure>
 		<a target="_blank" href="{{post['post_file_dir']}}"> 
 			<img id="gallery_image" src="{{post['post_file_dir']}}"></img> 
 		</a>
-	</article>
 
+		<figcaption>
+			{{ post.post_content|markdown_to_html }}
+		</figcaption>
+	</figure>
 {%endblock%}