From c3d597bb89170a1f4b8db5cd621d348edf5f2bed Mon Sep 17 00:00:00 2001
From: Indrajith K L
Date: Tue, 14 Feb 2023 14:10:55 +0530
Subject: Adds Good Reads widget

---
 src/css/styles.css | 13 +++++++++++++
 src/index.njk      |  9 ++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/css/styles.css b/src/css/styles.css
index a951211..40bad6f 100644
--- a/src/css/styles.css
+++ b/src/css/styles.css
@@ -238,4 +238,17 @@ p.first-letter::first-letter {
 
 .etyone {
 	margin-bottom: 5px;
+}
+
+.gr_grid_container {
+	/* customize grid container div here. eg: width: 500px; */
+}
+
+.gr_grid_book_container {
+	/* customize book cover container div here */
+	float: left;
+	width: 98px;
+	height: 160px;
+	padding: 0;
+	overflow: hidden;
 }
\ No newline at end of file
diff --git a/src/index.njk b/src/index.njk
index 5373f06..7491bdf 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -13,12 +13,18 @@ alternatetitle: "Hello Friend!! My name is Indrajith K L."
 </div>
 
 <div>
+    <div>
+        <h4>Books I'm reading now</h4>
+        <div id="gr_grid_widget_1676363812"></div>
+    </div>
     <h4>Recent Posts</h4>
     <ul>
         {% for post in collections.posts | reverse %}
             {% if (loop.index <= 4) %}
                 <li>
-                    <p><a href="{{post.url}}">{{post.data.title}}</a></p>
+                    <p>
+                        <a href="{{post.url}}">{{post.data.title}}</a>
+                    </p>
                 </li>
             {% endif %}
         {% else %}
@@ -28,3 +34,4 @@ alternatetitle: "Hello Friend!! My name is Indrajith K L."
         {% endfor %}
     </ul>
 </div>
+<script src="https://www.goodreads.com/review/grid_widget/162656738.Indrajith's%20currently-reading%20book%20montage?cover_size=medium&hide_link=&hide_title=true&num_books=20&order=a&shelf=currently-reading&sort=date_added&widget_id=1676363812" type="text/javascript" charset="utf-8"></script>
\ No newline at end of file
-- 
cgit v1.2.3