bookshelf.md

title	Bookshelf
permalink	/bookshelf/
layout	default

<style> .bookshelf-section { margin: 1.5rem 0 2.5rem 0; } .bookshelf-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 16px; align-items: start; } .book-card { display: block; text-decoration: none; border-radius: 12px; overflow: hidden; border: 1px solid rgba(0,0,0,0.12); background: rgba(255,255,255,0.6); transition: transform 120ms ease, box-shadow 120ms ease; } .book-card:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,0.12); } .book-cover { width: 100%; aspect-ratio: 2 / 3; object-fit: cover; display: block; background: rgba(0,0,0,0.04); } .book-meta { padding: 10px 10px 12px 10px; } .book-title { font-size: 0.95rem; line-height: 1.2; font-weight: 600; margin: 0 0 6px 0; color: inherit; } .book-author { font-size: 0.85rem; opacity: 0.85; margin: 0 0 8px 0; } .book-blurb { font-size: 0.82rem; opacity: 0.8; margin: 0; } .book-ratings { margin-top: 8px; } .rating-row { display: flex; gap: 8px; align-items: baseline; margin: 2px 0; } .rating-label { font-size: 0.78rem; opacity: 0.75; min-width: 88px; } .rating-stars { font-size: 0.85rem; letter-spacing: 1px; white-space: nowrap; } .rating-stars .empty { opacity: 0.25; } </style>

{% assign books = site.data.bookshelf %} {% assign education = books | where: "category", "education" %} {% assign nonfiction = books | where: "category", "nonfiction" %}

Technical

{% for book in education %}

{{ book.title }}

{{ book.author }}

{% if book.blurb %}

{{ book.blurb }}

{% endif %} {% assign dims = "Technical,Canonical,Exercises" | split: "," %}

      {% if book.ratings %}
        <div class="book-ratings">
          {% for dim in dims %}
            {% assign val = book.ratings[dim] | default: 0 | plus: 0 %}
            <div class="rating-row">
              <span class="rating-label">{{ dim }}:</span>
              <span class="rating-stars" aria-label="{{ dim }} rating {{ val }} out of 5">
                {% for i in (1..5) %}
                  {% if i <= val %}
                    ★
                  {% else %}
                    <span class="empty">☆</span>
                  {% endif %}
                {% endfor %}
              </span>
            </div>
          {% endfor %}
        </div>
      {% endif %}

    </div>
  </a>
{% endfor %}

Nonfiction

{% for book in nonfiction %}

{{ book.title }}

{{ book.author }}

      {% if book.blurb %}<p class="book-blurb">{{ book.blurb }}</p>{% endif %}
      {% assign dims = "Technical,Canonical,Exercises" | split: "," %}
      
      {% if book.ratings %}
        <div class="book-ratings">
          {% for dim in dims %}
            {% assign val = book.ratings[dim] | default: 0 | plus: 0 %}
            <div class="rating-row">
              <span class="rating-label">{{ dim }}:</span>
              <span class="rating-stars" aria-label="{{ dim }} rating {{ val }} out of 5">
                {% for i in (1..5) %}
                  {% if i <= val %}
                    ★
                  {% else %}
                    <span class="empty">☆</span>
                  {% endif %}
                {% endfor %}
              </span>
            </div>
          {% endfor %}
        </div>
      {% endif %}

    </div>
  </a>
{% endfor %}