{% extends "base.jinja" %}
{% block content %}
<section class="section">
  <div class="container">
    <h1 class="title">{{ listing['title'] }}</h1>
{# iterate over items -#}
{% for item in listing['items'] %}
<div id="{{ item['anchor-id'] }}" class="box">
  <div class="level">
    <div class="level-left">
      <div class="level-item">
        <h2 class="title is-4">{{ item['name'] }}</h2>
      </div>
    </div>
    <div class="level-right is-size-5">
      {%- for contact in item['contact'] -%}
      <div class="level-item">{{ macros.render_element(contact) }}</div>
      {%- endfor -%}
    </div>
  </div>
  <div class="block">{{ macros.render_element(item['games']) }}</div>
  <div class="block">
    {%- for field in ('organization',) -%}
    {%- if field in item -%}
    {{ macros.render_element(item[field]) }}
    {%- endif -%}
    {%- endfor -%}
  </div>
  <div class="block">
    <a href="{{ base['url_to'](['contribute.html#developers']) }}" title="Contribution guide" class="is-size-7">Improve</a>
  </div>
</div>
{% endfor %}
  <a class="is-light is-size-7" href="#">Back to top</a>
  </div>
</section>
{% endblock %}