---
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 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.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 %}
      <p class="sub-meta"><a href="https://openlibrary.org/isbn/{{ book.isbn }}" title="View {{ book.title | escape }} on Open Library">View on Open Library</a></p>
    </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 %}
  {%- if book.artists -%}
    {%- capture sectionTitle -%}
      {% if book.artists.size > 1 %}
        I listen to artists featured in this book!
      {% else %}
      I listen to the artist featured in this book!
      {%- endif -%}
    {%- endcapture -%}
    <p id="artists" class="music">
      {% tablericon "headphones" "Music" %}
      {{ sectionTitle }}
    </p>
    <ul>
      {% for artist in book.artists %}
        <li><a href="{{ artist.url }}">{{ artist.name }}</a>{%- if artist.total_plays > 0 -%}: <strong class="highlight-text">{{ artist.total_plays }} plays</strong>{%- endif -%}</li>
      {% endfor %}
    </ul>
    <hr />
  {%- endif -%}
  {%- if book.movies -%}
    {%- capture sectionTitle -%}
      {% if book.movies.size > 1 %}
        I've watched movies related to this book!
      {% else %}
        I've watched a movie related to this book!
      {%- endif -%}
    {%- endcapture -%}
    <hr />
    <p id="movies" class="movies">
      {% tablericon "device-tv-old" "Movies" %}
      {{ sectionTitle }}
    </p>
    <ul>
      {% for movie in book.movies %}
        <li><a href="{{ movie.url }}">{{ movie.title }}</a> ({{ movie.year }})</li>
      {% endfor %}
    </ul>
  {%- endif -%}
  {% if book.description %}
    <h3>Overview</h3>
    {{ book.description | markdown }}
  {% endif %}
</article>