---
layout: "layouts/base"
---

{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars, spoilerWarning %}
{% from "macros/tags.njk" import tagList %}
<article class="flow">
    <header class="flow">
        <div class="flow flow-space-1">
            <h1>{{ title }}</h1>
            {% if pullquote %}<h3 class="text-fadeText">{{ pullquote }}</h3>{% endif %}
        </div>
        {{ format(page.date) }}
    </header>
    {% if hasSpoilers %}
        {{ spoilerWarning() }}
    {% endif %}
    {% if content %}
        <section class="flow flow-space-default">
            {{ content | safe }}
        </section>
    {% endif %}
    <footer class="card media-metadata-grid">
        <div class="media-image media-image--tall">
            <img src="{{ image }}" alt="" />
        </div>
        <div class="flow flex flex-col justify-center flow-space-4">
            <h2>{{ title }}</h2>
            {% if subtitle %}<p class="text-fadeText flow-space-2 line-height-m">{{ subtitle }}</p>{% endif %}
            {% if rating %}{{ stars(rating) }}{% endif %}
            <dl class="media-metadata">
                {% if author %}
                    <dt><strong>Author</strong></dt>
                    <dd>{{ author }}</dd>
                {% endif %}
                {% if year %}
                    <dt><strong>Published</strong></dt>
                    <dd>{{ year }}</dd>
                {% endif %}
            </dl>
        </div>
    </footer>
    {{ tagList(tags | filter("book") , "/books") }}
</article>