From d629b9f78b4d85d4f36ee9eccbd0ef56ba2cade9 Mon Sep 17 00:00:00 2001
From: manetta <mail@manettaberends.nl>
Date: Wed, 6 Mar 2019 14:21:54 +0100
Subject: [PATCH] added the featured images to the index page

---
 themes/varia/static/css/stylesheet.css | 13 +++++++++++++
 themes/varia/templates/index.html      | 15 +++++++++++----
 2 files changed, 24 insertions(+), 4 deletions(-)

diff --git a/themes/varia/static/css/stylesheet.css b/themes/varia/static/css/stylesheet.css
index e69de29..87d2906 100644
--- a/themes/varia/static/css/stylesheet.css
+++ b/themes/varia/static/css/stylesheet.css
@@ -0,0 +1,13 @@
+body{
+	/*background-color:yellow;*/
+}
+
+#content .post{
+	position: relative;
+	display: inline-block;
+	width: 250px;
+	vertical-align: top;
+}
+	#content .post img{
+		width: 250px;
+	}
\ No newline at end of file
diff --git a/themes/varia/templates/index.html b/themes/varia/templates/index.html
index ab4bc34..1e495bb 100644
--- a/themes/varia/templates/index.html
+++ b/themes/varia/templates/index.html
@@ -7,8 +7,12 @@
 
 <ol id="post-list">
 {% for article in articles_page.object_list %}
-        <li><article class="hentry">
-                <header> <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2> </header>
+        <li class="post">
+            <article class="hentry">
+                <header>
+                    <img class="entry-img" src="{{ article.featured_image }}">
+                    <h2 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></h2>
+                </header>
                 <footer class="post-info">
                     <time class="published" datetime="{{ article.date.isoformat() }}"> {{ article.locale_date }} </time>
                     <address class="vcard author">By
@@ -17,8 +21,11 @@
                     {% endfor %}
                     </address>
                 </footer><!-- /.post-info -->
-                <div class="entry-content"> {{ article.summary }} </div><!-- /.entry-content -->
-        </article></li>
+                <div class="entry-content"> 
+                    {{ article.summary }}
+                </div><!-- /.entry-content -->
+            </article>
+        </li>
 {% endfor %}
 </ol><!-- /#posts-list -->
 {% if articles_page.has_other_pages() %}