Added featured images to the post and page templates

getstattic · Nov 8, 2024 · 6c431a4 · 6c431a4
1 parent ae15881
commit 6c431a4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/templates/page.html b/templates/page.html
@@ -2,6 +2,9 @@
 
 {% block content %}
 <main class="container max-w-2xl m-auto py-10 px-4" id="main-content">
+    {% if page.featured_image %}
+    <img src="{{ page.featured_image }}" alt="Featured Image for {{ page.title }}" class="featured-image" />
+    {% endif %}
     <h1 class="text-6xl font-bold mb-8 pb-8 text-links quicksand-700 border-b border-primary">{{ title }}</h1>
     <div class="stattic-content prose dark:prose-dark">
         {{ content | safe }}

diff --git a/templates/post.html b/templates/post.html
@@ -3,6 +3,9 @@
 {% block content %}
 <main class="container max-w-2xl m-auto py-10 px-4" id="main-content">
     <article class="prose dark:prose-dark max-w-none">
+        {% if page.featured_image %}
+            <img src="{{ page.featured_image }}" alt="Featured Image for {{ page.title }}" class="featured-image" />
+        {% endif %}
         <h1 class="text-6xl font-bold mb-4 text-links quicksand-700">{{ title }}</h1>
         <p class="text-2md post-meta mb-4 pb-2 text-accent italic border-b border-primary"><span class="date">{{ date }}</span> &middot; <span class="author">{{ author }}</span></p>
         {% if featured_image %}