{% load static readux_extras %}\n\n<div class=\"uk-child-width-1-4@m\" uk-grid>\n {% for volume in volumes %}\n {% if volume.pid %}\n <div>\n <a class=\"grid-item\" href=\"{% url 'volumeall' volume.pid %}\">\n <!-- Cover in a square -->\n <div class=\"cover-square\">\n <img\n src=\"{{ volume.start_canvas.resource_id }}/full/600,/0/default.jpg\"\n alt=\"First page of {{ volume.label }}\"\n onerror=\"this.onerror=null;this.src='{% static 'images/image_not_found.jpg' %}';\"\n >\n </div>\n </a>\n\n {% with full_title=volume.label|default:\"[no title]\"|unescape_html year=volume|manifest_year %}\n {% if full_title|length > 50 %}\n <h2 class=\"volume-title-inline\" uk-tooltip=\"mode: click\" title=\"{{ full_title }}{% if year %} ({{ year }}){% endif %}\">\n <a class=\"volume-title__link\" href=\"{% url 'volumeall' volume.pid %}\">\n <span class=\"volume-title__text\">{{ full_title|truncatechars:50 }}</span>{% if year %}<span class=\"volume-title__year\"> ({{ year }})</span>{% endif %}\n </a>\n </h2>\n {% else %}\n <h2 class=\"volume-title-inline\">\n <a class=\"volume-title__link\" href=\"{% url 'volumeall' volume.pid %}\">\n <span class=\"volume-title__text\">{{ full_title|truncatechars:50 }}</span>{% if year %}<span class=\"volume-title__year\"> ({{ year }})</span>{% endif %}\n </a>\n </h2>\n {% endif %}\n {% endwith %}\n\n <!-- Authors -->\n {% if volume.authors and \"[no author]\" not in volume.authors %}\n {% with authors_display=volume.authors|join:\" | \"|unescape_html %}\n {% if authors_display|length > 50 %}\n <div class=\"author-line cursor-default\" uk-tooltip=\"mode: click\" title=\"{{ authors_display }}\">\n {{ authors_display }}\n </div>\n {% else %}\n <div class=\"author-line\">\n {{ authors_display }}\n </div>\n {% endif %}\n {% endwith %}\n {% endif %}\n </div>\n {% endif %}\n {% empty %}\n <div class=\"uk-width-1-1\">There are no volumes available to browse.</div>\n {% endfor %}\n</div>\n