automated featured blog display

templates/blogPage.html

@@ -2,11 +2,13 @@
 {% block content %}
 
 <!-- Default page template for blog posts and basic informative markdown files -->
+<main class="pt-16">
+
 <div class="sm:w-5/6 md:w-4/5 mr-auto ml-auto px-6 lg:px-16 xl:w-11/12">
-<img src="/images/threefold_blog.png" alt="">
+<img class="max-h-60 sm:max-h-60 md:max-h-80 lg:max-h-96 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
 <div>
     <article class="article lg:w-7/12 mx-auto">
-    <h1 class="tracking-tight pt-12 lg:pt-12 2xl:pt-32 text-5xl text-left
+    <h1 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-5xl text-left
     text-5xl fw-500 leading-snug font-normal mb-10">
         {{ page.title }} 
     </h1>
@@ -17,5 +19,6 @@
     </article>
 </div>
 </div>
-    
+</main>
+
 {% endblock content %}