From d98eafb424f5ca9e267ab6990fea126bf859bd8d Mon Sep 17 00:00:00 2001
From: George <31376482+george-gca@users.noreply.github.com>
Date: Mon, 1 May 2023 13:27:33 -0300
Subject: [PATCH] Added thumbnail support for blog posts (#1371)

Implemented #425 based on given code.


![image](https://user-images.githubusercontent.com/31376482/234644266-07c1aebd-6a83-482f-8ac2-846fe5c0653d.png)

---------

Signed-off-by: George Araujo <george.gcac@gmail.com>
---
 _posts/2015-05-15-images.md |  1 +
 blog/index.html             | 13 ++++++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/_posts/2015-05-15-images.md b/_posts/2015-05-15-images.md
index 0729fcb..e81d92f 100644
--- a/_posts/2015-05-15-images.md
+++ b/_posts/2015-05-15-images.md
@@ -5,6 +5,7 @@ date: 2015-05-15 21:01:00
 description: this is what included images could look like
 tags: formatting images
 categories: sample-posts
+thumbnail: assets/img/9.jpg
 ---
 This is an example post with image galleries.
 
diff --git a/blog/index.html b/blog/index.html
index da8590b..f6cebe9 100644
--- a/blog/index.html
+++ b/blog/index.html
@@ -53,7 +53,11 @@ pagination:
     {% assign categories = post.categories | join: "" %}
 
     <li>
-      <h3>
+{%- if post.thumbnail -%}
+<div class="row">
+          <div class="col-sm-9">
+{%- endif -%}
+        <h3>
         {% if post.redirect == blank %}
           <a class="post-title" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
         {% else %}
@@ -95,6 +99,13 @@ pagination:
               {% endfor %}
           {% endif %}
     </p>
+{%- if post.thumbnail -%}
+    </div>
+  <div class="col-sm-3">
+    <img class="card-img" src="{{post.thumbnail | relative_url}}" style="object-fit: cover; height: 90%" alt="image">
+  </div>
+</div>
+{%- endif -%}
     </li>
 
     {% endfor %}