72 lines
No EOL
2.8 KiB
HTML
72 lines
No EOL
2.8 KiB
HTML
---
|
|
layout: default
|
|
pagination:
|
|
data: books.all
|
|
size: 1
|
|
alias: book
|
|
permalink: "{{ book.url }}/index.html"
|
|
isbn: {{ book.isbn }}
|
|
schema: book
|
|
---
|
|
{%- capture alt -%}
|
|
{{ book.title }}{% if book.authors %}By {{ book.authors }}{% endif %}
|
|
{%- endcapture -%}
|
|
<a class="icon-link" href="/books" title="Go back to the books index page">{% tablericon "arrow-left" "Go back to the books index page" %} Back to books</a>
|
|
<article class="book-focus">
|
|
<div class="book-display">
|
|
<img
|
|
srcset="
|
|
https://cdn.coryd.dev{{ book.image }}?class=verticalsm 200w,
|
|
https://cdn.coryd.dev{{ book.image }}?class=verticalmd 400w,
|
|
https://cdn.coryd.dev{{ book.image }}?class=verticalbase 800w,
|
|
https://cdn.coryd.dev{{ book.image }}?class=verticallg 1200w
|
|
"
|
|
sizes="(max-width: 450px) 203px,
|
|
(max-width: 850px) 406px,
|
|
(max-width: 1000px) 812px,
|
|
1624px"
|
|
src="https://cdn.coryd.dev{{ book.image }}?class=verticallg"
|
|
alt="{{ alt }}"
|
|
loading="eager"
|
|
decoding="async"
|
|
width="200"
|
|
height="307"
|
|
/>
|
|
<div class="book-meta">
|
|
<p class="title"><strong>{{ book.title }}</strong></p>
|
|
{% if book.rating %}<p>{{ book.rating }}</p>{% endif %}
|
|
{% if book.author %}
|
|
<p class="sub-meta">By {{ book.author }}</p>
|
|
{% endif %}
|
|
{%- if book.favorite -%}
|
|
<p class="sub-meta favorite">{% tablericon "heart" "Favorite" %} This is one of my favorite books!</p>
|
|
{%- endif -%}
|
|
{%- if book.tattoo -%}
|
|
<p class="sub-meta tattoo">{% tablericon "needle" "Tattoo" %} I have a tattoo inspired by this book!</p>
|
|
{%- endif -%}
|
|
{% if book.status == 'finished' %}
|
|
<p class="sub-meta">Finished on: {{ book.date | date: "%B %e, %Y" }}</p>
|
|
{% endif %}
|
|
{% if book.status == 'started' %}
|
|
{%- assign percentage = book.progress | append: '%' -%}
|
|
{% render "partials/media/progress-bar.liquid", percentage:percentage %}
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% if book.review %}
|
|
{% render "partials/blocks/banners/warning.liquid", text: "There are probably spoilers after this banner — this is a warning about them." %}
|
|
<h3>My thoughts</h3>
|
|
{{ book.review | markdown }}
|
|
<hr />
|
|
{% endif %}
|
|
{% render "partials/blocks/associated-media.liquid", posts:book.posts %}
|
|
{% render "partials/blocks/associated-media.liquid", books:book.relatedBooks %}
|
|
{% render "partials/blocks/associated-media.liquid", artists:book.artists %}
|
|
{% render "partials/blocks/associated-media.liquid", movies:book.movies %}
|
|
{% render "partials/blocks/associated-media.liquid", shows:book.shows %}
|
|
{% render "partials/blocks/associated-media.liquid", genres:book.genres %}
|
|
{% if book.description %}
|
|
<h3>Overview</h3>
|
|
{{ book.description | markdown }}
|
|
{% endif %}
|
|
</article> |