From b21b31d625744f06b9e3473c8c0fe26dc1f14bbb Mon Sep 17 00:00:00 2001
From: Ryan James <ryanmichaeljames@gmail.com>
Date: Mon, 9 Dec 2024 21:47:04 +1300
Subject: [PATCH] Move banner image above the title (#44)

---
 _layouts/post.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/_layouts/post.html b/_layouts/post.html
index bcf481c..a45918c 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -7,6 +7,9 @@
     <div class="col-lg-10 mx-auto">
       <article class="blog-post" itemscope itemtype="http://schema.org/BlogPosting">
         <header>
+          {%- if page.image -%}
+          <img src="{{ page.image }}" class="img-fluid rounded blog-post-banner-img">
+          {%- endif -%}
           <h1 class="blog-post-title">{{ page.title | escape }}</h1>
           <p class="blog-post-meta">
             <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
@@ -22,9 +25,6 @@ <h1 class="blog-post-title">{{ page.title | escape }}</h1>
         </header>
 
         <div class="blog-post-content" itemprop="articleBody">
-          {%- if page.image -%}
-          <img src="{{ page.image }}" class="img-fluid rounded blog-post-banner-img">
-          {%- endif -%}
 
           {{ content }}