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