6625f2395a
Since I was annoyed at not being able to use [jekyll-archives](https://github.com/jekyll/jekyll-archives) to create an archive for the books, I decided to implement myself the [jekyll-archives-v2](https://github.com/george-gca/jekyll-archives-v2) that doesn't have this limitation. Closes #923. --------- Signed-off-by: George Araújo <george.gcac@gmail.com>
258 lines
8.1 KiB
Plaintext
258 lines
8.1 KiB
Plaintext
---
|
|
layout: default
|
|
---
|
|
{% assign year = page.started | date: '%Y' %}
|
|
{% assign tags = page.tags | join: '' %}
|
|
{% assign categories = page.categories | join: '' %}
|
|
|
|
{% if page._styles %}
|
|
<!-- Page/Post style -->
|
|
<style type="text/css">
|
|
{{ page._styles }}
|
|
</style>
|
|
{% endif %}
|
|
|
|
<div class="post">
|
|
<header class="post-header">
|
|
<h1 class="post-title">{{ page.title }}</h1>
|
|
{% if page.author or page.released %}
|
|
<p class="post-meta">
|
|
{% if page.author %}
|
|
{{ page.author }}
|
|
{% endif %}
|
|
{% if page.author and page.released %} · {% endif %}
|
|
{% if page.released %}
|
|
{{ page.released }}
|
|
{% endif %}
|
|
</p>
|
|
{% endif %}
|
|
|
|
{% if page.started or page.finished or page.stars %}
|
|
<p class="post-meta">
|
|
{% if page.started %}
|
|
<i class="fa-solid fa-play fa-sm" style="color: var(--global-tip-block) !important"></i> <em>{{ page.started }}</em>
|
|
{% endif %}
|
|
{% if page.finished %}
|
|
{% if page.started %}
|
|
·
|
|
{% endif %}
|
|
<i class="fa-solid fa-stop fa-sm" style="color: #e56565 !important"></i> <em>{{ page.finished }}</em>
|
|
{% endif %}
|
|
{% if page.stars %}
|
|
{% if page.started or page.finished %}
|
|
·
|
|
{% endif %}
|
|
{% if page.goodreads_review %}
|
|
<a target="_blank" href="https://www.goodreads.com/review/show/{{ page.goodreads_review }}"><i class="fa-brands fa-goodreads-g"></i>
|
|
{% endif %}
|
|
{% assign full_stars = page.stars | floor %}
|
|
{% assign half_star = page.stars | minus: full_stars %}
|
|
{% assign empty_stars = 5 | minus: full_stars %}
|
|
{% if half_star > 0 %}
|
|
{% assign empty_stars = empty_stars | minus: 1 %}
|
|
{% endif %}
|
|
{% for i in (1..full_stars) -%}
|
|
<i class="fa-solid fa-star fa-sm"></i>
|
|
{%- endfor -%}
|
|
{%- if half_star > 0 %}<i class="fa-solid fa-star-half-stroke fa-sm"></i>{% endif -%}
|
|
{%- for i in (1..empty_stars) -%}
|
|
<i class="fa-regular fa-star fa-sm"></i>
|
|
{%- endfor -%}
|
|
{% if page.goodreads_review %}
|
|
</a>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% if page.buy_link %}
|
|
{% if page.started or page.finished or page.stars %}
|
|
·
|
|
{% endif %}
|
|
<a target="_blank" href="{{ page.buy_link }}"
|
|
><i class="fa-solid fa-cart-shopping"></i>
|
|
{% assign is_amazon_link = page.buy_link | slice: 0, 19 %}
|
|
{% if is_amazon_link == 'https://www.amazon.' %}
|
|
<i class="fa-brands fa-amazon"></i>
|
|
{% endif %}
|
|
</a>
|
|
{% endif %}
|
|
</p>
|
|
{% endif %}
|
|
<p class="post-tags">
|
|
<a href="{{ year | prepend: '/books/' | relative_url }}"> <i class="fa-solid fa-calendar fa-sm"></i> {{ year }}</a>
|
|
{% if tags != '' %}
|
|
·
|
|
{% for tag in page.tags %}
|
|
<a href="{{ tag | slugify | prepend: '/books/tag/' | relative_url }}"> <i class="fa-solid fa-hashtag fa-sm"></i> {{ tag }}</a>
|
|
{% unless forloop.last %}
|
|
|
|
{% endunless %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if categories != '' %}
|
|
·
|
|
{% for category in page.categories %}
|
|
<a href="{{ category | slugify | prepend: '/books/category/' | relative_url }}"> <i class="fa-solid fa-tag fa-sm"></i> {{ category }}</a>
|
|
{% unless forloop.last %}
|
|
|
|
{% endunless %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
</p>
|
|
<hr>
|
|
</header>
|
|
|
|
<article>
|
|
{% if content == '' %}
|
|
<figure class="empty-review">
|
|
{% if page.cover %}
|
|
<img class="empty-review-cover" alt="{{ page.title }} cover" src="{{ site.baseurl }}/{{ page.cover }}">
|
|
<figcaption class="empty-review-caption">
|
|
Cover of <em>{{ page.title }}</em>
|
|
</figcaption>
|
|
{% elsif page.olid %}
|
|
<img class="empty-review-cover" alt="{{ page.title }} cover" src="http://covers.openlibrary.org/b/olid/{{ page.olid }}-L.jpg?default=false">
|
|
<figcaption class="empty-review-caption">
|
|
Cover of <em>{{ page.title }}</em> on the <a href="https://openlibrary.org/olid/{{ page.olid }}">Open Library</a>.
|
|
</figcaption>
|
|
{% elsif page.isbn %}
|
|
<img class="empty-review-cover" alt="{{ page.title }} cover" src="http://covers.openlibrary.org/b/isbn/{{ page.isbn }}-L.jpg?default=false">
|
|
<figcaption class="empty-review-caption">
|
|
Cover of <em>{{ page.title }}</em> on the <a href="https://openlibrary.org/isbn/{{ page.isbn }}">Open Library</a>.
|
|
</figcaption>
|
|
{% endif %}
|
|
</figure>
|
|
{% assign status = page.status | upcase %}
|
|
<div class="clearfix">
|
|
<h4>{{ status }}</h4>
|
|
</div>
|
|
{% else %}
|
|
<figure>
|
|
{% if page.cover %}
|
|
<img alt="{{ page.title }} cover" src="{{ site.baseurl }}/{{ page.cover }}">
|
|
<figcaption>
|
|
Cover of <em>{{ page.title }}</em>
|
|
</figcaption>
|
|
{% elsif page.olid %}
|
|
<img alt="{{ page.title }} cover" src="http://covers.openlibrary.org/b/olid/{{ page.olid }}-L.jpg?default=false">
|
|
<figcaption>
|
|
Cover of <em>{{ page.title }}</em> on the <a href="https://openlibrary.org/olid/{{ page.olid }}">Open Library</a>.
|
|
</figcaption>
|
|
{% elsif page.isbn %}
|
|
<img alt="{{ page.title }} cover" src="http://covers.openlibrary.org/b/isbn/{{ page.isbn }}-L.jpg?default=false">
|
|
<figcaption>
|
|
Cover of <em>{{ page.title }}</em> on the <a href="https://openlibrary.org/isbn/{{ page.isbn }}">Open Library</a>.
|
|
</figcaption>
|
|
{% endif %}
|
|
</figure>
|
|
<br class="mobile-break" clear="right">
|
|
<h4>
|
|
{% if page.start %} Start Date: {{ page.start | date: '%-d %B %Y' }}. {% endif %}
|
|
{% if page.end %} End Date: {{ page.end | date: '%-d %B %Y' }}. {% endif %}
|
|
</h4>
|
|
{{ content }}
|
|
{% endif %}
|
|
</article>
|
|
|
|
{% if site.giscus and page.giscus_comments %}
|
|
{% include giscus.liquid %}
|
|
{% endif %}
|
|
</div>
|
|
|
|
<style>
|
|
figure {
|
|
float: none;
|
|
width: auto;
|
|
display: block;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
|
|
}
|
|
figure > img {
|
|
|
|
vertical-align: top;
|
|
display: block;
|
|
margin-right: 0px;
|
|
margin-left: 0px;
|
|
padding: 0px;
|
|
|
|
}
|
|
figure figcaption {
|
|
|
|
display: block;
|
|
caption-side: bottom;
|
|
text-align: center;
|
|
}
|
|
|
|
@media screen and (min-width: 600px) {
|
|
|
|
.empty-review{
|
|
float: left;
|
|
display: block; /* in-line block; */
|
|
margin: 0px 0px 0px 0px; /* adjust as needed */
|
|
padding: 0px 0px 0px 20px;
|
|
/* top right bottom left */
|
|
}
|
|
|
|
.empty-review-caption {
|
|
caption-side: left;
|
|
text-align: left;
|
|
|
|
|
|
}
|
|
|
|
.empty-review-cover {
|
|
width:250px;
|
|
vertical-align: top;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
figure {
|
|
|
|
float: right;
|
|
display: in-line block; /* in-line block; */
|
|
margin: 0px 0px 0px 0px; /* adjust as needed */
|
|
padding: 0px 0px 0px 20px;
|
|
/* top right bottom left */
|
|
}
|
|
|
|
figure img {
|
|
width:300px;
|
|
vertical-align: top;
|
|
|
|
}
|
|
|
|
figure figcaption {
|
|
caption-side: bottom;
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
.mobile-break { display: none; }
|
|
|
|
/* =Blockquote
|
|
-------------------------------------------------------------- */
|
|
blockquote {
|
|
|
|
position: relative;
|
|
marign: 0px;
|
|
display: table;
|
|
|
|
}
|
|
blockquote:before, blockquote:after {
|
|
|
|
/* properties to format the block quotes /*
|
|
|
|
}
|
|
blockquote:before {
|
|
top: 0;
|
|
left: 0;
|
|
|
|
|
|
}
|
|
blockquote:after {
|
|
top: 0;
|
|
right: 0;
|
|
|
|
}
|
|
</style>
|