{% include tab-row.html page='Books' %}
<section>

    {% for listing in site.data.books %}

    <div class="book-listing border-light">

        <div class="cover">
            <img class="img-responsive" src="{{ listing.image }}" alt="{{ listing.image-alt }}">
        </div>

        <div class="info">
            <a href="{{ listing.link }}" target="_blank">
                <h3 class="title poppins">{{ listing.title }}</h3>
            </a>

            {% if listing.subtitle %}
            <h5 class="subtitle poppins">{{ listing.subtitle }}</h5>
            {% endif %}

            <div class="author">
                <span>{{ listing.attribution }}</span>
                {% for author in listing.authors %}
                {% if author.link %}
                <span class="link"><a href="{{ author.link }}">{{ author.name }}</a></span>
                {% else %}
                <span class="nolink">{{ author.name }}</span>
                {% endif %}
                {% endfor %}
            </div>

            <p class="blurb">{{ listing.blurb }}</p>
        </div>

    </div>

    {% endfor %}

</section>