<section class="std-section issues-list">
<div class="container">
<div class="issues-list__container">
{% for periodical in periodical_list %}
<div class="issues-item">
{% if periodical.picture %}
<div class="issues-item__item-image">
<img src="{{ asset('assets/front/img/empty214x246.svg') }}"
data-src="{{ periodical.picture.url }}" alt="{{ periodical.name|escape }}">
</div>
{% endif %}
<h2 class="issues-item__item-title">{{ periodical.name }}</h2>
{% if periodical.period %}
<time>{{ periodical.period }}</time>
{% endif %}
<span class="issues-item__item-description">{{ periodical.description }}</span>
{% if periodical.file %}
<div class="issues-item__item-link">
<a href="{{ periodical.file.url }}" download>
<span>Скачать</span>
<svg>
<use href="/assets/front/img/sprites/icons.svg#download"
xlink:href="/assets/front/img/sprites/icons.svg#download"></use>
</svg>
</a>
</div>
{% endif %}
</div>
{% endfor %}
</div>
</div>
<script>
require([
'css!assets/front/css/application/issues-list',
'css!assets/front/css/application/issues-item'
]);
</script>
</section>