<!–lista 1 –>

<div class="row obras">
    <h2 class="index">Obras de {{ page.title }} en {{ site.title }}</h2>
</div>
<div class="row">
    <!--LOOP DE LISTA 1-->
    {% for book in site.data.books %}
    {% if book.author == page.title %}
    <div class="basis">
        <div class="container">
            <img src="{{ BASE_PATH }}/img/{{ book.img }}" alt="{{ book.title }}" class="image sombra">
            <div class="overlay">
                <div class="text">
                    <a href="{{ BASE_PATH }}/obras/{{ book.url }}"><p class="overlay-text-inside">Edición publicada en {{ book.city }} por {{ book.publisher }} en {{ book.edition }}</p></a>
                    <hr class="overlay-text-inside">
                    <a href="{{ BASE_PATH }}/obras/{{ book.url }}">
                        <i class="fa fa-eye see-and-download morel"></i>
                    </a>
                    <i class="fa fa-download clear"></i>
                    <a href="{{ book.download }}">
                        <i class="fa fa-download see-and-download morel"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="price">
            <div class="title">{{ book.title }}<br></div>
            <div class="autor">{{ book.author }}{% if book.author2 %}, {{ book.author2 }}{% endif %}{% if book.author3 %}, {{ book.author3 }}{% endif %}</div>
        </div>
    </div>
    {% elsif book.author2 == page.title %}
    <div class="basis">   
        <div class="container">
            <a href="{{ BASE_PATH }}{{ book.url }}"><img src="{{ BASE_PATH }}/img/{{ book.img }}" alt="{{ book.title }}" class="image sombra"></a>
            <div class="overlay">
                <div class="text">
                    <p class="overlay-text-inside">Edición publicada en {{ book.ciudad }} por {{ book.editorial }} en {{ book.edicion }}</p>
                    <hr class=".overlay-text-inside">
                    <a href="{{ BASE_PATH }}{{ book.url }}">
                        <i class="fa fa-eye see-and-download morel"></i>
                    </a>
                    <i class="fa fa-download clear"></i>
                    <a heref="{{ book.descarga }}">
                        <i class="fa fa-download see-and-download morel"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="price">
            <div class="title">{{ book.title }}<br></div>
            <div class="autor">{{ book.author }}{% if book.author2 %}, {{ book.author2 }}{% endif %}{% if book.author3 %}, {{ book.author3 }}{% endif %}</div>
        </div>
    </div>
    {% elsif book.author3 == page.title %}
    <div class="basis">   
        <div class="container">
            <img src="{{ BASE_PATH }}/img/{{ book.img }}" alt="{{ book.title }}" class="image sombra">
            <div class="overlay">
                <div class="text">
                    <a href="{{ BASE_PATH }}{{ book.url }}"><p class="overlay-text-inside">Edición publicada en {{ book.ciudad }} por {{ book.editorial }} en {{ book.edicion }}</p>
                    <hr class="overlay-text-inside"></a>
                    <a href="{{ BASE_PATH }}{{ book.url }}">
                        <i class="fa fa-eye see-and-download morel"></i>
                    </a>
                    <i class="fa fa-download clear"></i>
                    <a heref="{{ book.download }}">
                        <i class="fa fa-download see-and-download morel"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="price">
            <div class="title">{{ book.title }}<br></div>
            <div class="autor">{{ book.author }}{% if book.author2 %}, {{ book.author2 }}{% endif %}{% if book.author3 %}, {{ book.author3 }}{% endif %}</div>
        </div>
    </div>
    {% endif %}
    {% endfor %}

</div>