Skip to content

Instantly share code, notes, and snippets.

@manualbashing
Last active November 15, 2022 11:38
Show Gist options
  • Save manualbashing/4d05f19610e95c90d0285cb480c93a97 to your computer and use it in GitHub Desktop.
Save manualbashing/4d05f19610e95c90d0285cb480c93a97 to your computer and use it in GitHub Desktop.
Goodreads widget
<!-- Show static HTML/CSS as a placeholder in case js is not enabled - javascript include will override this if things work -->
<style type="text/css" media="screen">
.gr_custom_container_1668510558 {
/* customize your Goodreads widget container here*/
border: 1px solid gray;
border-radius:10px;
padding: 10px 5px 10px 5px;
background-color: #FFFFFF;
color: #000000;
width: 350px;
margin-left: 40%;
}
.gr_custom_header_1668510558 {
/* customize your Goodreads header here*/
border-bottom: 1px solid gray;
width: 100%;
margin-bottom: 5px;
text-align: center;
font-size: 120%
}
.gr_custom_each_container_1668510558 {
/* customize each individual book container here */
width: 100%;
clear: both;
margin-bottom: 10px;
overflow: auto;
padding-bottom: 4px;
border-bottom: 1px solid #aaa;
}
.gr_custom_book_container_1668510558 {
/* customize your book covers here */
overflow: hidden;
height: 160px;
float: left;
margin-right: 4px;
width: 98px;
}
.gr_custom_author_1668510558 {
/* customize your author names here */
font-size: 10px;
}
.gr_custom_tags_1668510558 {
/* customize your tags here */
font-size: 10px;
color: gray;
}
.gr_custom_rating_1668510558 {
/* customize your rating stars here */
float: right;
}
.center {
margin-left: 40%;
}
</style>
<h2 class="center">The last book Manuel read</h2>
<div id="gr_custom_widget_1668510558">
<div class="gr_custom_container_1668510558">
<h2 class="gr_custom_header_1668510558">
<a style="text-decoration: none;" rel="nofollow" href="https://www.goodreads.com/review/list/17165865-manuel-batsching?shelf=read&amp;utm_medium=api&amp;utm_source=custom_widget"></a>
</h2>
<div class="gr_custom_each_container_1668510558">
<div class="gr_custom_book_container_1668510558">
<a title="At Night All Blood is Black" rel="nofollow" href="https://www.goodreads.com/review/show/5079477645?utm_medium=api&amp;utm_source=custom_widget"><img alt="At Night All Blood is Black" border="0" src="https://i.gr-assets.com/images/S/compressed.photo.goodreads.com/books/1581398524l/50403480._SX98_.jpg" /></a>
</div>
<div class="gr_custom_rating_1668510558">
<span class=" staticStars notranslate" title="it was ok"><img alt="it was ok" src="https://s.gr-assets.com/images/layout/gr_red_star_active.png" /><img alt="" src="https://s.gr-assets.com/images/layout/gr_red_star_active.png" /><img alt="" src="https://s.gr-assets.com/images/layout/gr_red_star_inactive.png" /><img alt="" src="https://s.gr-assets.com/images/layout/gr_red_star_inactive.png" /><img alt="" src="https://s.gr-assets.com/images/layout/gr_red_star_inactive.png" /></span>
</div>
<div class="gr_custom_title_1668510558">
<a rel="nofollow" href="https://www.goodreads.com/review/show/5079477645?utm_medium=api&amp;utm_source=custom_widget">At Night All Blood is Black</a>
</div>
<div class="gr_custom_author_1668510558">
by <a rel="nofollow" href="https://www.goodreads.com/author/show/680966.David_Diop">David Diop</a>
</div>
</div>
<br style="clear: both"/>
<center>
<a rel="nofollow" href="https://www.goodreads.com/"><img alt="goodreads.com" style="border:0" src="https://s.gr-assets.com/images/widget/widget_logo.gif" /></a>
</center>
<noscript>
Share <a rel="nofollow" href="https://www.goodreads.com/">book reviews</a> and ratings with Manuel, and even join a <a rel="nofollow" href="https://www.goodreads.com/group">book club</a> on Goodreads.
</noscript>
</div>
</div>
<script src="https://www.goodreads.com/review/custom_widget/17165865.Manuel's%20bookshelf:%20read?cover_position=left&cover_size=medium&num_books=1&order=d&shelf=read&show_author=1&show_cover=1&show_rating=1&show_review=1&show_tags=1&show_title=1&sort=date_read&widget_bg_color=FFFFFF&widget_bg_transparent=&widget_border_width=1&widget_id=1668510558&widget_text_color=000000&widget_title_size=medium&widget_width=medium" type="text/javascript" charset="utf-8"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment