{% load wagtailcore_tags wagtailimages_tags core_tags static i18n %}

{% load_child_articles_for_section self as articles %}
 <ul class="promoted-article-list promoted-article-list-column">
   {% for article in articles %}
   <li class="promoted-article-list__item {% if forloop.first %}promoted-article-list__item--hero-column{% endif %} promoted-article-list__item-column">
     {% if article.image %}
       <a href="{% pageurl article %}" class="promoted-article-list__anchor promoted-article-list__anchor-column">
         {% if forloop.first %}
           {% include "patterns/basics/images/article-image.html" with curve="semi-round" %}
         {% else %}
           {% include "patterns/basics/images/article-thumbnail_medium.html" with curve="none" %}
         {% endif %}
       </a>
     {% endif %}
     <a href="{% pageurl article %}" class="promoted-article-list__anchor promoted-article-list__anchor-column">
       <h3 class="heading heading--large promoted-article-list__column-heading">{{article.title}}</h3>
     </a>
     <p class="promoted-article-list__desc promoted-article-list__desc--column">{{article.subtitle}}</p>
   </li>
   {% endfor %}
 </ul>
{% include "patterns/basics/pagination/pagination-pageof.html" %}
